:root{--color-saddle:#7b4f2e;--color-saddle-dark:#5c3a1e;--color-parchment:#f5e6c8;--color-parchment-dark:#e8d5a8;--color-ink:#2c1a0e;--color-dust:#c4a882;--color-dust-light:#d9c4a0;--font-serif:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--radius:8px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-serif);background-color:var(--color-parchment);color:var(--color-ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 20%,#c4a88226 0%,#0000 60%),radial-gradient(at 80% 20%,#7b4f2e14 0%,#0000 50%);min-height:100dvh;line-height:1.6}#root{flex-direction:column;min-height:100dvh;display:flex}.screen{width:100%;max-width:480px;padding:24px 20px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;margin:0 auto;display:flex}h1{font-family:var(--font-serif);color:var(--color-saddle-dark);letter-spacing:.02em;font-size:2rem;font-weight:700;line-height:1.2}h2{font-family:var(--font-serif);color:var(--color-saddle);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:1.1rem;font-weight:700}.btn{border-radius:var(--radius);width:100%;min-height:72px;font-family:var(--font-serif);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), background-color var(--transition);text-align:center;-webkit-tap-highlight-color:transparent;border:none;padding:16px 24px;font-size:1.05rem;font-weight:700;line-height:1.3;display:block}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--color-saddle);color:var(--color-parchment);box-shadow:0 4px 12px #7b4f2e59}.btn-primary:hover{background-color:var(--color-saddle-dark);box-shadow:0 6px 16px #7b4f2e73}.btn-secondary{background-color:var(--color-parchment-dark);color:var(--color-saddle-dark);border:2px solid var(--color-dust);box-shadow:0 2px 6px #7b4f2e26}.btn-secondary:hover{background-color:var(--color-dust-light)}.btn-ghost{color:var(--color-saddle);text-underline-offset:3px;letter-spacing:normal;text-transform:none;background:0 0;width:auto;min-height:auto;padding:8px 0;font-size:.9rem;font-weight:600;text-decoration:underline;display:inline-block}.btn-ghost:hover{color:var(--color-saddle-dark)}.quote-card{border:1px solid var(--color-dust);border-radius:var(--radius);background-color:#ffffff80;margin:16px 0;padding:24px}blockquote{color:var(--color-ink);quotes:"“" "”";margin-bottom:12px;font-size:1.2rem;font-style:italic;line-height:1.7}blockquote:before{content:open-quote;color:var(--color-saddle);vertical-align:-.5rem;margin-right:2px;font-size:2rem;line-height:0}blockquote:after{content:close-quote;color:var(--color-saddle);vertical-align:-.5rem;margin-left:2px;font-size:2rem;line-height:0}cite{color:var(--color-saddle);letter-spacing:.03em;font-size:.9rem;font-style:normal;font-weight:600;display:block}cite:before{content:"— "}.quote-save-action{border-top:1px solid #c4a88259;justify-content:flex-end;gap:16px;margin-top:14px;padding-top:10px;display:flex}.quote-save-btn{cursor:pointer;color:var(--color-saddle);letter-spacing:.09em;text-transform:lowercase;opacity:.65;background:0 0;border:none;padding:0;font-family:inherit;font-size:.72rem;font-weight:700;transition:opacity .15s}.quote-save-btn:hover:not(:disabled){opacity:1}.quote-save-btn:disabled{color:var(--color-dust);cursor:default;opacity:1}.form-group{margin-bottom:20px}label{color:var(--color-saddle-dark);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}textarea,input[type=text]{border:2px solid var(--color-dust);border-radius:var(--radius);width:100%;font-family:var(--font-serif);color:var(--color-ink);transition:border-color var(--transition);-webkit-appearance:none;background-color:#ffffffb3;padding:12px 14px;font-size:1rem}textarea:focus,input[type=text]:focus{border-color:var(--color-saddle);outline:none}textarea{resize:vertical;min-height:120px}.char-count{text-align:right;color:var(--color-dust);margin-top:4px;font-size:.8rem}.char-count.near-limit{color:#b85c38}.message{border-radius:var(--radius);margin-bottom:16px;padding:12px 16px;font-size:.95rem}.message-success{color:#3a6b2a;background-color:#64a05026;border:1px solid #64a05066}.message-error{color:#8b2a0e;background-color:#b85c381f;border:1px solid #b85c3866}.message-info{color:var(--color-saddle-dark);background-color:#7b4f2e14;border:1px solid #7b4f2e40;font-size:.85rem}.divider{border:none;border-top:1px solid var(--color-dust);margin:24px 0}.western-divider{color:var(--color-dust);align-items:center;gap:10px;margin:20px 0;display:flex}.western-divider:before,.western-divider:after{content:"";background:var(--color-dust);opacity:.7;flex:1;height:1px}.western-divider span{opacity:.8;font-size:.65rem}.empty-state{flex-direction:column;align-items:center;gap:4px;padding:24px 0 16px;display:flex}.quote-card{position:relative}.quote-card:before,.quote-card:after{content:"✦";color:var(--color-dust);opacity:.7;font-size:.55rem;position:absolute}.quote-card:before{top:8px;right:10px}.quote-card:after{bottom:8px;left:10px}.stack{flex-direction:column;gap:12px;display:flex}.title-bar{text-align:center;border-bottom:2px solid var(--color-dust);margin-bottom:32px;padding-bottom:24px}.title-bar .subtitle{color:var(--color-saddle);letter-spacing:.14em;text-transform:uppercase;margin-top:6px;font-size:.82rem}.streak-badge{background-color:var(--color-saddle);color:var(--color-parchment);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-top:8px;padding:3px 12px;font-size:.75rem;font-weight:700;display:inline-block}.back-nav{margin-bottom:20px}.compendium-progress{color:var(--color-dust);margin-bottom:16px;font-size:.82rem;font-style:italic}.compendium-section{margin-bottom:32px}.quote-item{border:1px solid var(--color-dust-light);border-radius:var(--radius);background-color:#fff6;margin-bottom:10px;padding:16px}.quote-item blockquote{font-size:1rem}.loading-text{color:var(--color-dust);text-align:center;padding:24px 0;font-style:italic}.task-item{border:1px solid var(--color-dust-light);border-radius:var(--radius);transition:background-color var(--transition);background-color:#ffffff80;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.task-item.completed{background-color:#fff3;border-color:#0000}.task-title{color:var(--color-ink);flex:1;font-size:1rem;line-height:1.4}.task-item.completed .task-title{color:var(--color-dust);text-decoration:line-through}.task-check-btn{border:2px solid var(--color-saddle);width:44px;height:44px;color:var(--color-saddle);cursor:pointer;transition:background-color var(--transition), color var(--transition);-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.task-check-btn:hover{background-color:var(--color-saddle);color:var(--color-parchment)}.task-check-btn:active{transform:scale(.93)}.task-delete-btn{color:var(--color-dust);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;padding:8px;font-size:.9rem;line-height:1}.task-delete-btn:hover{color:#8b2a0e}.nudge-banner{border:1px solid var(--color-dust);border-radius:var(--radius);background-color:#7b4f2e1a;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;display:flex}.nudge-text{color:var(--color-saddle-dark);flex:1;min-width:160px;font-size:.9rem;font-style:italic}.nudge-suggest{width:auto;min-height:auto;padding:4px 0;font-size:.85rem}.nudge-dismiss{color:var(--color-dust);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:1rem;line-height:1}.nudge-dismiss:hover{color:var(--color-saddle)}.suggestion-card{border:1px solid var(--color-dust-light);border-radius:var(--radius);background-color:#ffffff80;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;display:flex}.suggestion-title{color:var(--color-ink);flex:1;font-size:1rem;line-height:1.4}.btn-add-suggestion{border:1px solid var(--color-saddle);border-radius:var(--radius);color:var(--color-saddle);font-family:var(--font-serif);cursor:pointer;transition:background-color var(--transition), color var(--transition);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;flex-shrink:0;padding:6px 12px;font-size:.85rem;font-weight:700}.btn-add-suggestion:hover:not(:disabled){background-color:var(--color-saddle);color:var(--color-parchment)}.btn-add-suggestion.added,.btn-add-suggestion:disabled{background-color:var(--color-saddle);color:var(--color-parchment);cursor:default}.title-bar{position:relative}.profile-btn{color:var(--color-dust);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:4px;font-size:1.2rem;line-height:1;position:absolute;top:0;right:0}.profile-btn:hover{color:var(--color-saddle)}.screen-night{color:var(--color-parchment);background:linear-gradient(160deg,#0d0a0e 0%,#1c1008 60%,#2c1a0e 100%)}.screen-night:before{content:"✦  ·  ✦  ·   ·  ✦   ·  ✦  ·   ·  ✦";text-align:center;letter-spacing:.3em;color:#f5e6c866;margin-bottom:16px;font-size:.6rem;line-height:2;display:block}.screen-night .quote-card{background:#ffffff12;border-color:#c4a88240}.screen-night blockquote,.screen-night cite{color:var(--color-parchment)}.screen-night .quote-save-btn{color:var(--color-dust-light)}.screen-night .btn-primary{background-color:var(--color-saddle-dark)}.rarity-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-block}.rarity-rare{color:var(--color-saddle);background-color:#7b4f2e1f;border:1px solid #7b4f2e4d}.rarity-legendary{color:#8b6914;background-color:#b8860b1f;border:1px solid #b8860b66}.screen-night .rarity-rare{color:var(--color-dust-light);background-color:#c4a88226;border-color:#c4a8824d}.screen-night .rarity-legendary{color:#d4ac0d;background-color:#daa52026;border-color:#daa52059}.rank-hint{color:var(--color-dust);letter-spacing:.03em;margin-top:3px;font-size:.72rem;font-style:italic}.consent-banner{z-index:1000;background-color:#1a1208;border-top:1px solid #c4a88233;flex-direction:column;gap:12px;padding:14px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.consent-banner-content{flex-direction:column;gap:4px;display:flex}.consent-banner-title{color:var(--color-dust-light);letter-spacing:.02em;margin:0;font-size:.85rem;font-weight:700}.consent-banner-body{color:#f5e6c88c;margin:0;font-size:.78rem;line-height:1.4}.consent-banner-actions{justify-content:flex-end;gap:10px;display:flex}.consent-btn-deny{color:#f5e6c880;cursor:pointer;background:0 0;border:1px solid #f5e6c833;border-radius:4px;padding:7px 14px;font-size:.8rem}.consent-btn-deny:hover{color:#f5e6c8bf;border-color:#f5e6c859}.consent-btn-grant{background-color:var(--color-saddle);color:var(--color-parchment);cursor:pointer;border:none;border-radius:4px;padding:7px 14px;font-size:.8rem}.consent-btn-grant:hover{background-color:var(--color-saddle-dark)}