:root{--ground:#0a0d16;--surface:#131826;--surface-2:#1a2135;--line:#232b42;--line-soft:#1a2033;--ink:#ece9f3;--ink-soft:#cbc7dc;--muted:#8b90ac;--faint:#5f6480;--amber:#e3ae55;--amber-soft:#e3ae5524;--amber-dim:#b98a3f;--moss:#7e9c74;--moss-soft:#7e9c7429;--danger:#d98a7a;--danger-soft:#d98a7a24;--font-display:"Spectral", Georgia, "Times New Roman", serif;--font-body:"Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-2xs:.6875rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1.0625rem;--text-lg:1.1875rem;--text-xl:1.4375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius-sm:8px;--radius:14px;--radius-lg:20px;--radius-pill:999px;--tap:46px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur:.22s;--dur-slow:.42s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;background-image:radial-gradient(600px 380px at 12% -6%,#e3ae5512,#0000 60%),radial-gradient(500px 420px at 100% 8%,#4a5a8a24,#0000 55%);background-attachment:fixed;margin:0;line-height:1.55}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;color:var(--ink);margin:0;font-weight:600;line-height:1.22}p{margin:0}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.app{min-height:100%;padding:calc(var(--safe-top) + var(--sp-3)) var(--sp-4) calc(var(--safe-bottom) + var(--sp-4));max-width:560px;margin:0 auto}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.row{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.center-screen{text-align:center;justify-content:center;align-items:center;gap:var(--sp-4);flex-direction:column;min-height:100%;display:flex}.eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--amber-dim);align-items:center;gap:6px;display:inline-flex}.muted{color:var(--muted)}.faint{color:var(--faint)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);width:100%;min-height:var(--tap);padding:0 var(--sp-5);border-radius:var(--radius);background:var(--amber);color:#1a1206;font-weight:600;font-size:var(--text-base);transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out), background var(--dur) var(--ease-out);border:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4}.btn-ghost{border:1px solid var(--line);color:var(--ink);background:0 0}.icon-btn{width:var(--tap);height:var(--tap);min-width:var(--tap);color:var(--muted);border-radius:var(--radius-sm);transition:color var(--dur) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover,.icon-btn:active{color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--sp-5)}textarea.field{resize:vertical;width:100%;min-height:180px;padding:var(--sp-4);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;transition:border-color var(--dur) var(--ease-out);line-height:1.6}textarea.field::placeholder{color:var(--faint)}textarea.field:focus{border-color:var(--amber-dim);outline:none}input.pill-input{width:100%;min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}input.pill-input::placeholder{color:var(--faint)}input.pill-input:focus{border-color:var(--amber-dim);outline:none}.pill-group{gap:var(--sp-2);flex-wrap:wrap;display:flex}.pill{min-height:var(--tap);padding:0 var(--sp-4);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:var(--text-sm);transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);justify-content:center;align-items:center;gap:6px;display:inline-flex}.pill[aria-pressed=true]{border-color:var(--amber);background:var(--amber-soft);color:var(--amber)}.chip{min-height:32px;padding:0 var(--sp-3);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);font-size:var(--text-xs);align-items:center;gap:6px;display:inline-flex}.chip.cat{color:var(--amber);background:var(--amber-soft);border-color:#e3ae554d}.chip.tag-btn{min-height:var(--tap);font-size:var(--text-sm);color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--amber);background:var(--amber-soft);color:var(--amber)}.chip.romance{color:var(--muted);border-style:dashed}.topbar{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);display:flex}.topbar h1{font-size:var(--text-xl);flex:1}.fab{left:50%;bottom:calc(var(--safe-bottom) + var(--sp-4));z-index:20;width:min(520px,100% - 36px);position:fixed;transform:translate(-50%)}.feed-item{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;padding:var(--sp-4) var(--sp-5);color:var(--ink);transition:border-color var(--dur) var(--ease-out), transform var(--dur-fast) var(--ease-out);display:block}.feed-item:active{transform:scale(.99)}.feed-item h3{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);margin-bottom:4px}.feed-item .meta{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.03em;color:var(--faint);margin-bottom:var(--sp-2);align-items:center;gap:6px;display:flex}.feed-item .snippet{font-size:var(--text-sm);color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.card h2{font-size:var(--text-2xl);margin-bottom:var(--sp-2)}.card .lead{font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);color:var(--ink-soft);line-height:1.4}.card .body-text{white-space:pre-wrap;color:var(--ink);line-height:1.7;font-size:var(--text-base)}.card .recs{border-left:2px solid var(--amber-dim);padding:var(--sp-1) 0 var(--sp-1) var(--sp-4);color:var(--muted);font-size:var(--text-sm)}.sym{border-top:1px solid var(--line-soft);padding:var(--sp-3) 0}.sym:first-child{border-top:none;padding-top:0}.sym b{color:var(--ink);font-weight:600}.sym span{color:var(--muted);font-size:var(--text-sm)}.rating{gap:var(--sp-2);justify-content:center;display:flex}.rating button{width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);color:var(--muted);transition:border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.rating button[aria-pressed=true]{border-color:var(--amber);background:var(--amber-soft);color:var(--amber)}.spinner{border:2.5px solid var(--line);border-top-color:var(--amber);border-radius:50%;width:30px;height:30px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fade-in var(--dur-slow) var(--ease-out) both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.2s}.fade-in{animation:none}*{transition-duration:1ms!important}}