:root{--bg: #fff2d8;--bg-alt: #ffe6ff;--panel: rgba(255, 255, 255, .78);--text: #1a0f24;--muted: #3e2b54;--accent: #ff006e;--accent-2: #3a86ff;--accent-3: #ffbe0b;--accent-4: #06d6a0;--accent-5: #fb5607;--border: rgba(26, 15, 36, .2);--shadow: 0 28px 52px rgba(28, 8, 48, .22);--radius: 16px;--font: "DM Sans", "Segoe UI", "Trebuchet MS", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:conic-gradient(from 120deg at 20% 20%,#ff006ed9,#ffbe0bd9,#3a86ffd9,#06d6a0d9,#ff006ed9),radial-gradient(120% 140% at 82% 18%,rgba(255,86,7,.8),transparent 62%),linear-gradient(135deg,var(--bg) 0%,var(--bg-alt) 100%);color:var(--text);min-height:100vh;padding-bottom:64px;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:-20vh;right:-10vw;bottom:-20vh;left:-10vw;z-index:-1;background:radial-gradient(40% 40% at 15% 25%,rgba(58,134,255,.55),transparent 58%),radial-gradient(45% 45% at 70% 15%,rgba(255,0,110,.5),transparent 62%),radial-gradient(35% 35% at 75% 80%,rgba(6,214,160,.5),transparent 60%);filter:blur(8px) saturate(1.35);opacity:.9;animation:conjecture-drift 18s ease-in-out infinite,color-tilt 9s linear infinite;pointer-events:none}body:after{background:conic-gradient(from 40deg at 50% 50%,#ffbe0b73,#ff560766,#3a86ff66,#06d6a066,#ff006e73),radial-gradient(45% 45% at 30% 70%,rgba(255,0,110,.35),transparent 62%);mix-blend-mode:multiply;animation:conjecture-sheen 14s linear infinite,color-tilt 7s ease-in-out infinite reverse}h1,h2,h3,h4{color:var(--text);margin:0;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#ff006e73,#ffbe0b66,#3a86ff73);display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.01em}.wordmark{font-size:1.2rem}.spark{width:14px;height:14px;border-radius:5px;background:linear-gradient(135deg,var(--accent),var(--accent-3),var(--accent-2));box-shadow:0 0 0 6px #ff006e40}.spark.large{width:22px;height:22px;border-radius:7px;box-shadow:0 0 0 10px #3a86ff3d}.brand-lockup{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:28px auto 12px;width:min(1100px,94vw)}.logo{display:flex;align-items:center;gap:12px}.logo-text{display:grid;gap:4px}.logo-text .meta{color:var(--muted)}.nav{display:flex;gap:18px;color:var(--muted)}.nav a{padding:8px 12px;border-radius:10px;transition:background .2s ease,color .2s ease}.nav a:hover{background:#ffffff8c;color:#0f0a16}.cta,.primary,.ghost{border:none;cursor:pointer;font-weight:700;border-radius:12px;padding:10px 16px;font-size:.95rem;transition:transform .16s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.cta{background:linear-gradient(120deg,var(--accent),var(--accent-3),var(--accent-2));color:#130a18;box-shadow:0 14px 34px #ff006e59}.primary{background:linear-gradient(120deg,#ffbe0be6,#3a86ffe6);color:#120a14;border:1px solid rgba(26,15,36,.2);box-shadow:0 12px 30px #3a86ff4d}.ghost{background:#fff9;color:#1a0f24;border:1px solid rgba(26,15,36,.25)}.cta:hover,.primary:hover,.ghost:hover{transform:translateY(-1px);box-shadow:0 18px 36px #00000040}main{width:min(1200px,94vw);margin:32px auto 0;display:flex;flex-direction:column;gap:28px}.auth-shell{width:min(1200px,94vw);margin:24px auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;padding:18px;border-radius:calc(var(--radius) + 4px);background:linear-gradient(120deg,#ffffffd1,#ffbe0b4d);border:1px solid var(--border)}.auth-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;align-items:stretch;padding:18px;border-radius:calc(var(--radius) + 4px);background:linear-gradient(120deg,#ff006e33,#3a86ff33,#06d6a033);border:1px solid var(--border);box-shadow:var(--shadow)}.hero-copy h1{font-size:clamp(2rem,2.8vw,2.6rem)}.hero-copy .lede{color:var(--muted);margin-top:10px;max-width:520px}.eyebrow{color:#7a1bff;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.actions{display:flex;gap:12px;margin-top:16px}.quick-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.pill{background:#fffc;border:1px solid rgba(58,134,255,.35);padding:8px 12px;border-radius:999px;color:#1a0f24}.hero-panels{display:grid;gap:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.shadow{box-shadow:0 16px 46px #00000057}.panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel .label{color:#ff006e;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.panel .meta{color:var(--muted);font-size:.9rem}.badge{padding:6px 10px;border-radius:12px;background:#ffffffd9;color:#1a0f24;font-size:.8rem;border:1px solid rgba(26,15,36,.25)}.badge.success{background:#06d6a040;color:#0c2d26;border-color:#06d6a099}.feed-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.feed-list.small .title{font-size:.98rem}.feed-list li{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:16px;align-items:flex-start;padding:14px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(26,15,36,.18)}.title{font-weight:700;color:#1a0f24}.meta{color:var(--muted);font-size:.9rem}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--accent),var(--accent-3),var(--accent-2));display:grid;place-items:center;font-weight:800;color:#130714;box-shadow:0 10px 24px #00000040}.tags{display:flex;gap:6px;margin-top:8px}.tag{padding:4px 10px;border-radius:999px;background:#3a86ff40;color:#0d1b3a;font-size:.8rem;border:1px solid rgba(58,134,255,.55)}.tag.muted{background:#ffffffbf;color:var(--muted);border-color:#1a0f2433}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.shelf{display:flex;flex-direction:column;gap:12px;margin-top:10px}.shelf-row{background:#ffffffb3;padding:12px;border-radius:12px;border:1px solid rgba(26,15,36,.18)}.progress{width:100%;height:9px;border-radius:999px;background:#1a0f241f;margin:8px 0;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-3),var(--accent-2));border-radius:inherit}.history{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px}.history-card{background:#ffffffb3;padding:12px;border-radius:12px;border:1px solid rgba(26,15,36,.18)}.recs-preview{display:grid;gap:10px;margin-top:10px}.chip{display:inline-block;padding:6px 10px;border-radius:999px;background:#ff006e2e;color:#4b001f;font-size:.8rem;border:1px solid rgba(255,0,110,.4)}.rec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:14px}.rec-card{background:#ffffffb3;border:1px solid rgba(26,15,36,.18);border-radius:12px;padding:12px;display:grid;gap:6px}.stack{display:grid;gap:12px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:8px}.form.vertical{grid-template-columns:1fr}.field{display:grid;gap:6px}label{color:#1a0f24;font-weight:600}input,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffffd9;color:#1a0f24;font-size:.95rem;font-family:inherit}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid rgba(255,0,110,.7);box-shadow:0 0 0 4px #3a86ff40}.status{color:#f59e0b}.success{color:#34d399}.auth-card{background:linear-gradient(145deg,#ffffffe6,#ffbe0b59,#3a86ff59);border:1px solid rgba(26,15,36,.22)}.auth-toggle{display:grid;grid-auto-flow:column;gap:8px}.tab{background:#ffffffc7;color:#1a0f24;border:1px solid rgba(26,15,36,.2);padding:8px 12px;border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease,border .2s ease,transform .15s ease}.tab.active{background:linear-gradient(120deg,var(--accent),var(--accent-3),var(--accent-2));color:#120714;border-color:transparent;transform:translateY(-1px)}.tab:hover{border-color:#1a0f244d}.switcher{margin-top:14px;display:flex;align-items:center;gap:10px}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.placeholder-card{background:#ffffffc7;border:1px solid var(--border);border-radius:var(--radius);height:120px;box-shadow:0 12px 30px #0000002e;animation:pulse 1.8s ease-in-out infinite}.books-list .title{font-size:1.05rem}.books-list .tags{gap:8px}.cover-thumb{width:240px;min-width:220px;height:360px;border-radius:18px;overflow:hidden;box-shadow:0 26px 60px #1a0f2459;background:linear-gradient(135deg,#ff006e33,#3a86ff33,#ffbe0b33);border:1px solid rgba(26,15,36,.22)}.cover-thumb img{width:100%;height:100%;object-fit:cover;display:block}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes conjecture-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}50%{transform:translate3d(3%,2%,0) scale(1.05)}to{transform:translate3d(-2%,-1%,0) scale(1)}}@keyframes conjecture-sheen{0%{transform:rotate(0) scale(1);opacity:.7}50%{transform:rotate(180deg) scale(1.08);opacity:.9}to{transform:rotate(360deg) scale(1);opacity:.7}}@keyframes color-tilt{0%{filter:hue-rotate(0deg) saturate(1.3)}50%{filter:hue-rotate(110deg) saturate(1.6)}to{filter:hue-rotate(240deg) saturate(1.4)}}@media (max-width: 960px){.hero,.auth-hero{grid-template-columns:1fr}.topbar{position:sticky}.nav{display:none}}@media (max-width: 640px){main{width:94vw}.actions{flex-direction:column;align-items:flex-start}.feed-list li{grid-template-columns:1fr}.cover-thumb{width:100%;min-width:0;height:68vw}}