:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f172a;--card:#172033;--text:#f8fafc;--muted:#aab6cc;--accent:#86efac;--bad:#fda4af}*{box-sizing:border-box}body{background:radial-gradient(circle at top, #1e3a5f, var(--bg) 44rem);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:920px;margin:0 auto;padding:48px 20px 80px}header{margin-bottom:28px}h1{letter-spacing:-.07em;margin:0 0 16px;font-size:clamp(2.4rem,6vw,5rem);line-height:.9}.subtitle{color:var(--muted);max-width:720px;font-size:1.15rem;line-height:1.55}.generated{color:#c4b5fd;margin-top:10px;font-size:.88rem}.card{background:color-mix(in srgb, var(--card) 86%, transparent);border:1px solid #ffffff14;border-radius:22px;grid-template-columns:48px 1fr;gap:16px;margin:14px 0;padding:18px;display:grid;box-shadow:0 20px 80px #00000038}.rank{width:36px;height:36px;color:var(--accent);background:#24324c;border-radius:50%;place-items:center;font-weight:800;display:grid}.title{color:var(--text);font-size:1.16rem;font-weight:800;text-decoration:none}.title:hover{color:var(--accent)}p{color:#d7deea;margin:9px 0 12px;line-height:1.55}.meta{color:var(--muted);font-size:.9rem}.meta span{color:#bfdbfe;margin-right:8px}.interest-control{gap:8px;margin-top:14px;display:grid}.interest-header{color:var(--muted);justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.interest-header strong{color:var(--interest-color)}.interest-slider{width:100%;accent-color:var(--interest-color);cursor:pointer}.interest-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ef4444,#facc15,#22c55e);border-radius:999px;height:10px}.interest-slider::-webkit-slider-thumb{margin-top:-5px}.interest-scale{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font-size:.75rem;display:flex}button.compact{justify-self:start;padding:7px 11px;font-size:.85rem}button.compact.saved{border-color:var(--accent);background:#14532d}.empty{background:var(--card);border-radius:18px;padding:36px}.footer-note{color:var(--muted);margin-top:32px;font-size:.92rem}
