@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@400;600;700&display=swap";:root{--bg: #0b0b0b;--bg-elevated: #111111;--panel: #141414;--panel-soft: #1a1a1a;--text: #f1f1f1;--muted: #a6a6a6;--accent: #1ed760;--accent-strong: #1db954;--accent-soft: rgba(30, 215, 96, .2);--border: rgba(255, 255, 255, .08);--shadow: 0 24px 50px rgba(0, 0, 0, .5);--radius: 18px;--font: "Space Grotesk", "Segoe UI", sans-serif;--display: "Sora", "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.04),transparent 55%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.02),transparent 50%),var(--bg);color:var(--text);min-height:100vh;padding-bottom:64px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,#00000040,#121212d9);z-index:-2}.mandelbrot-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-3;opacity:.08}h1,h2,h3,h4{color:var(--text);margin:0;font-family:var(--display);letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}.admin-mode{background:#9f1a1a;min-height:100vh}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c1110cc;display:flex;align-items:center;justify-content:space-between;padding:14px 26px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.wordmark{font-size:1.1rem}.admin-badge{padding:4px 10px;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:#ffba492e;border:1px solid rgba(255,186,73,.5);color:#ffba49}.logo-book{position:relative;width:22px;height:16px;border-radius:4px;background:linear-gradient(135deg,var(--accent),#9ef39a);box-shadow:0 0 0 4px #1ed7602e,inset 0 0 0 2px #0003}.logo-book:before,.logo-book:after{content:"";position:absolute;top:3px;bottom:3px;width:3px;border-radius:2px;background:#090d0c99}.logo-book:before{left:2px}.logo-book:after{right:2px}.nav{display:flex;gap:18px;color:var(--muted);align-items:center}.admin-shell{min-height:calc(100vh - 70px);padding:28px 32px 56px;background:radial-gradient(circle at top left,rgba(34,79,63,.25),transparent 55%),radial-gradient(circle at 20% 60%,rgba(83,143,201,.2),transparent 60%)}.admin-page{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:16px;border:1px solid var(--border);background:#0a0e0db3}.admin-actions{display:flex;gap:12px;align-items:center}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.admin-card{border-radius:16px;padding:18px;border:1px solid var(--border);background:#0a0e0dbf;display:grid;gap:8px}.admin-card h3{font-size:1.8rem;margin:0}.muted{color:#e6f0eb99}.admin-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.admin-panel{background:#080c0bcc;border:1px solid rgba(76,106,94,.6)}.admin-chart{display:grid;grid-auto-flow:column;gap:12px;align-items:end;height:140px;margin:8px 0 14px}.chart-bar{width:100%;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#1ed760e6,#1ed7601a);box-shadow:0 12px 20px #1ed76033}.admin-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.admin-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#141c1acc}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-dot.ok{background:#1ed760;box-shadow:0 0 10px #1ed76099}.status-dot.warn{background:#ffba49;box-shadow:0 0 10px #ffba4999}.admin-cohorts{display:grid;gap:12px}.cohort-row{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center}.cohort-bars{display:grid;gap:8px}.cohort-bars span{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,#538fc9e6,#538fc926)}.cta,.primary,.ghost{border:none;cursor:pointer;font-weight:600;border-radius:999px;padding:10px 18px;font-size:.92rem;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.cta{background:linear-gradient(120deg,var(--accent),#9ef39a);color:#05280f;box-shadow:0 10px 30px #1ed76059}.primary{background:var(--accent-strong);color:#041f0a;box-shadow:0 10px 24px #1ed7604d}.ghost{background:#f4f6f514;color:var(--text);border:1px solid var(--border)}.small{padding:6px 12px;font-size:.85rem}.danger{color:#ffb3b3;border-color:#ff787873}.cta:hover,.primary:hover,.ghost:hover{transform:translateY(-1px);box-shadow:0 14px 26px #00000047}.ghost:hover{background:#f4f6f529}.danger:hover{background:#ff78782e}main{width:min(1200px,94vw);margin:32px auto 0;display:flex;flex-direction:column;gap:28px}.app-shell{display:grid;grid-template-columns:260px 1fr;gap:26px;width:min(1400px,96vw);margin:28px auto 0}.sidebar{display:flex;flex-direction:column;gap:24px;background:#0f1614b8;border:1px solid var(--border);border-radius:var(--radius);padding:20px 18px;box-shadow:var(--shadow);position:sticky;top:90px;height:calc(100vh - 120px)}.sidebar-header{display:grid;gap:6px}.sidebar-meta{color:var(--muted);font-size:.85rem}.sidebar-nav{display:grid;gap:10px}.sidebar-link{background:transparent;border:1px solid transparent;color:var(--text);text-align:left;font-size:.95rem;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background .2s ease,border .2s ease}.sidebar-link:hover{background:#1ed7601a}.sidebar-link.active{background:#1ed7601f;border-color:#1ed7604d}.sidebar-link:disabled{opacity:.5;cursor:not-allowed}.sidebar-section{display:grid;gap:12px;flex:1}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600}.library-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.library-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.library-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#161f1dbf;border:1px solid transparent;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;transition:border .2s ease,background .2s ease}.library-link:hover{background:#1ed76014}.library-link.active{border-color:#1ed76066;background:#1ed7601f}.sidebar-footer{display:grid;gap:10px}.content{display:grid;gap:20px}.content-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;background:#0f1614b3;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow)}.content-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.search-field,.search-field input{min-width:220px}.hero-card{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;background:linear-gradient(135deg,#1ed7602e,#121918cc);border-radius:calc(var(--radius) + 4px);padding:22px;border:1px solid rgba(30,215,96,.18);box-shadow:var(--shadow)}.hero-metrics{display:grid;gap:16px;background:#090e0c66;border-radius:var(--radius);padding:18px;border:1px solid var(--border)}.panel{background:#111917bf;border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.shadow{box-shadow:var(--shadow)}.stack{display:grid;gap:12px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.label{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700}.meta{color:var(--muted);font-size:.9rem}.lede{color:var(--muted);margin-top:8px;max-width:520px}.hero-copy{display:grid;gap:10px}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.pill{padding:6px 12px;border-radius:999px;background:#1ed7601f;border:1px solid rgba(30,215,96,.24);color:var(--text)}.feed-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.feed-list li{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:16px;align-items:flex-start;padding:14px;border-radius:16px;background:#161f1dd9;border:1px solid rgba(244,246,245,.08)}.feed-list-clickable .feed-item{cursor:pointer}.feed-list-clickable .feed-item:focus{outline:2px solid rgba(30,215,96,.6);box-shadow:0 0 0 4px #1ed76026}.feed-list-clickable .feed-item .book-details{margin-top:0;display:grid;gap:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .25s ease,opacity .2s ease,margin-top .2s ease}.feed-list-clickable .feed-item.expanded .book-details{margin-top:12px;max-height:520px;opacity:1}.button-row{display:flex;flex-wrap:wrap;gap:8px}.comment-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.comment-list.replies{margin-top:8px;margin-left:16px;border-left:1px solid var(--border);padding-left:12px}.comment-form{display:flex;gap:8px;align-items:center}.comment-form input{flex:1}.link-button{background:none;border:none;color:var(--text);font:inherit;padding:0;cursor:pointer;text-align:left}.link-button:hover{color:var(--accent)}.book-actions{display:flex;gap:8px;justify-content:flex-end}.book-reviews{display:grid;gap:12px}.book-description{color:var(--muted);font-size:.95rem;line-height:1.5;margin:6px 0 12px}.book-cover{width:180px;height:260px;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--panel)}.book-cover img{width:100%;height:100%;object-fit:cover}.friend-lists{margin-top:10px}.star-rating{display:flex;gap:6px}.star-rating .star{background:none;border:none;font-size:1.4rem;color:#f4f6f559;cursor:pointer;padding:0}.star-rating .star.selected{color:var(--accent)}.star-display{display:inline-flex;gap:4px;color:#f4f6f559;font-size:1rem}.star-display .filled{color:var(--accent)}.profile-image{width:96px;height:96px;border-radius:20px;overflow:hidden;background:#161f1d99;border:1px solid rgba(244,246,245,.12);display:grid;place-items:center}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-image.placeholder{font-weight:700;color:var(--text)}.profile-image-form{display:grid;gap:10px}.search-results{display:grid;gap:16px}@media (min-width: 900px){.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}}.detail-label{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;color:var(--accent);font-weight:700}.detail-text{color:var(--text);font-size:.95rem;line-height:1.4}.empty-state{margin:12px 6px 0;color:var(--muted);font-size:.95rem}.title{font-weight:600;color:var(--text)}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--accent),#9ef39a);display:grid;place-items:center;font-weight:800;color:#041f0a;box-shadow:0 10px 24px #00000040}.tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.tag{padding:4px 10px;border-radius:999px;background:#1ed76026;color:var(--text);font-size:.8rem;border:1px solid rgba(30,215,96,.3)}.tag.muted{background:#f4f6f51a;color:var(--muted);border-color:var(--border)}.queue-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.queue-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:14px;background:#161f1dd9;border:1px solid rgba(244,246,245,.08)}.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}.field.inline{grid-auto-flow:column;align-items:center;justify-content:start;gap:10px}label{color:var(--muted);font-weight:600}input,textarea,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#161f1dd9;color:var(--text);font-size:.95rem;font-family:inherit}input:focus,textarea:focus,select:focus{outline:2px solid rgba(30,215,96,.5);box-shadow:0 0 0 4px #1ed76026}.badge{padding:6px 10px;border-radius:999px;background:#f4f6f51a;color:var(--text);font-size:.8rem;border:1px solid var(--border)}.badge.success{background:#1ed76033;border-color:#1ed76059}.auth-shell{width:min(1200px,94vw);margin:24px auto}.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:#0f1614cc;border:1px solid var(--border);box-shadow:var(--shadow)}.auth-card{background:#161f1dd9;border:1px solid var(--border)}.auth-toggle{display:grid;grid-auto-flow:column;gap:8px}.tab{background:#f4f6f514;color:var(--text);border:1px solid var(--border);padding:8px 12px;border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease,border .2s ease,transform .15s ease}.tab.active{background:var(--accent);color:#05280f;border-color:transparent}.switcher{margin-top:14px;display:flex;align-items:center;gap:10px}.cover-thumb{width:200px;min-width:160px;height:300px;border-radius:16px;overflow:hidden;background:#161f1dcc;border:1px solid rgba(244,246,245,.08)}.cover-thumb img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.hero-card{grid-template-columns:1fr}.content-header{flex-direction:column;align-items:flex-start}}@media (max-width: 720px){.topbar{padding:12px 16px}.nav{display:none}.feed-list li{grid-template-columns:1fr}.content-actions,.search-field,.search-field input{width:100%}.cover-thumb{width:100%;height:60vw}}