:root{--ink:#eaf5ff;--muted:#91a4c4;--muted-2:#667797;--panel:#0a14349e;--panel-strong:#0a1230db;--line:#8ecbff2e;--line-strong:#69e7ff78;--cyan:#63f0ec;--cyan-2:#21bde8;--violet:#a77bff;--rose:#ee7dda;--navy:#05091d;--navy-2:#09112d;--shadow:0 24px 60px #00000047;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}html{background:var(--navy);min-height:100%}body{min-height:100%;color:var(--ink);font-family:var(--sans);background:#05091d;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:not(:disabled),select{cursor:pointer}button{border:0}input,textarea,select{outline:none}a{color:inherit;text-decoration:none}.archive-app{isolation:isolate;background:linear-gradient(120deg,#03081aed,#060a20d4 52%,#110827de),url(/static/images/cybernetic-neon-background-v2.png) 50%/cover fixed;grid-template-columns:240px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .3s;display:grid;position:relative;overflow:hidden}.archive-app:before{content:"";z-index:-3;background:radial-gradient(circle at 60% 9%,#32e0f817,#0000 25%),radial-gradient(circle at 87% 78%,#b14cff1f,#0000 30%);position:absolute;inset:0}.grain{z-index:-1;opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient{z-index:-2;filter:blur(12px);pointer-events:none;border-radius:50%;position:absolute}.ambient-one{background:radial-gradient(circle,#2fe5ff1f,#0000 68%);width:420px;height:420px;animation:18s ease-in-out infinite float-a;top:10%;left:35%}.ambient-two{background:radial-gradient(circle,#9a5aff24,#0000 65%);width:560px;height:420px;animation:22s ease-in-out infinite float-b;bottom:3%;right:-7%}@keyframes float-a{0%,to{transform:translate(-2%,-3%)scale(1)}50%{transform:translate(5%,5%)scale(1.12)}}@keyframes float-b{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-8%,-5%)rotate(6deg)}}.sidebar{z-index:4;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(165deg,#0f1c40e0,#080f2ac2 55%,#0d0927e0);flex-direction:column;min-height:100vh;padding:27px 17px 18px;display:flex;position:relative;box-shadow:20px 0 60px #00000021,inset -1px 0 #b3f1ff0f}.sidebar:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0b,#0000 20% 80%,#aa6bff12);position:absolute;inset:0}.brand{z-index:1;text-align:left;color:#c5d3ee;font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;background:0 0;align-items:center;gap:11px;margin:0 0 35px;padding:0 6px;font-size:10px;line-height:1.32;display:flex;position:relative}.brand b{color:#8ffffa;font-weight:500}.brand-mark{background:linear-gradient(145deg,#19536fb3,#562f85ab);border:1px solid #6ff5f5a3;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 21px #44ecf952,inset 0 0 13px #81f4ff3d}.brand-mark:before,.brand-mark:after{content:"";border-radius:7px;position:absolute}.brand-mark:before{border:3px solid #64fff4;border-right-color:#ae70ff;width:15px;height:15px;transform:rotate(-31deg);box-shadow:0 0 9px #56fff4}.brand-mark:after{opacity:.7;background:linear-gradient(#52fbf1,#0000);width:3px;height:26px;top:5px;right:7px;transform:rotate(35deg)}.brand-mark span{background:#c5fffb;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #b1fffb}.sidebar nav{z-index:1;flex-direction:column;gap:5px;display:flex;position:relative}.nav-button{color:#91a1c3;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:13px;min-height:43px;padding:0 12px;transition:all .2s;display:flex}.nav-button span{letter-spacing:.1px;font-size:12px;font-weight:600}.nav-button svg{flex:none}.nav-button:hover{color:#e9ffff;background:#5fd9f717;border-color:#7de4ff2b}.nav-button.is-active{color:#eaffff;background:linear-gradient(90deg,#26e7e730,#455bb929);border-color:#57f0f25c;box-shadow:inset 2px 0 #5bf4ec,0 0 20px #38ddeb1a}.sidebar-bottom{z-index:1;margin-top:auto;position:relative}.profile-button{border:1px solid var(--line);text-align:left;background:#12244b87;border-radius:13px;align-items:center;gap:10px;width:100%;padding:9px 8px;transition:all .2s;display:flex}.profile-button:hover,.profile-button.is-active{background:#2c688554;border-color:#71f3ef78}.profile-button>span:nth-child(2){flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.profile-button b{color:#e4ffff;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.profile-button small{color:#8397bc;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.profile-button>svg{color:#79e8e9}.avatar{-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,#1eced4,#896bdb);border:1px solid #89f4ef87;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 0 14px #53efe83d}.avatar-fallback{color:#08203b;font-size:11px;font-weight:800}.nav-collapse{color:#8194b9;width:100%;font-family:var(--mono);letter-spacing:.7px;text-align:left;text-transform:uppercase;background:0 0;align-items:center;gap:9px;padding:13px 10px 2px;font-size:9px;display:flex}.nav-collapse:hover{color:#9dffff}.nav-compact{grid-template-columns:82px minmax(0,1fr)}.nav-compact .sidebar{padding-left:13px;padding-right:13px}.nav-compact .brand{justify-content:center;padding:0}.nav-compact .brand>span:last-child,.nav-compact .nav-button span,.nav-compact .profile-button>span:nth-child(2),.nav-compact .profile-button>svg,.nav-compact .nav-collapse span{display:none}.nav-compact .nav-button{justify-content:center;padding:0}.nav-compact .profile-button{justify-content:center;padding:9px}.nav-compact .nav-collapse{justify-content:center}.nav-compact .nav-collapse svg{transform:rotate(180deg)}.app-main{z-index:1;min-width:0;padding:20px 34px 42px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:46px;display:flex}.top-search{color:#8bbecf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09183a87;border:1px solid #79daf740;border-radius:14px;align-items:center;gap:9px;width:min(430px,47vw);padding:0 13px;transition:all .2s;display:flex;box-shadow:inset 0 0 17px #6ef3ff0a}.top-search:focus-within{border-color:#6ff4f2b3;box-shadow:0 0 0 3px #5be9ec14,inset 0 0 17px #6ef3ff14}.top-search input{color:#edffff;background:0 0;border:0;width:100%;height:40px;font-size:12px}.top-search input::placeholder{color:#7990b5}.topbar-actions{align-items:center;gap:10px;display:flex}.language-select{border:1px solid var(--line);color:#8296b9;height:38px;font-family:var(--mono);background:#0a15366b;border-radius:11px;align-items:center;gap:8px;padding:0 9px;font-size:9px;display:flex}.language-select select{color:#b9f6f4;font-family:var(--mono);background:0 0;border:0;font-size:10px;font-weight:500}.bell-button,.top-avatar,.login-button{border-radius:11px;height:38px}.bell-button{border:1px solid var(--line);color:#b6cbdf;background:#0a15366b;place-items:center;width:38px;display:grid;position:relative}.bell-button:hover{border-color:var(--line-strong);color:#a9ffff}.bell-button i{background:#f27bcf;border:1px solid #07152b;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;right:8px;box-shadow:0 0 8px #f27bcf}.top-avatar{background:0 0;border:1px solid #0000;place-items:center;width:38px;padding:0;display:grid}.top-avatar .avatar{width:35px;height:35px}.login-button,.primary-button{color:#09213c;letter-spacing:.1px;background:linear-gradient(110deg,#55e8e7,#73dfe7 48%,#95c8ff);border-radius:12px;justify-content:center;align-items:center;gap:9px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 24px #3ae2e636}.login-button{height:38px;padding:0 14px;font-size:11px}.primary-button{min-height:42px;padding:0 18px;font-size:12px}.login-button:hover,.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #3ae2e652}.mobile-brand,.mobile-page-label{display:none}.page-frame{max-width:1420px;margin:0 auto}.page-content{padding-top:38px}.panel{border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px #cafaff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#13254ca3,#09112e8c);border-radius:20px}.eyebrow{color:#7deee9;font-family:var(--mono);letter-spacing:1.45px;text-transform:uppercase;font-size:9px;font-weight:500;line-height:1.4;display:block}.hero-panel{min-height:485px;box-shadow:var(--shadow),inset 0 1px #cefbff21;background:linear-gradient(100deg,#05122fd4,#0b15389c 52%,#1c0f4380),url(/static/images/cybernetic-neon-background-v2.png) 50%/cover;border:1px solid #7ae0ff45;border-radius:27px;padding:62px 56px 49px;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:radial-gradient(at 22% 86%,#2aeaf721,#0000 36%),linear-gradient(90deg,#0000 75%,#b649ff12);position:absolute;inset:0}.hero-copy{z-index:1;max-width:500px;position:relative}.hero-status{color:#a8bad8;font-family:var(--mono);letter-spacing:1.1px;align-items:center;gap:7px;margin-bottom:33px;font-size:9px;display:inline-flex}.hero-status i,.online-pill i,.chat-panel header small i{background:#5dffd3;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #5dffd3}.hero-copy .eyebrow{margin-bottom:9px}.hero-copy h1,.page-intro h1,.library-hero h1,.profile-cover h1{color:#ecffff;letter-spacing:-3.2px;margin:0;font-size:clamp(42px,5vw,72px);font-weight:700;line-height:.98}.hero-copy h1 em,.page-intro h1 em,.library-hero h1 em,.profile-cover h1 em{font-family:var(--serif);letter-spacing:-3px;font-weight:600}.hero-description{color:#a3b7d4;max-width:390px;margin:20px 0 26px;font-size:14px;line-height:1.75}.hero-orbit{pointer-events:none;border:1px solid #53edf459;border-radius:50%;position:absolute}.hero-orbit-a{width:720px;height:230px;top:104px;right:-78px;transform:rotate(-23deg);box-shadow:0 0 32px #3fe7f038,inset 0 0 30px #40d5f012}.hero-orbit-b{border-color:#c964ff4f;width:600px;height:180px;top:175px;right:-25px;transform:rotate(16deg);box-shadow:0 0 28px #b84efb2e}.hero-shelf{z-index:2;justify-content:center;align-items:center;width:min(51%,650px);height:305px;display:flex;position:absolute;bottom:42px;right:48px}.shelf-book{z-index:1;background:#102244;border:1px solid #bce6ff57;border-radius:10px;flex:none;width:115px;height:178px;padding:0;transition:all .25s;display:block;position:relative;overflow:hidden;transform:perspective(700px)rotateY(-18deg);box-shadow:0 18px 30px #00000061}.shelf-book img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.shelf-book-side{opacity:.65;filter:saturate(.7);transform:perspective(700px)rotateY(23deg)scale(.86)}.shelf-book-side:last-of-type{transform:perspective(700px)rotateY(-23deg)scale(.86)}.shelf-book-main{z-index:3;border:1px solid #77f8ee;width:160px;height:244px;margin:0 -12px;transform:none;box-shadow:0 0 0 4px #52f4f117,0 0 36px #33e7ec73,0 24px 40px #0000006e}.shelf-book-main:hover{transform:translateY(-5px)}.shelf-glow{pointer-events:none;background:linear-gradient(#0000 52%,#030c26d9);position:absolute;inset:0}.shelf-info{z-index:1;color:#fff;text-align:left;position:absolute;bottom:12px;left:12px;right:12px}.shelf-info b,.shelf-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.shelf-info b{font-size:11px}.shelf-info small{color:#c5e3ea;margin-top:3px;font-size:8px}.shelf-control{z-index:5;color:#9cffff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1f40bf;border:1px solid #7ceff073;border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:absolute}.shelf-control:hover{color:#09213b;background:#53e9e8}.shelf-control.previous{left:0}.shelf-control.next{right:0}.hero-stats{z-index:1;color:#92a7c7;font-family:var(--mono);gap:21px;font-size:9px;display:flex;position:absolute;bottom:28px;left:56px}.hero-stats span{gap:5px;display:flex}.hero-stats b{color:#bffffc;font-size:11px;font-weight:500}.home-grid{grid-template-columns:1.4fr 1fr;gap:18px;margin:20px 0 46px;display:grid}.continue-panel{align-items:center;gap:26px;min-height:188px;padding:22px 28px;display:flex}.continue-art{color:#8efff8;background:radial-gradient(circle,#39e4ef29,#0000 57%),#10284e6e;border:1px solid #6de7ff4a;border-radius:18px;flex:none;place-items:center;width:120px;height:120px;display:grid;position:relative;overflow:hidden}.continue-art svg{z-index:1;position:relative}.reading-line{background:linear-gradient(90deg,#0000,#57f6ee,#0000);width:145px;height:1px;position:absolute;transform:rotate(-35deg)}.line-a{top:38px;box-shadow:0 0 12px #55f8ef}.line-b{opacity:.55;bottom:34px;transform:rotate(-35deg)translate(13px)}.continue-panel h2{letter-spacing:-.8px;margin:6px 0 7px;font-size:22px}.continue-panel p{max-width:430px;color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.6}.soft-button{color:#9bfbf5;background:0 0;border:0;align-items:center;gap:7px;padding:9px 0;font-size:11px;font-weight:700;display:inline-flex}.soft-button:hover{color:#fff}.mini-stat-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.mini-stat{flex-direction:column;justify-content:end;min-height:188px;padding:21px 16px;display:flex}.mini-stat>span{color:#8295b8;font-family:var(--mono);letter-spacing:.85px;font-size:8px}.mini-stat b{color:#dffffd;letter-spacing:-1px;margin:7px 0 3px;font-size:27px}.mini-stat b span{font-size:15px}.mini-stat small{color:#7185a8;font-size:10px}.section-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px;display:flex}.section-header h2{letter-spacing:-.8px;margin:4px 0 0;font-size:24px}.text-action{color:#83eeea;background:0 0;align-items:center;gap:6px;padding:7px 0;font-size:11px;font-weight:700;display:inline-flex}.text-action:hover{color:#efffff;transform:translate(2px)}.book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:19px;display:grid}.book-grid-featured{grid-template-columns:repeat(4,minmax(0,1fr))}.book-card{min-width:0}.cover-button{aspect-ratio:2/2.88;background:#14264c;border:1px solid #89c3e93d;border-radius:13px;width:100%;padding:0;transition:transform .24s,box-shadow .24s;display:block;position:relative;overflow:hidden;box-shadow:0 15px 24px #00000040}.cover-button:hover{transform:translateY(-5px);box-shadow:0 22px 34px #00000057,0 0 25px #51dfeb24}.cover-button img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.cover-button:hover img{transform:scale(1.045)}.cover-sheen{background:linear-gradient(116deg,#0000 44%,#c2ffff21 48%,#0000 53%);transition:transform .55s;position:absolute;inset:0;transform:translate(-110%)}.cover-button:hover .cover-sheen{transform:translate(110%)}.book-card-meta{justify-content:space-between;gap:7px;padding:12px 2px 2px;display:flex}.book-card-meta>div{min-width:0}.book-category{color:#69e7e2;font-family:var(--mono);letter-spacing:.7px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;display:block;overflow:hidden}.book-card h3{color:#e8f8ff;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 3px;font-size:13px;line-height:1.25;overflow:hidden}.book-card p{color:#8296b7;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;overflow:hidden}.save-button,.round-save{color:#84a5bc;background:#112a507a;border:1px solid #8dd2e93b;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;padding:0;transition:all .2s;display:grid}.save-button:hover,.save-button.is-saved,.round-save.is-saved{color:#81fff3;background:#5bf0e92b;border-color:#75f5ec}.book-card-compact .cover-button{aspect-ratio:2.18/2.6}.book-card-compact .book-card-meta{padding-top:10px}.library-hero{justify-content:space-between;align-items:center;min-height:260px;padding:41px 51px;display:flex;position:relative;overflow:hidden}.library-hero:after{content:"";border:1px solid #68eff04d;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-80%;right:-10%;box-shadow:0 0 50px #39ebef2e,inset 0 0 45px #39ebef14}.library-hero h1{margin:7px 0 9px;font-size:46px}.library-hero p,.page-intro p{color:#98aace;max-width:450px;margin:0;font-size:13px;line-height:1.75}.library-orb{z-index:1;color:#c4fffb;background:radial-gradient(circle,#53ebef4f,#277ab926 40%,#0000 69%);border:1px solid #6af3efa1;border-radius:50%;place-items:center;width:115px;height:115px;margin-right:7%;display:grid;position:relative;box-shadow:0 0 36px #43eaef45,inset 0 0 25px #73f6f030}.library-orb:before,.library-orb:after{content:"";border:1px solid #ad76ff5e;border-radius:50%;position:absolute}.library-orb:before{inset:-19px}.library-orb:after{border-color:#53def32e;inset:-43px}.library-toolbar{gap:12px;margin:24px 0 13px;display:flex}.wide-search{border:1px solid var(--line);color:#7cd8e0;background:#0a183a94;border-radius:13px;flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.wide-search input{color:#efffff;background:0 0;border:0;width:100%;height:42px;font-size:12px}.sort-select{border:1px solid var(--line);color:#94c5d1;background:#0a183a94;border-radius:13px;align-items:center;gap:8px;padding:0 12px;display:flex}.sort-select select{color:#cae3f2;background:0 0;border:0;height:42px;font-size:11px}.chip-row{gap:8px;margin:0 0 32px;padding-bottom:3px;display:flex;overflow:auto}.filter-chip{border:1px solid var(--line);color:#91a7c5;white-space:nowrap;background:#0b1d3f6b;border-radius:99px;padding:8px 13px;font-size:10px}.filter-chip:hover,.filter-chip.is-active{color:#c9fffb;background:#51eae721;border-color:#67f3ef91}.library-page .section-header{margin-bottom:20px}.page-intro{max-width:620px;margin-bottom:35px}.page-intro .eyebrow{margin-bottom:9px}.page-intro h1{margin-bottom:14px;font-size:clamp(40px,5vw,62px)}.compact-intro{margin-bottom:28px}.split-intro{justify-content:space-between;align-items:end;gap:24px;max-width:none;display:flex}.split-intro>div{max-width:600px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.collection-card{border:1px solid var(--line);text-align:left;background:linear-gradient(135deg,#162b53ab,#08133294);border-radius:19px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:132px;padding:20px;transition:all .24s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.collection-card:before{content:"";border:1px solid #6df5ef36;border-radius:50%;width:170px;height:170px;transition:all .3s;position:absolute;bottom:-70px;right:-45px}.collection-card:hover{border-color:#71f2ef82;transform:translateY(-3px);box-shadow:0 17px 32px #00000036,0 0 20px #48e5ef1a}.collection-card:hover:before{transform:scale(1.18)}.collection-icon{color:#8ffff4;background:#41dde31a;border:1px solid #6eedee6b;border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.collection-card>span:nth-child(2){flex-direction:column;gap:5px;min-width:0;display:flex}.collection-card b{color:#e9f8ff;font-size:15px}.collection-card small{color:#8fa4c4;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.collection-card em{font-family:var(--mono);color:#bbfdfa;font-size:13px;font-style:normal}.collection-card em i{color:#7895b7;font-family:var(--sans);font-size:8px;font-style:normal;display:block}.collection-card>svg{color:#84edea}.collection-card.violet .collection-icon{color:#d2adff;background:#ab66ff1f;border-color:#bc80ff85}.collection-card.orange .collection-icon{color:#ffd1a4;background:#ff8c521a;border-color:#ffac6c80}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:265px;padding:35px;display:flex}.empty-state>span{color:#9efff5;background:#46e1e81a;border:1px solid #68efed59;border-radius:20px;place-items:center;width:62px;height:62px;margin-bottom:15px;display:grid}.empty-state h2{margin:0 0 7px;font-size:19px}.empty-state p{color:#8ca1c0;max-width:320px;margin:0;font-size:12px;line-height:1.65}.timeline{flex-direction:column;gap:8px;max-width:760px;display:flex}.timeline-entry{border:1px solid var(--line);text-align:left;background:#0e1f4380;border-radius:14px;grid-template-columns:34px 44px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:9px 14px 9px 5px;transition:all .2s;display:grid}.timeline-entry:hover{background:#1e4a6775;border-color:#69efef6e}.timeline-index{color:#7f9cbd;font-family:var(--mono);text-align:center;font-size:10px}.timeline-entry img{-o-object-fit:cover;object-fit:cover;border-radius:5px;width:34px;height:47px}.timeline-entry>span:nth-child(3){flex-direction:column;gap:4px;min-width:0;display:flex}.timeline-entry b,.timeline-entry small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-entry b{color:#e8faff;font-size:12px}.timeline-entry small{color:#8499ba;font-size:10px}.timeline-entry>svg{color:#82e9e7}.circle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.circle-card{border:1px solid var(--line);min-height:292px;box-shadow:var(--shadow);background:linear-gradient(145deg,#17375bad,#081230a6);border-radius:21px;padding:26px;position:relative;overflow:hidden}.circle-card:after{content:"";border:1px solid #5cf5ef3d;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-42%;right:-40%;box-shadow:0 0 30px #3de7e921}.circle-card.violet:after{border-color:#b470ff5c;box-shadow:0 0 30px #a762ff2b}.circle-card.orange:after{border-color:#ffa2675c;box-shadow:0 0 30px #ff8d5b1f}.circle-stack{width:64px;height:45px;margin-bottom:27px;display:block;position:relative}.circle-stack i{background:linear-gradient(145deg,#245c7b,#172457);border:1px solid #84f3ee6b;border-radius:7px;width:35px;height:43px;display:block;position:absolute;box-shadow:0 10px 15px #00000029}.circle-stack i:first-child{bottom:0;left:0;transform:rotate(-10deg)}.circle-stack i:nth-child(2){bottom:4px;left:13px;transform:rotate(4deg)}.circle-stack i:last-child{background:linear-gradient(145deg,#653a87,#24346b);bottom:0;left:28px;transform:rotate(15deg)}.circle-card h2{z-index:1;letter-spacing:-.6px;margin:7px 0 8px;font-size:21px;position:relative}.circle-card p{z-index:1;color:#9aafc8;min-height:58px;margin:0;font-size:12px;line-height:1.6;position:relative}.circle-card button{z-index:1;color:#8df3ed;background:0 0;align-items:center;gap:6px;margin-top:20px;padding:0;font-size:11px;font-weight:700;display:inline-flex;position:relative}.message-shell{grid-template-columns:310px minmax(0,1fr);min-height:560px;display:grid;overflow:hidden}.conversation-list{border-right:1px solid var(--line);background:#07123159;padding:20px 11px}.conversation-title{justify-content:space-between;align-items:center;padding:0 9px 16px;display:flex}.conversation-title button{color:#90fdf4;background:#52ebea1a;border:1px solid #6ef1f061;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.conversation{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:11px 9px;display:grid}.conversation:hover,.conversation.is-active{background:#398fad2b;border-color:#6ee5ef3d}.conversation-avatar{color:#cafffa;width:35px;height:35px;font-family:var(--mono);background:linear-gradient(135deg,#245b77,#633d83);border:1px solid #73ebee63;border-radius:50%;place-items:center;font-size:9px;display:grid}.conversation>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.conversation b,.conversation small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation b{color:#e7f8ff;font-size:11px}.conversation small{color:#8398b9;font-size:9px}.conversation>i{color:#7187aa;font-family:var(--mono);align-self:start;font-size:8px;font-style:normal}.chat-panel{flex-direction:column;min-width:0;display:flex}.chat-panel header{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:76px;padding:0 24px;display:flex}.chat-panel header>div{flex-direction:column;flex:1;gap:3px;display:flex}.chat-panel header b{font-size:12px}.chat-panel header small{color:#829ab9;align-items:center;gap:5px;font-size:9px;display:flex}.chat-panel header small i{width:5px;height:5px}.chat-panel header>button{color:#92a8c3;background:0 0}.chat-history{flex-direction:column;flex:1;gap:11px;padding:27px;display:flex;overflow:auto}.bubble{border:1px solid var(--line);color:#d5e8f5;border-radius:14px;max-width:min(74%,405px);padding:11px 14px;font-size:11px;line-height:1.6}.bubble.incoming{background:#1e385e8f;border-bottom-left-radius:4px;align-self:flex-start}.bubble.outgoing{background:linear-gradient(135deg,#26acb45e,#35499775);border-color:#60f2eb52;border-bottom-right-radius:4px;align-self:flex-end}.message-composer{border-top:1px solid var(--line);gap:9px;padding:17px 20px;display:flex}.message-composer input{border:1px solid var(--line);color:#edffff;background:#06112d8c;border-radius:11px;flex:1;min-width:0;height:39px;padding:0 12px;font-size:11px}.message-composer button{color:#08213a;background:#62e9e5;border-radius:11px;place-items:center;width:39px;display:grid}.alert-list{flex-direction:column;gap:9px;max-width:900px;display:flex}.alert-row{border:1px solid var(--line);background:#0d1f4282;border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid;position:relative}.alert-row.unread{background:linear-gradient(90deg,#32b0bb21,#0b1c3e82);border-color:#69e6ef5c}.alert-icon{color:#8bfff2;background:#48dde217;border:1px solid #68e9ee54;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.alert-row b{font-size:12px}.alert-row p{color:#8da1c1;margin:4px 0 0;font-size:11px}.alert-row time{color:#8194b2;font-family:var(--mono);font-size:9px}.alert-row>i{background:#67f8ef;border-radius:50%;width:5px;height:5px;position:absolute;top:16px;right:9px;box-shadow:0 0 9px #67f8ef}.settings-stack{gap:16px;max-width:820px;display:grid}.setting-panel{padding:25px}.setting-panel>div:first-child{align-items:center;gap:13px;margin-bottom:23px;display:flex}.setting-icon{color:#8efff5;background:#4be8e71f;border:1px solid #60eded66;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.setting-icon.violet{color:#d0adff;background:#a767ff21;border-color:#bb7eff70}.setting-panel h2{margin:0 0 3px;font-size:17px}.setting-panel>div:first-child p{color:#8fa4c3;margin:0;font-size:11px}.setting-select{border-bottom:1px solid var(--line);color:#d9edfa;justify-content:space-between;align-items:center;margin:0 0 12px;padding:11px 0;font-size:12px;display:flex}.setting-select select{border:1px solid var(--line);color:#c5fffb;background:#10244b;border-radius:8px;min-width:115px;padding:6px 8px;font-size:10px}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.toggle-row:last-child{border-bottom:0;padding-bottom:0}.toggle-row b{font-size:12px}.toggle-row p{color:#8498b9;margin:4px 0 0;font-size:10px}.switch{background:#162c56;border:1px solid #76a9d059;border-radius:99px;flex:none;width:40px;height:22px;padding:2px;transition:all .2s;position:relative}.switch span{background:#89a5c6;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.switch.on{background:#48d9d866;border-color:#5df4eca6}.switch.on span{background:#dcfffe;transform:translate(18px);box-shadow:0 0 10px #79f9ef}.profile-cover{min-height:215px;box-shadow:var(--shadow);background:linear-gradient(110deg,#081535d4,#10214987),url(/static/images/cybernetic-neon-background-v2.png) 50% 62%/cover;border:1px solid #81e3ff4f;border-radius:22px;padding:42px 45px;position:relative;overflow:hidden}.profile-cover:after{content:"";border:1px solid #69f4f054;border-radius:50%;width:310px;height:310px;position:absolute;bottom:-120px;right:10%;box-shadow:0 0 40px #35e4ee36}.profile-cover-light{background:radial-gradient(#9d5cff45,#0000 65%);width:380px;height:280px;position:absolute;inset:auto -20px -100px auto}.profile-cover h1{z-index:1;margin-top:7px;font-size:44px;position:relative}.profile-layout{grid-template-columns:285px minmax(0,1fr);gap:17px;margin-top:17px;display:grid}.profile-summary,.profile-form{padding:25px}.profile-summary{text-align:center}.avatar-editor{margin-top:-66px;display:inline-block;position:relative}.profile-avatar{border:4px solid #0e1d49;width:112px;height:112px;box-shadow:0 0 0 1px #6df7ec,0 0 30px #51ece878}.avatar-upload{color:#082039;cursor:pointer;background:#60ece8;border:2px solid #0e1d49;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:4px;right:-3px;box-shadow:0 0 16px #5eece899}.avatar-upload input{display:none}.profile-summary h2{margin:11px 0 3px;font-size:18px}.profile-summary>p{color:#8ca3c4;margin:0;font-size:11px}.online-pill{color:#9df7f1;font-family:var(--mono);letter-spacing:.55px;background:#4cebe714;border:1px solid #6beeec47;border-radius:99px;align-items:center;gap:6px;margin:14px 0 20px;padding:6px 9px;font-size:8px;display:inline-flex}.online-pill i{width:5px;height:5px}.profile-summary dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin:0;padding:15px 0;display:grid}.profile-summary dl>div+div{border-left:1px solid var(--line)}.profile-summary dt{color:#8599b9;font-size:9px}.profile-summary dd{color:#cafffb;margin:5px 0 0;font-size:18px;font-weight:700}.danger-text{color:#cf9fb9;background:0 0;align-items:center;gap:5px;margin-top:18px;padding:0;font-size:10px;font-weight:700;display:inline-flex}.profile-form{min-width:0}.form-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.form-heading h2{margin:4px 0 0;font-size:22px}.verified{color:#8dfff3;font-family:var(--mono);letter-spacing:.45px;align-items:center;gap:5px;font-size:8px;display:inline-flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.form-grid label{color:#aac0d8;min-width:0;font-family:var(--mono);letter-spacing:.6px;text-transform:uppercase;flex-direction:column;gap:7px;font-size:9px;display:flex}.form-grid input,.form-grid textarea{color:#efffff;width:100%;font-family:var(--sans);letter-spacing:0;text-transform:none;background:#05123073;border:1px solid #7bbedd42;border-radius:10px;font-size:12px;transition:all .2s}.form-grid input{height:42px;padding:0 12px}.form-grid textarea{resize:vertical;min-height:91px;padding:11px 12px}.form-grid input:focus,.form-grid textarea:focus{border-color:#67f0eba6;box-shadow:0 0 0 3px #59ece814}.form-grid input:disabled{opacity:.55}.span-two{grid-column:span 2}.form-message{color:#83f8d3;margin:16px 0 0;font-size:11px}.form-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:17px;display:flex}.form-actions>span{color:#8297b8;font-size:10px}.form-actions .primary-button{min-height:39px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#020614ab;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-modal,.book-modal{background:linear-gradient(145deg,#11234bfa,#080f2afa);border:1px solid #7cecef63;border-radius:23px;width:min(100%,430px);padding:31px;position:relative;box-shadow:0 28px 80px #00000085,inset 0 1px #ffffff1c}.auth-modal .brand{margin:0 0 26px;padding:0}.modal-close{border:1px solid var(--line);color:#9cb2c9;background:#11274c8c;border-radius:9px;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:17px;right:17px}.modal-close:hover{color:#fff;border-color:#84f7ef}.auth-modal h2{color:azure;letter-spacing:-1px;margin:8px 0;font-size:29px}.auth-subtitle{color:#90a4c4;margin:0 0 21px;font-size:12px;line-height:1.6}.auth-modal input{color:#efffff;background:#05102b94;border:1px solid #7bbedd47;border-radius:10px;width:100%;height:43px;margin-bottom:10px;padding:0 12px;font-size:12px}.auth-modal input:focus{border-color:#5eefeba3}.auth-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.auth-row input{min-width:0}.code-input{font-family:var(--mono);letter-spacing:8px;text-align:center;font-size:21px!important}.form-error{color:#ffb4cf;margin:0 0 10px;font-size:10px}.auth-submit{width:100%;margin-top:4px}.auth-switch{color:#9beced;background:0 0;margin:15px auto 0;padding:0;font-size:10px;display:block}.auth-switch:hover{text-decoration:underline}.book-modal{grid-template-columns:145px minmax(0,1fr);gap:27px;width:min(100%,625px);padding:32px;display:grid}.book-modal>img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:145px;height:216px;box-shadow:0 18px 30px #00000054}.book-modal h2{letter-spacing:-1.2px;margin:8px 0 3px;font-size:29px}.book-modal-author{color:#9bacc9;margin:0;font-size:12px}.book-modal-copy{color:#9badc8;margin:19px 0;font-size:12px;line-height:1.7}.book-modal-actions{align-items:center;gap:9px;display:flex}.round-save{border-radius:12px;width:42px;height:42px}.book-modal-backdrop{z-index:21}@media (max-width:1180px){.archive-app{grid-template-columns:206px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.app-main{padding-left:24px;padding-right:24px}.hero-panel{padding-left:38px}.hero-stats{left:38px}.hero-shelf{right:27px}.hero-copy h1{font-size:54px}.book-grid,.book-grid-featured{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-stat{padding-left:12px;padding-right:12px}.mini-stat b{font-size:23px}.collection-card{gap:12px}.profile-layout{grid-template-columns:250px minmax(0,1fr)}}@media (max-width:940px){.archive-app{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:23px 13px 16px}.brand{justify-content:center;padding:0}.brand>span:last-child,.nav-button span,.profile-button>span:nth-child(2),.profile-button>svg,.nav-collapse span{display:none}.nav-button{justify-content:center;padding:0}.profile-button{justify-content:center;padding:9px}.nav-collapse{justify-content:center}.nav-compact{grid-template-columns:82px minmax(0,1fr)}.nav-compact .brand>span:last-child,.nav-compact .nav-button span,.nav-compact .profile-button>span:nth-child(2),.nav-compact .profile-button>svg,.nav-compact .nav-collapse span{display:none}.top-search{width:min(380px,52vw)}.hero-panel{min-height:460px;padding:44px 34px}.hero-shelf{transform-origin:100% 100%;width:48%;right:15px;transform:scale(.84)}.hero-stats{left:34px}.home-grid{grid-template-columns:1fr}.mini-stat-grid{grid-template-columns:repeat(3,1fr)}.continue-panel{min-height:160px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.book-grid-featured{grid-template-columns:repeat(4,minmax(0,1fr))}.circle-grid{grid-template-columns:1fr}.circle-card{min-height:230px}.profile-layout{grid-template-columns:1fr}.profile-summary{text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;display:grid}.avatar-editor,.profile-summary h2{margin:0}.profile-summary>p{margin-top:-12px}.profile-summary .online-pill{margin:0}.profile-summary dl{border:0;margin:0;padding:0}.profile-summary .danger-text{margin:0}.profile-summary dl{display:none}.message-shell{grid-template-columns:255px minmax(0,1fr)}}@media (max-width:680px){.archive-app{min-height:100dvh;padding-bottom:66px;display:block}.sidebar{z-index:10;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08112de8;border-right:0;height:65px;min-height:65px;padding:6px 6px 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 35px #00000047}.sidebar .brand,.sidebar-bottom{display:none}.sidebar nav{grid-template-columns:repeat(5,1fr);gap:2px;width:100%;display:grid}.nav-button{border-radius:10px;justify-content:center;min-height:51px;padding:0}.nav-button:nth-child(n+6){display:none}.nav-button.is-active{box-shadow:inset 0 2px #5bf4ec}.app-main{padding:12px 14px 22px}.topbar{gap:9px}.mobile-brand{background:0 0;padding:0;display:block}.mobile-brand .brand-mark{width:34px;height:34px}.top-search{flex:1;width:auto;min-width:0}.top-search input{height:36px;font-size:11px}.topbar-actions{gap:6px}.language-select{height:35px;padding:0 6px}.language-select span,.bell-button{display:none}.login-button{height:35px;padding:0 9px;font-size:10px}.login-button svg{display:none}.top-avatar,.top-avatar .avatar{width:34px;height:34px}.mobile-page-label{justify-content:space-between;align-items:end;margin-top:21px;display:flex}.mobile-page-label b{font-size:17px}.page-content{padding-top:23px}.hero-panel{border-radius:20px;min-height:560px;padding:34px 23px}.hero-status{margin-bottom:23px;font-size:7px}.hero-copy h1{letter-spacing:-2.5px;font-size:45px}.hero-description{max-width:340px;font-size:12px}.hero-shelf{transform-origin:bottom;width:100%;height:210px;bottom:88px;left:0;right:0;transform:scale(.72)}.hero-stats{gap:13px;font-size:7px;bottom:23px;left:23px}.hero-stats b{font-size:9px}.home-grid{margin-bottom:35px}.continue-panel{align-items:flex-start;gap:15px;padding:19px}.continue-art{border-radius:14px;width:78px;height:105px}.continue-art svg{width:25px}.continue-panel h2{font-size:17px}.continue-panel p{font-size:10px}.mini-stat{min-height:115px;padding:15px 10px}.mini-stat>span{font-size:6px}.mini-stat b{font-size:18px}.mini-stat small{font-size:8px}.section-header h2{font-size:20px}.book-grid,.book-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.book-card h3{font-size:12px}.book-card p{font-size:9px}.cover-button{border-radius:10px}.library-hero{min-height:235px;padding:30px 23px}.library-hero h1{font-size:38px}.library-hero p{max-width:230px;font-size:11px}.library-orb{width:65px;height:65px;margin-right:7px}.library-orb svg{width:23px}.library-orb:before{inset:-11px}.library-orb:after{inset:-22px}.library-toolbar{flex-direction:column;margin-top:17px}.wide-search input,.sort-select select{height:39px}.chip-row{margin-bottom:25px}.page-intro{margin-bottom:26px}.page-intro h1{font-size:42px}.page-intro p{font-size:11px}.split-intro{flex-direction:column;align-items:flex-start}.collection-grid{grid-template-columns:1fr}.collection-card{min-height:113px;padding:16px}.collection-card small{white-space:normal}.timeline-entry{grid-template-columns:28px 37px minmax(0,1fr) auto;gap:10px}.timeline-entry img{width:31px;height:43px}.circle-card{min-height:210px;padding:21px}.message-shell{grid-template-columns:1fr;min-height:580px}.conversation-list{border-right:0;border-bottom:1px solid var(--line);min-width:0;min-height:112px;padding:12px;display:flex;overflow:auto}.conversation-title{display:none}.conversation{text-align:center;background:0 0;border-color:#0000;flex:none;width:66px;margin:0;padding:4px;display:block}.conversation-avatar{margin:auto}.conversation>span:nth-child(2),.conversation>i{display:none}.conversation.is-active{background:#57e0e41f}.chat-panel header{min-height:64px;padding:0 17px}.chat-history{padding:18px}.message-composer{padding:12px}.alert-row{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:13px}.alert-row p{font-size:10px}.alert-row time{font-size:7px}.settings-stack{gap:12px}.setting-panel{padding:19px}.profile-cover{min-height:178px;padding:28px 24px}.profile-cover h1{font-size:36px}.profile-layout{margin-top:12px}.profile-summary{text-align:center;padding-top:22px;display:block}.avatar-editor{margin-top:-64px}.profile-summary h2{margin:11px 0 3px}.profile-summary>p{margin:0}.profile-summary .online-pill{margin:14px 0}.profile-summary dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0;padding:15px 0;display:grid}.profile-summary .danger-text{margin-top:18px}.profile-form{padding:19px}.form-heading{flex-direction:column;align-items:flex-start;margin-bottom:18px}.form-grid{grid-template-columns:1fr;gap:13px}.span-two{grid-column:auto}.form-actions{flex-direction:column;align-items:stretch}.book-modal{grid-template-columns:94px minmax(0,1fr);gap:17px;padding:22px}.book-modal>img{width:94px;height:140px}.book-modal h2{font-size:21px}.book-modal-copy{font-size:10px}.book-modal .primary-button{padding:0 11px;font-size:10px}.book-modal .primary-button svg{display:none}.auth-modal{padding:25px 21px}.auth-modal .brand{margin-bottom:21px}.auth-modal h2{font-size:25px}}@media (max-width:390px){.top-search{max-width:153px}.language-select{display:none}.hero-copy h1{font-size:39px}.hero-shelf{transform:scale(.64)}.hero-stats{gap:8px}.mini-stat-grid{gap:7px}.mini-stat{padding:12px 7px}.collection-card{grid-template-columns:auto minmax(0,1fr) auto}.collection-card>svg{display:none}.book-modal{grid-template-columns:1fr;padding-top:53px}.book-modal>img{width:105px;height:156px}.book-modal-copy{margin:10px 0}.book-modal-actions{margin-top:10px}}
.pdf-reader{z-index:100;color:#e9fbff;background:radial-gradient(circle at 50% 25%,#17284b 0,#071020 46%,#030711 100%);grid-template-rows:58px minmax(0,1fr) 54px;font-family:Manrope,sans-serif;display:grid;position:fixed;inset:0}.pdf-reader:fullscreen{width:100vw;height:100vh}.pdf-reader-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050c19d9;border-bottom:1px solid #8dcbd51f;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.reader-title{align-items:center;gap:11px;min-width:0;display:flex}.reader-logo{color:#7efff1;background:#153459;border:1px solid #68f3e6;border-radius:9px;place-items:center;width:32px;height:32px;font:800 10px DM Mono,monospace;display:grid;box-shadow:0 0 18px #35ead94d}.reader-title div{min-width:0}.reader-title b,.reader-title small{text-overflow:ellipsis;white-space:nowrap;max-width:min(52vw,650px);display:block;overflow:hidden}.reader-title b{font-size:12px}.reader-title small{color:#88a3ba;margin-top:2px;font-size:9px}.reader-header-actions{gap:7px;display:flex}.reader-header-actions button,.pdf-reader-controls button{color:#dffffc;cursor:pointer;background:#0e2038;border:1px solid #76b8ca40;border-radius:9px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.reader-header-actions button:hover,.pdf-reader-controls button:hover{background:#183554;border-color:#6df3e5}.pdf-reader-body{min-height:0;display:flex}.pdf-thumbnails{scrollbar-width:thin;scrollbar-color:#3a6a78 #07111f;background:#050b16b8;border-right:1px solid #8dcbd51f;width:116px;padding:12px 11px;overflow-y:auto}.pdf-thumbnails>span{color:#7895aa;letter-spacing:1px;text-transform:uppercase;margin:0 0 10px;font:8px DM Mono,monospace;display:block}.pdf-thumbnails button{color:#7895aa;cursor:pointer;background:#0b1729;border:1px solid #0000;border-radius:7px;width:86px;min-height:70px;margin:0 0 10px;padding:4px;position:relative}.pdf-thumbnails small{padding-top:3px;font:8px DM Mono,monospace;display:block}.pdf-thumbnails i{color:#527083;place-items:center;height:62px;font-style:normal;display:grid}.pdf-thumb-canvas{-o-object-fit:contain;object-fit:contain;background:#fff;width:100%;height:62px;display:block}.pdf-stage{perspective:1800px;flex:1;place-items:center;min-width:0;padding:34px 64px;display:grid;position:relative;overflow:auto}.pdf-stage:before{content:"";filter:blur(25px);background:#0009;border-radius:50%;width:58%;height:7%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.pdf-spread{z-index:1;transform:scale(var(--reader-zoom));transform-origin:50%;filter:drop-shadow(0 25px 28px #0009);transform-style:preserve-3d;justify-content:center;align-items:center;transition:transform .2s;display:flex;position:relative}.pdf-paper{background:#fff;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #9fa9b633}.pdf-paper:first-child{border-radius:7px 1px 1px 7px}.pdf-paper:last-child{border-radius:1px 7px 7px 1px}.pdf-paper+.pdf-paper{border-left:1px solid #7c879a}.pdf-paper span{color:#53606e;background:#fff9;border-radius:4px;padding:2px 5px;font:8px DM Mono,monospace;position:absolute;bottom:6px;right:10px}.pdf-page-canvas{background:#fff;width:auto;max-width:min(39vw,680px);height:auto;max-height:calc(100vh - 190px);display:block}.reader-arrow{z-index:2;color:#dffffc;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09182abf;border:1px solid #7fb6c33b;border-radius:12px;place-items:center;width:45px;height:70px;font-size:40px;line-height:1;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.reader-arrow:hover{background:#142c49;border-color:#70eade}.reader-arrow:disabled,.pdf-reader-controls button:disabled{opacity:.25;cursor:not-allowed}.reader-state{color:#9cb7c9;flex-direction:column;align-items:center;gap:14px;display:flex}.reader-state span{border:2px solid #34576e;border-top-color:#68f1e5;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite reader-spin}.reader-state b{font-size:12px}.reader-state.error{color:#ffadbd}.reader-state p{color:#809cb3;margin:0;font-size:10px}.pdf-reader-controls{background:#050c19e8;border-top:1px solid #8dcbd51f;justify-content:center;align-items:center;gap:8px;display:flex}.pdf-reader-controls label{color:#7895aa;align-items:center;gap:6px;font:9px DM Mono,monospace;display:flex}.pdf-reader-controls input{color:#eaffff;text-align:center;background:#0c1c31;border:1px solid #76b8ca40;border-radius:7px;width:48px;padding:7px}.pdf-reader-controls i{background:#6e9aaa31;width:1px;height:22px;margin:0 7px}.pdf-reader-controls>span{color:#8ea9bb;text-align:center;min-width:39px;font:9px DM Mono,monospace}@keyframes reader-spin{to{transform:rotate(360deg)}}@media (max-width:800px){.pdf-thumbnails{z-index:5;position:absolute;top:58px;bottom:54px;left:0;box-shadow:14px 0 30px #0009}.pdf-stage{padding:24px 48px}.reader-arrow.previous{left:8px}.reader-arrow.next{right:8px}.pdf-page-canvas{max-width:82vw;max-height:calc(100vh - 180px)}.pdf-spread:not(.single-page) .pdf-paper:nth-child(2){display:none}.reader-title b{max-width:45vw}}@media (max-width:520px){.pdf-reader{grid-template-rows:52px minmax(0,1fr) 50px}.pdf-reader-header{padding:0 9px}.reader-logo{display:none}.reader-header-actions button{width:31px;height:31px}.pdf-stage{padding:18px 40px}.pdf-page-canvas,.single-page .pdf-page-canvas{max-width:88vw;max-height:calc(100vh - 150px)}.pdf-reader-controls{gap:5px}.pdf-reader-controls button{width:31px;height:31px}.pdf-reader-controls i{margin:0 2px}}.pdf-turn-page{z-index:3;filter:drop-shadow(0 25px 28px #0009);width:min(39vw,680px);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;position:absolute;top:50%}.pdf-turn-page .pdf-paper{backface-visibility:hidden;width:100%}.pdf-turn-page.turn-forward{transform-origin:0;left:50%}.pdf-turn-page.turn-backward{transform-origin:100%;right:50%}.pdf-turn-page:after{content:"";z-index:4;pointer-events:none;mix-blend-mode:multiply;backface-visibility:hidden;background:linear-gradient(90deg,#0000006b,#0000 24% 68%,#ffffff61);position:absolute;inset:0}@media (max-width:800px){.pdf-turn-page{width:82vw}.pdf-turn-page.turn-forward{transform-origin:0;left:50%}.pdf-turn-page.turn-backward{transform-origin:100%;right:50%}}@media (prefers-reduced-motion:reduce){.pdf-turn-page{display:none}}.pdf-turn-page{translate:0 -50%}.reader-translate-panel{z-index:12;background:#07162df7;border:1px solid #65dce3a1;border-radius:13px;gap:9px;width:min(390px,100vw - 36px);max-height:calc(100dvh - 138px);padding:14px;display:grid;position:absolute;top:66px;right:18px;overflow:auto;box-shadow:0 16px 40px #000b}.reader-translate-panel header{justify-content:space-between;align-items:center;display:flex}.reader-translate-panel header b{font-size:12px}.reader-translate-panel header button{color:#d8efff;cursor:pointer;background:0 0;border:0;font-size:22px}.reader-translate-panel input{color:#efffff;background:#081a31;border:1px solid #5b9aaa8a;border-radius:8px;height:38px;padding:0 10px}.reader-translate-submit{color:#06263b;cursor:pointer;background:#67e6de;border:0;border-radius:8px;height:38px;font-weight:800}.reader-translate-submit:disabled{opacity:.55;cursor:wait}.reader-translate-panel article{white-space:pre-wrap;color:#dcefff;font-size:12px;line-height:1.55}.reader-translate-panel small{color:#85a8bd;font-size:9px}.reader-translate-error{color:#ffb1c1;margin:0;font-size:11px}@media (max-width:520px){.reader-translate-panel{top:58px;right:9px}}.reader-speak-button{color:#eaffff;cursor:pointer;background:#143d56;border:1px solid #66dfdc;border-radius:8px;height:38px;font-weight:800}.reader-speak-button:hover{background:#1b586d}.reader-language-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.reader-language-tabs button,.reader-voice-actions button{color:#eaffff;cursor:pointer;background:#102b43;border:1px solid #60d3cf73;border-radius:9px;min-height:38px;padding:0 9px;font:700 11px Manrope,sans-serif}.reader-language-tabs button.is-active{color:#fff;background:linear-gradient(135deg,#168b8d,#3679a5);border-color:#7cf6e5;box-shadow:0 5px 13px #27dace38}.reader-voice-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.reader-voice-actions button{background:#154e61e0}.reader-original-text,.reader-translation-result{background:#02101f66;border:1px solid #70d4d247;border-radius:10px;padding:10px 11px}.reader-original-text summary,.reader-translation-result>b{color:#92f2e6;cursor:pointer;font-size:11px;font-weight:800}.reader-original-text article,.reader-translation-result article{white-space:pre-wrap;color:#e1f5f8;max-height:180px;margin-top:8px;font-size:12px;line-height:1.58;overflow:auto}.reader-translation-result>b{display:block}.pdf-reader-controls button{width:40px;height:38px;font-size:20px}.pdf-reader-controls>span{min-width:48px;font-size:11px}.pdf-stage{padding:28px 92px}.pdf-page-canvas{max-width:min(38vw,720px);max-height:calc(100vh - 160px)}.single-page .pdf-page-canvas{max-width:min(60vw,780px)}.pdf-turn-page{width:min(38vw,720px)}.pdf-reader-controls .reader-page-button{gap:8px;width:auto;min-width:132px;height:38px;padding:0 11px;font:700 11px Manrope,sans-serif;display:flex}.reader-page-button span{font:700 11px Manrope,sans-serif}.reader-arrow{justify-content:center;align-items:center;min-width:48px;height:54px;font-size:34px;display:flex}.reader-arrow.previous{left:132px}.reader-arrow.next{right:18px}@media (max-width:800px){.pdf-stage{padding:24px 52px}.pdf-page-canvas,.single-page .pdf-page-canvas{max-width:82vw}.pdf-turn-page{width:82vw}.reader-arrow{width:40px;min-width:40px;height:54px}.reader-arrow.previous{left:4px}.reader-arrow.next{right:4px}.pdf-reader-controls .reader-page-button{width:40px;min-width:40px;padding:0}.pdf-reader-controls .reader-page-button span{display:none}}.pdf-reader{color:#18363c;background:radial-gradient(circle at 50% 24%,#fff 0,#edf4f4 48%,#d9e5e6 100%)}.pdf-reader-header,.pdf-reader-controls{background:#ffffffe0;border-color:#19565b33;box-shadow:0 4px 18px #1f4c501a}.reader-title b{color:#14363c}.reader-title small{color:#527077}.reader-logo{color:#0d696d;background:#e6f8f6;border-color:#168d90;box-shadow:0 4px 14px #168d902b}.pdf-thumbnails{scrollbar-color:#70afb1 transparent;background:#fafffedb;border-color:#19565b2e}.pdf-thumbnails>span,.pdf-thumbnails small{color:#41666d}.pdf-thumbnails button{color:#41666d;background:#fff}.pdf-thumbnails button.is-active{border-color:#148c90;box-shadow:0 0 0 3px #148c9029}.pdf-stage:before{background:#294a4e40}.pdf-paper{box-shadow:0 10px 26px #223c4140,inset 0 0 18px #9fa9b633}.reader-arrow,.reader-header-actions button,.pdf-reader-controls button{color:#0d555b;background:#fff;border-color:#0d707580;box-shadow:0 4px 12px #185e6221}.reader-arrow:hover,.reader-header-actions button:hover,.pdf-reader-controls button:hover{color:#073d43;background:#e1f7f5;border-color:#087f82}.reader-arrow:disabled,.pdf-reader-controls button:disabled{color:#8ca1a4;background:#eef3f3}.pdf-reader-controls input{color:#123d43;background:#fff;border-color:#0d707573}.pdf-reader-controls label,.pdf-reader-controls>span{color:#41666d}.pdf-reader-controls i{background:#19565b33}
.ai-assistant{z-index:120;position:fixed;bottom:24px;right:24px}.ai-assistant-toggle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#17627b,#6c46b5);border:1px solid #78f3e5;border-radius:50%;place-items:center;width:52px;height:52px;margin-left:auto;display:grid;box-shadow:0 12px 32px #07152db3}.ai-assistant-panel{color:#eaffff;background:#07162af7;border:1px solid #67e9e2a8;border-radius:18px;grid-template-rows:auto minmax(150px,1fr) auto;width:min(350px,100vw - 32px);height:430px;margin-bottom:12px;display:grid;overflow:hidden;box-shadow:0 18px 48px #000b}.ai-assistant-panel header{border-bottom:1px solid #74c7d13b;justify-content:space-between;align-items:center;padding:14px;display:flex}.ai-assistant-panel header div{align-items:center;gap:8px;display:flex}.ai-assistant-panel header span{color:#fff;background:#1f7581;border-radius:8px;place-items:center;width:27px;height:27px;font:800 10px DM Mono,monospace;display:grid}.ai-assistant-panel header b{font-size:13px}.ai-assistant-panel header button{color:#b7d5e8;cursor:pointer;background:0 0;border:0}.ai-assistant-messages{flex-direction:column;gap:9px;padding:13px;display:flex;overflow:auto}.ai-assistant-messages p{color:#d6eafa;white-space:pre-wrap;background:#102946;border-radius:12px;max-width:92%;margin:0;padding:9px 11px;font-size:12px;line-height:1.45}.ai-assistant-messages p.user{color:#fff;background:#1d6870;align-self:flex-end}.ai-assistant-messages p.assistant{align-self:flex-start}.ai-assistant-panel form{border-top:1px solid #74c7d13b;gap:7px;padding:11px;display:flex}.ai-assistant-panel input{color:#fff;background:#081d34;border:1px solid #5ca7b15e;border-radius:10px;flex:1;min-width:0;padding:10px;font:12px Manrope,sans-serif}.ai-assistant-panel form button{color:#06233b;cursor:pointer;background:#61e5df;border:0;border-radius:10px;place-items:center;width:39px;display:grid}.ai-assistant-panel form button:disabled{opacity:.5;cursor:wait}@media (max-width:680px){.ai-assistant{bottom:78px;right:14px}.ai-assistant-panel{height:min(430px,100dvh - 110px)}}
.random-page{padding-top:38px}.random-picker{min-height:560px;padding:48px;position:relative;overflow:hidden}.random-picker:before{content:"";pointer-events:none;background:linear-gradient(124deg,#0812334d,#0000 52%,#7b45cf1c);position:absolute;inset:0}.random-glow{pointer-events:none;filter:blur(8px);border-radius:50%;position:absolute}.glow-one{background:radial-gradient(circle,#36e5eb29,#0000 68%);width:380px;height:380px;top:-130px;left:-120px}.glow-two{background:radial-gradient(circle,#b162ff26,#0000 67%);width:390px;height:390px;top:42px;right:-110px}.random-copy{z-index:2;max-width:470px;position:relative}.random-copy h1{color:#edffff;letter-spacing:-2.8px;margin:8px 0 13px;font-size:clamp(42px,5vw,62px);line-height:.98}.random-copy h1 em{font-family:var(--serif);letter-spacing:-2.7px;font-weight:600}.random-copy p{color:#9cadc9;max-width:390px;margin:0;font-size:13px;line-height:1.7}.random-button{color:#c9ffff;background:linear-gradient(110deg,#44e9e530,#885cf430);border:1px solid #6cf4ef99;border-radius:12px;align-items:center;gap:9px;min-height:43px;margin-top:24px;padding:0 17px;font-size:11px;font-weight:800;transition:all .22s;display:inline-flex;box-shadow:0 0 22px #47e7ea21}.random-button:hover:not(:disabled){background:linear-gradient(110deg,#4debe552,#9663f64a);border-color:#9afff4;transform:translateY(-2px);box-shadow:0 10px 27px #47e7ea33}.random-button:disabled{cursor:wait}.random-button.is-spinning svg{animation:.72s linear infinite picker-spin}@keyframes picker-spin{to{transform:rotate(360deg)}}.random-result{z-index:3;width:265px;position:absolute;top:51px;right:49px}.result-label{color:#8ce8e6;font-family:var(--mono);letter-spacing:1px;align-items:center;gap:7px;margin:0 0 8px 4px;font-size:8px;display:flex}.result-label i{background:#66ffe5;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #66ffe5}.result-card{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09183ab3;border:1px solid #6cecee61;border-radius:13px;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px;transition:all .2s;display:grid;box-shadow:0 12px 24px #00000038}.result-card:hover{border-color:#90fcf2;transform:translateY(-2px)}.result-card img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:42px;height:56px}.result-card span{flex-direction:column;gap:3px;min-width:0;display:flex}.result-card small,.result-card b,.result-card em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.result-card small{color:#79e9e5;font-family:var(--mono);letter-spacing:.4px;text-transform:uppercase;font-size:7px}.result-card b{color:#ecfbff;font-size:11px}.result-card em{color:#90a4c3;font-size:9px;font-style:normal}.result-card svg{color:#84f3ed}.roulette-stage{z-index:2;position:absolute;bottom:32px;left:0;right:0}.roulette-window{padding:22px 0 16px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.roulette-window:before,.roulette-window:after{content:"";z-index:2;pointer-events:none;width:12%;position:absolute;top:0;bottom:0}.roulette-window:before{background:linear-gradient(90deg,#0a143485,#0000);left:0}.roulette-window:after{background:linear-gradient(270deg,#0f083185,#0000);right:0}.roulette-track{will-change:transform;gap:10px;width:max-content;padding:0 50vw;display:flex}.roulette-book{background:#12244c;border:1px solid #83c8e752;border-radius:9px;flex:none;width:112px;height:157px;padding:0;transition:border-color .2s,filter .2s;display:block;position:relative;overflow:hidden;box-shadow:0 12px 22px #00000047}.roulette-book:hover{border-color:#88fff2}.roulette-book.is-selected{border-color:#80fff0;box-shadow:0 0 0 3px #57f2eb1f,0 0 23px #49e8eb6e,0 15px 27px #00000061}.roulette-book img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.roulette-book span{color:#eaffff;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#030a20f2);padding:22px 8px 8px;font-size:9px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.roulette-marker{z-index:6;background:linear-gradient(#7dfff4,#6df5f138 73%,#0000);width:2px;height:192px;position:absolute;top:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #60fbf0}.roulette-marker:before{content:"";filter:drop-shadow(0 0 6px #66fff3);border:7px solid #0000;border-top:9px solid #a1fff7;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.roulette-marker i{background:#e2fffc;border-radius:50%;width:9px;height:9px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 0 16px #8cfff7}.roulette-controls{color:#7dcbd1;font-family:var(--mono);letter-spacing:1px;justify-content:center;align-items:center;gap:16px;font-size:8px;display:flex}.roulette-controls button{color:#a8fffb;background:#0d2147a6;border:1px solid #68eded59;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.roulette-controls button:hover:not(:disabled){color:#08223c;background:#54eae6;border-color:#93fff4}.roulette-controls button:disabled{opacity:.4}@media (max-width:940px){.random-picker{min-height:600px;padding:39px 34px}.random-result{right:34px}.roulette-track{padding-left:43vw;padding-right:43vw}}@media (max-width:680px){.random-page{padding-top:23px}.random-picker{border-radius:20px;min-height:607px;padding:30px 21px}.random-copy h1{letter-spacing:-2.3px;font-size:41px}.random-copy p{max-width:315px;font-size:11px}.random-result{width:auto;inset:auto 21px 278px}.roulette-stage{bottom:24px}.roulette-window{padding-top:17px}.roulette-track{padding-left:calc(50vw - 56px);padding-right:calc(50vw - 56px)}.roulette-book{width:112px;height:157px}.roulette-marker{height:181px}.roulette-controls{gap:12px;font-size:7px}.roulette-controls span{text-align:center;max-width:190px;line-height:1.45}}@media (max-width:390px){.random-copy h1{font-size:37px}.random-result{bottom:272px}.result-card{grid-template-columns:38px minmax(0,1fr) auto}.result-card img{width:36px;height:50px}.roulette-controls span{max-width:150px}}
.social-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.social-heading h1{color:var(--ink);letter-spacing:-2px;margin:7px 0 4px;font-size:clamp(30px,4vw,49px)}.social-heading p{color:var(--muted);margin:0;font-size:11px}.social-count,.ai-source-pill{border:1px solid var(--line);background:color-mix(in srgb,var(--cyan) 9%,transparent);width:max-content;color:var(--cyan);font:9px var(--mono);border-radius:99px;align-items:center;padding:8px 12px;display:inline-flex}.reader-search{border:1px solid var(--line);background:color-mix(in srgb,var(--panel-strong) 65%,transparent);max-width:520px;color:var(--cyan);border-radius:13px;align-items:center;gap:10px;margin:0 0 18px;padding:0 14px;display:flex}.reader-search input{width:100%;height:42px;color:var(--ink);background:0 0;border:0;font-size:12px}.reader-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.reader-card{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:17px;display:grid}.reader-avatar{border:1px solid var(--line-strong);-o-object-fit:cover;object-fit:cover;background:color-mix(in srgb,var(--cyan) 18%,var(--panel-strong));width:48px;height:48px;color:var(--cyan);border-radius:50%;place-items:center;font-weight:800;display:grid}.reader-card h2{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 4px;font-size:15px;overflow:hidden}.reader-card p{color:var(--muted);margin:0;font-size:10px}.reader-actions{grid-column:1/-1;gap:8px;margin-top:4px;display:flex}.follow-button,.reader-message{border:1px solid var(--line);background:color-mix(in srgb,var(--panel-strong) 70%,transparent);min-height:35px;color:var(--cyan);border-radius:10px;font-size:10px;font-weight:700}.follow-button{flex:1}.follow-button.is-following{background:color-mix(in srgb,var(--cyan) 16%,transparent);color:var(--ink)}.reader-message{place-items:center;width:38px;display:grid}.quiz-book-picker{grid-template-columns:minmax(180px,1fr) auto;gap:9px;max-width:570px;display:grid}.quiz-book-picker label{color:var(--cyan);font:9px var(--mono);letter-spacing:.6px;grid-column:1/-1}.quiz-book-picker select{border:1px solid var(--line);background:color-mix(in srgb,var(--panel-strong) 72%,transparent);min-width:0;height:43px;color:var(--ink);border-radius:11px;padding:0 10px;font-size:11px}.live-message-shell{min-height:610px}.user-directory{overflow-y:auto}.conversation-title i{color:var(--cyan);font:9px var(--mono);font-style:normal}.social-avatar{border:1px solid var(--line-strong);-o-object-fit:cover;object-fit:cover;border-radius:50%;width:35px;height:35px}.user-directory .conversation>i.online{color:#51d9aa}.social-placeholder{border:1px dashed var(--line);color:var(--muted);border-radius:11px;margin:12px;padding:14px;font-size:10px;line-height:1.6}.chat-welcome,.select-reader-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-welcome{color:var(--muted);margin:auto}.chat-welcome b,.chat-welcome span{display:block}.chat-welcome b{color:var(--ink);font-size:12px}.chat-welcome span{margin-top:5px;font-size:9px}.select-reader-state>span{border:1px solid var(--line-strong);background:color-mix(in srgb,var(--cyan) 10%,transparent);width:58px;height:58px;box-shadow:0 18px 38px color-mix(in srgb,var(--cyan) 12%,transparent);border-radius:19px;place-items:center;font-size:26px;display:grid}.select-reader-state h2{margin:13px 0 5px;font-size:20px}.select-reader-state p{color:var(--muted);margin:0;font-size:10px}.live-messages-page .bubble{flex-direction:column;gap:4px;display:flex}.live-messages-page .bubble time{color:var(--muted-2);font:7px var(--mono);align-self:flex-end}.social-error{color:#ff9db2;margin:10px;font-size:10px}.chat-panel{position:relative}.chat-panel>.social-error{background:#3b1228e0;border:1px solid #f07a9652;border-radius:8px;padding:7px 9px;position:absolute;bottom:64px;right:12px}.game-hero{align-items:center;gap:clamp(34px,5vw,68px);min-height:300px;padding:42px 58px;display:flex;position:relative;overflow:hidden}.game-hero:before{content:"";border:1px solid color-mix(in srgb,var(--cyan) 25%,transparent);width:500px;height:500px;box-shadow:0 0 70px color-mix(in srgb,var(--cyan) 10%,transparent);border-radius:50%;position:absolute;bottom:-220px;right:-110px}.game-hero-copy{z-index:1;max-width:650px;position:relative}.game-kicker-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ai-source-pill{color:var(--muted);padding:5px 9px;font-size:8px}.ai-source-pill.is-ai{border-color:color-mix(in srgb,var(--cyan) 48%,transparent);background:color-mix(in srgb,var(--cyan) 14%,transparent);color:var(--cyan);box-shadow:0 0 18px color-mix(in srgb,var(--cyan) 10%,transparent)}.game-hero h1{color:var(--ink);letter-spacing:-2.8px;margin:9px 0;font-size:clamp(38px,5vw,61px)}.game-hero p{max-width:560px;color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.75}.game-orbit{border:1px solid color-mix(in srgb,var(--cyan) 55%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 19%,transparent),transparent 67%);width:154px;height:154px;box-shadow:0 0 55px color-mix(in srgb,var(--cyan) 16%,transparent),inset 0 0 32px color-mix(in srgb,var(--cyan) 10%,transparent);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.game-orbit i{border:1px dashed color-mix(in srgb,var(--cyan-2) 42%,transparent);border-radius:50%;animation:15s linear infinite game-orbit;position:absolute;inset:-17px}.game-orbit i:nth-child(2){border-style:solid;border-color:color-mix(in srgb,var(--violet) 28%,transparent);animation-duration:23s;animation-direction:reverse;inset:-36px}.game-orbit span{border:1px solid color-mix(in srgb,var(--cyan) 36%,transparent);background:color-mix(in srgb,var(--panel-strong) 82%,transparent);filter:drop-shadow(0 12px 18px #00000040);border-radius:27px;place-items:center;width:80px;height:80px;font-size:42px;display:grid}.quiz-shell{margin-top:18px;padding:23px}.quiz-shell>header{color:var(--muted);font:9px var(--mono);justify-content:space-between;display:flex}.quiz-shell>header b{color:var(--cyan)}.quiz-progress{background:color-mix(in srgb,var(--muted) 18%,transparent);border-radius:99px;height:4px;margin:13px 0 25px;overflow:hidden}.quiz-progress i{border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--cyan-2));height:100%;box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 55%,transparent);transition:width .35s;display:block}.quiz-content{grid-template-columns:minmax(200px,290px) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,52px);display:grid}.quiz-cover{border:1px solid var(--line);background:color-mix(in srgb,var(--panel-strong) 58%,transparent);border-radius:21px;place-items:center;min-height:354px;padding:22px;display:grid;position:relative;overflow:hidden}.quiz-cover:after{content:"";background:color-mix(in srgb,var(--cyan) 18%,transparent);filter:blur(24px);border-radius:50%;height:70px;position:absolute;inset:auto 10% -30px}.cover-emoji{z-index:2;border:1px solid var(--line);background:var(--panel-strong);border-radius:13px;place-items:center;width:38px;height:38px;font-size:19px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 8px 22px #0000002e}.quiz-cover img{z-index:1;-o-object-fit:cover;object-fit:cover;border-radius:10px;max-width:100%;height:310px;position:relative;box-shadow:0 24px 45px #0000006b}.quiz-question h2{color:var(--ink);margin:8px 0 20px;font-size:clamp(22px,2.5vw,29px);line-height:1.25}.quiz-options{gap:9px;display:grid}.quiz-options button{border:1px solid var(--line);background:color-mix(in srgb,var(--panel-strong) 43%,transparent);width:100%;min-height:51px;color:var(--ink);text-align:left;border-radius:13px;align-items:center;gap:12px;padding:8px 13px;transition:transform .18s,border-color .18s,background .18s;display:flex}.quiz-options button:not(:disabled):hover{border-color:var(--line-strong);background:color-mix(in srgb,var(--cyan) 9%,var(--panel));transform:translate(4px)}.quiz-options button:disabled{cursor:default}.quiz-options button i{border:1px solid var(--line);width:30px;height:30px;color:var(--cyan);font:9px var(--mono);border-radius:9px;flex:none;place-items:center;font-style:normal;display:grid}.quiz-options button span{flex:1;font-size:11px}.quiz-options button strong{font-size:17px}.quiz-options button.correct{color:var(--ink);background:#30be8b26;border-color:#42d3a0b3}.quiz-options button.correct i{color:#47d3a2;border-color:#47d3a2}.quiz-options button.correct strong{color:#52d9aa}.quiz-options button.wrong{background:#dd4d6b21;border-color:#ef6782ad}.quiz-options button.wrong i,.quiz-options button.wrong strong{color:#ef748d;border-color:#ef748d}.quiz-feedback{background:#33b48717;border:1px solid #45cd9d57;border-radius:13px;align-items:flex-start;gap:11px;margin-top:14px;padding:12px 14px;display:flex}.quiz-feedback.is-wrong{background:#e0537114;border-color:#ef748d4d}.quiz-feedback>span{font-size:23px}.quiz-feedback b{color:var(--ink);font-size:11px}.quiz-feedback p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.5}.quiz-next{margin-top:15px}.quiz-shell header{gap:12px}.quiz-timer{color:var(--cyan);font:700 11px var(--mono);background:#4be0d41f;border:1px solid #5ce9db61;border-radius:99px;margin-left:auto;padding:6px 10px;transition:all .2s}.quiz-timer.is-low{color:#ffb0be;background:#f05c7429;border-color:#f0788b;animation:.8s ease-in-out infinite alternate quiz-timer-pulse}.quiz-feedback{position:relative}.quiz-wow{z-index:2;letter-spacing:1px;animation:1.45s cubic-bezier(.2,.8,.2,1) both quiz-wow-pop;top:-28px;left:50%;transform:translate(-50%)rotate(-7deg);box-shadow:0 12px 26px #27dace57;color:#082943!important;background:linear-gradient(135deg,#fff47a,#66f7e8 55%,#8fb7ff)!important;border-radius:12px!important;padding:8px 15px!important;font:900 25px/1 Manrope,sans-serif!important;position:absolute!important}@keyframes quiz-wow-pop{0%{opacity:0;transform:translate(-50%)scale(.15)rotate(-28deg)}32%{opacity:1;transform:translate(-50%)scale(1.28)rotate(7deg)}65%{transform:translate(-50%)scale(.94)rotate(-3deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}@keyframes quiz-timer-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.quiz-wow{text-shadow:0 2px #fff9;z-index:4!important;letter-spacing:3px!important;border:3px solid #fff!important;border-radius:20px!important;padding:16px 28px!important;font:900 52px/1 Manrope,sans-serif!important;top:-74px!important;box-shadow:0 0 0 8px #fff45b40,0 18px 36px #27dace80!important}.quiz-feedback:has(.quiz-wow){overflow:visible}.game-result{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:330px;margin-top:18px;padding:38px;display:flex}.game-result>span{filter:drop-shadow(0 13px 20px #00000040);font-size:58px}.game-result small{color:var(--cyan);font:8px var(--mono);letter-spacing:1px;text-transform:uppercase;margin-top:10px}.game-result h2{color:var(--ink);margin:6px 0;font-size:50px}.game-result p{color:var(--muted);margin:0 0 21px;font-size:11px}.game-error{background:#4a132a80;border:1px solid #f0789552;border-radius:9px;padding:10px}@keyframes game-orbit{to{transform:rotate(360deg)}}@media (max-width:800px){.game-hero{gap:34px;padding:34px}.game-orbit{width:112px;height:112px}.game-orbit span{border-radius:20px;width:62px;height:62px;font-size:31px}.quiz-content{grid-template-columns:190px minmax(0,1fr)}.quiz-cover{min-height:270px;padding:14px}.quiz-cover img{height:235px}}@media (max-width:680px){.social-heading{flex-direction:column;align-items:flex-start}.live-message-shell{min-height:650px}.user-directory{max-height:122px}.game-hero{flex-direction:column;align-items:flex-start;min-height:390px;padding:27px}.game-orbit{width:82px;height:82px}.game-orbit i{inset:-10px}.game-orbit i:nth-child(2){inset:-22px}.game-orbit span{border-radius:16px;width:48px;height:48px;font-size:25px}.game-hero h1{font-size:39px}.quiz-shell{padding:14px}.quiz-content{grid-template-columns:1fr;gap:22px}.quiz-cover{min-height:210px}.quiz-cover img{height:195px}.quiz-question h2{font-size:20px}}@media (max-width:900px){.reader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.reader-grid,.quiz-book-picker{grid-template-columns:1fr}.quiz-book-picker .primary-button{width:100%}}.quiz-book-picker{display:none!important}.quiz-book-search-picker{gap:8px;max-width:470px;margin:18px 0;display:grid}.quiz-book-search-picker label,.quiz-book-search-picker small{color:var(--muted);font-size:11px}.quiz-book-search-picker input{border:1px solid var(--line);background:var(--panel-strong);width:100%;height:42px;color:var(--ink);border-radius:10px;padding:0 12px;font:12px Manrope,sans-serif}.quiz-book-search-picker .primary-button{justify-self:start}.background-picker{border-bottom:1px solid var(--line);padding:4px 0 17px}.background-picker>div:first-child{margin:0 0 12px!important;display:block!important}.background-picker b{font-size:12px}.background-picker p{color:var(--muted);margin:4px 0 0;font-size:10px}.background-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;display:grid}.background-choice{border:1px solid var(--line);color:#dff;cursor:pointer;background:#071426;border-radius:10px;min-height:82px;padding:0;font:700 8px Manrope,sans-serif;position:relative;overflow:hidden}.background-choice img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.background-choice span{z-index:1;color:#fff;background:#000a;border-radius:4px;padding:3px;position:absolute;bottom:4px;left:4px;right:4px}.background-none{background:#000}.background-choice.is-active{border:2px solid #66f2e4;box-shadow:0 0 0 2px #1a9d9455}@media (max-width:680px){.background-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.quiz-builder{margin-top:1rem;padding:1rem}.quiz-builder-head,.quiz-builder-actions,.saved-quiz-list>button{align-items:center;gap:.75rem;display:flex}.quiz-builder-head{flex-wrap:wrap;justify-content:space-between}.quiz-builder-head small,.saved-quiz-list small{opacity:.78;margin-top:.25rem;display:block}.saved-quiz-list{gap:.5rem;margin-top:1rem;display:grid}.saved-quiz-list>button{text-align:left;border:1px solid var(--line,#fff3);width:100%;color:inherit;background:#ffffff14;border-radius:.8rem;justify-content:flex-start;padding:.7rem .8rem}.saved-quiz-list>button strong{white-space:nowrap;margin-left:auto}.quiz-builder-form{gap:1rem;margin-top:1rem;display:grid}.quiz-builder-form>input,.quiz-builder-form fieldset>input,.quiz-draft-option>input:last-child{box-sizing:border-box;width:100%}.quiz-builder-form fieldset{border:1px solid var(--line,#ffffff40);border-radius:.8rem;gap:.55rem;min-width:0;padding:.85rem;display:grid}.quiz-draft-option{align-items:center;gap:.6rem;display:flex}.quiz-draft-option>input[type=checkbox]{accent-color:#3dd6c6;flex:none;width:1.05rem;height:1.05rem}.quiz-builder-actions{flex-wrap:wrap;justify-content:flex-end}.quiz-draft-status{color:#8cf4e4;margin-right:auto;font-weight:700}.text-button{color:#ff8b9a;cursor:pointer;background:0 0;border:0;justify-self:start}@media (max-width:640px){.quiz-builder{padding:.8rem}.saved-quiz-list>button{flex-wrap:wrap}.saved-quiz-list>button strong{margin-left:0}}.quiz-builder{color:#f4ffff;background:#071926c7;border:1px solid #79f0e16b;border-radius:18px;box-shadow:0 14px 38px #00000038}.quiz-builder-head b,.saved-quiz-list b,.quiz-builder legend{color:#fff;font-weight:800}.quiz-builder-head small,.saved-quiz-list small{color:#b9d9de}.quiz-builder-form>input,.quiz-builder-form fieldset>input,.quiz-draft-option>input:last-child{color:#fff;background:#00121ec7;border:1px solid #97e8e380;border-radius:10px;outline:none;min-height:46px;padding:0 13px;font:600 14px/1.35 Manrope,sans-serif}.quiz-builder-form input::placeholder{color:#a9c8ce;opacity:1}.quiz-builder-form input:focus{border-color:#69f2dc;box-shadow:0 0 0 3px #55e5d233}.quiz-builder-form fieldset{background:#01111c75;border-color:#97e8e359}.quiz-draft-option{background:#ffffff0e;border-radius:11px;padding:5px}.quiz-draft-option:has(input:checked){background:#30d0ae2e;outline:1px solid #69f2dca6}.quiz-draft-option>input[type=checkbox]{appearance:none;cursor:pointer;background:#061b29;border:2px solid #96d9d6;border-radius:6px;width:23px;height:23px;position:relative}.quiz-draft-option>input[type=checkbox]:checked{background:#36cbb5;border-color:#89fff0}.quiz-draft-option>input[type=checkbox]:checked:after{content:"✓";color:#06222b;text-align:center;font-size:18px;font-weight:900;position:absolute;inset:-1px 0 0}.quiz-builder .primary-button,.quiz-builder .ghost-button{border-radius:10px;min-height:42px;padding:0 15px;font-weight:800}.quiz-builder .primary-button{color:#06222b;background:#55e5d2;border:1px solid #a2fff4}.quiz-builder .ghost-button{color:#f5ffff;background:#39b8ae29;border:1px solid #83e8dc}.saved-quiz-list>button{color:#fff;background:#00192894;border-color:#7fecdf66}.saved-quiz-list>button:hover{background:#29bfae38}.saved-quiz-list>button strong{color:#7ff5e5}.profile-activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px;display:grid}.profile-activity-grid>section{border:1px solid var(--line);background:#06192559;border-radius:14px;min-width:0;padding:15px}.profile-activity-grid h3{margin:0 0 10px}.profile-activity-grid article{border-top:1px solid var(--line);align-items:center;gap:9px;padding:8px 0;display:flex}.profile-activity-grid article img{-o-object-fit:cover;object-fit:cover;border-radius:5px;width:32px;height:42px}.profile-activity-grid article span{gap:3px;min-width:0;display:grid}.profile-activity-grid article b,.profile-activity-grid article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-activity-grid article small{color:var(--muted)}.profile-activity-grid p{color:var(--muted);font-size:13px}@media (max-width:880px){.profile-activity-grid{grid-template-columns:1fr}}html[data-theme=light] .quiz-builder{color:#12343a;background:#edfcfaed;border-color:#0a6c677a}html[data-theme=light] .quiz-builder :is(b,small,legend){color:#12343a}html[data-theme=light] .quiz-builder-form>input,html[data-theme=light] .quiz-builder-form fieldset>input,html[data-theme=light] .quiz-draft-option>input:last-child{color:#102f35;background:#fff;border-color:#10716d85}html[data-theme=light] .quiz-builder-form input::placeholder{color:#547278}html[data-theme=light] .quiz-builder-form fieldset,html[data-theme=light] .quiz-draft-option{background:#cdebe7bd}html[data-theme=light] .quiz-builder .ghost-button,html[data-theme=light] .saved-quiz-list>button{color:#12343a;background:#ffffffd1;border-color:#10716d73}.game-hero-copy{min-width:0}.game-hero-copy .quiz-builder{box-sizing:border-box;background:linear-gradient(145deg,#082231c7,#0d3d49a6);border:1px solid #87eee161;border-radius:20px;width:min(760px,100%);margin:24px 0 8px;padding:20px}.quiz-builder-head{align-items:flex-start}.quiz-builder-head>div{min-width:0}.quiz-builder-head b{letter-spacing:.01em;font-size:17px;display:block}.quiz-builder-head small{max-width:520px;font-size:12px;line-height:1.55}.quiz-builder-form{gap:14px}.quiz-builder-form fieldset{border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:16px}.quiz-builder-form legend{grid-column:1/-1;padding:0 5px;font-size:13px}.quiz-builder-form fieldset>input{grid-column:1/-1}.quiz-draft-option{border:1px solid #0000;gap:8px;min-width:0;padding:6px 8px}.quiz-draft-option>input:last-child{min-width:0;height:39px;min-height:39px;padding:0 9px;font-size:13px}.quiz-builder :is(b,small,span,label,legend,button){white-space:normal;overflow-wrap:anywhere;word-break:normal}.saved-quiz-list>button{align-items:flex-start;min-width:0}.saved-quiz-list>button span{overflow-wrap:anywhere;min-width:0}.quiz-builder-actions{border-top:1px solid #9feee433;padding-top:4px}.quiz-builder-actions .primary-button,.quiz-builder-actions .ghost-button{white-space:nowrap}.quiz-builder .text-button{grid-column:1/-1;padding:7px 0;font-weight:700}@media (max-width:620px){.game-hero-copy .quiz-builder{border-radius:16px;padding:14px}.quiz-builder-head{gap:12px;display:grid}.quiz-builder-head .ghost-button{width:100%}.quiz-builder-form fieldset{grid-template-columns:1fr;padding:12px}.quiz-builder-form fieldset>input{grid-column:auto}.quiz-builder-actions{justify-content:stretch}.quiz-builder-actions .primary-button,.quiz-builder-actions .ghost-button{flex:1}.quiz-draft-status{flex-basis:100%}}html[data-theme=light] .game-hero-copy .quiz-builder{background:linear-gradient(145deg,#f8fffef2,#d8f2ede0);border-color:#0d6f6959;box-shadow:0 12px 28px #184d4b1f}.game-hero-copy .quiz-builder:not(:has(.quiz-builder-form)){margin-top:16px;padding:15px 17px}.quiz-builder-head{grid-template-columns:minmax(0,1fr) auto;gap:14px;display:grid}.quiz-builder-head b{font-size:16px}.quiz-builder-head small{opacity:.82;font-size:12px}.quiz-builder-head .ghost-button{white-space:nowrap;align-self:center;min-height:40px;padding:0 15px}.saved-quiz-list{border-top:1px solid #7de1d740;gap:8px;margin-top:13px;padding-top:13px}.saved-quiz-list>b{letter-spacing:.07em;text-transform:uppercase;font-size:11px;color:#81e8dc!important}.saved-quiz-list>button{background:linear-gradient(100deg,#0d424d8a,#2589812e);border:1px solid #63dbcf73;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;min-height:62px;padding:10px 12px;transition:transform .18s,background .18s,border-color .18s;display:grid}.saved-quiz-list>button:hover{background:linear-gradient(100deg,#115c66ba,#31ab9c4d);border-color:#80f1e2;transform:translateY(-2px)}.saved-quiz-list>button span{color:#f7ffff;font-size:16px;font-weight:800}.saved-quiz-list>button small{color:#b6d9dc;grid-column:1;font-size:11px}.saved-quiz-list>button strong{color:#063039;letter-spacing:.02em;background:#65e7d6;border-radius:9px;grid-area:1/2/3;place-items:center;min-width:83px;min-height:35px;margin:0;font-size:12px;display:inline-grid}.quiz-builder .ghost-button{box-shadow:0 5px 13px #00000021}html[data-theme=light] .saved-quiz-list{border-color:#0a666238}html[data-theme=light] .saved-quiz-list>b{color:#17756f!important}html[data-theme=light] .saved-quiz-list>button{background:linear-gradient(100deg,#fffffff5,#d9f6f0d6);border-color:#0d7d765c;box-shadow:0 4px 13px #0f5c561a}html[data-theme=light] .saved-quiz-list>button span{color:#123b40}html[data-theme=light] .saved-quiz-list>button small{color:#4e6d70}@media (max-width:520px){.quiz-builder-head{grid-template-columns:1fr}.quiz-builder-head .ghost-button{width:100%}.saved-quiz-list>button{grid-template-columns:minmax(0,1fr) auto}.saved-quiz-list>button strong{min-width:60px;font-size:11px}}.chat-call-actions{gap:8px;margin-left:auto;display:flex}.chat-call-actions button,.emoji-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;background:#4bdbcd29;border-radius:50%;place-items:center;display:grid}.message-composer,.emoji-picker-wrap{position:relative}.emoji-picker{z-index:8;border:1px solid var(--line);background:#102a3b;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;display:grid;position:absolute;bottom:48px;left:0;box-shadow:0 12px 30px #0007}.emoji-picker button{cursor:pointer;background:0 0;border:0;font-size:20px}.call-overlay{z-index:90;background:#000d17a6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.call-card{text-align:center;width:min(460px,100%);padding:26px}.call-card>span{font-size:45px}.call-card>div:last-child{justify-content:center;gap:10px;margin-top:18px;display:flex}.danger-call,.accept-call{color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 17px;font-weight:800}.danger-call{background:#d85362}.accept-call{background:#26a883}.call-videos{background:#081722;border-radius:14px;min-height:180px;position:relative;overflow:hidden}.call-videos video{background:#081722;width:100%;max-height:300px}.call-videos .local-video{border:1px solid #fff6;border-radius:8px;width:31%;position:absolute;bottom:10px;right:10px}.call-videos .audio-only{display:none}.quiz-builder-head .ghost-button{letter-spacing:.01em;border:1px solid #75f4e1b8;font-weight:900;position:relative;overflow:hidden;box-shadow:0 8px 18px #26c3b040;color:#062e35!important;background:linear-gradient(125deg,#157d7a,#42cdbb)!important}.quiz-builder-head .ghost-button:before{content:"+";background:#ffffffb8;border-radius:50%;place-items:center;width:21px;height:21px;margin-right:7px;font-size:19px;line-height:1;display:inline-grid}.quiz-builder-head .ghost-button:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 12px 24px #26c3b05c}.chat-panel header .chat-call-actions{border:1px solid var(--line);background:#08213047;border-radius:14px;gap:5px;margin-left:auto;padding:4px}.chat-panel header .chat-call-actions button{width:39px;height:39px;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:10px;transition:background .18s,transform .18s,color .18s}.chat-panel header .chat-call-actions button:first-child{color:#35d7b8}.chat-panel header .chat-call-actions button:last-child{color:#8e9dff}.chat-panel header .chat-call-actions button:hover{background:#ffffff21;border-color:#ffffff3d;transform:translateY(-1px)}.chat-panel header .chat-call-actions button:first-child:hover{background:#35d7b82b}.chat-panel header .chat-call-actions button:last-child:hover{background:#8e9dff2b}html[data-theme=light] .chat-panel header .chat-call-actions{background:#ffffff9e;border-color:#1164643b}html[data-theme=light] .chat-panel header .chat-call-actions button:hover{background:#2fb5a91f;border-color:#11646447}.chat-panel header>.chat-call-actions{justify-content:center;align-items:center;flex-direction:row!important;flex:none!important;width:auto!important;min-width:0!important;margin-left:auto!important;display:flex!important}.chat-panel header>button[aria-label=Options]{display:none!important}.group-create{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:18px;margin:18px 0;padding:19px;display:grid}.group-create>div{gap:5px;display:grid}.group-create b{color:var(--ink);font-size:17px}.group-create small{color:var(--muted);font-size:12px}.group-create form{grid-template-columns:1fr 1fr auto auto;gap:9px;display:grid}.group-create input{border:1px solid var(--line);background:var(--panel-strong);min-width:0;height:42px;color:var(--ink);border-radius:11px;padding:0 12px;font:600 13px Manrope,sans-serif}.group-avatar-field{min-width:0;height:42px;color:var(--ink);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:1px dashed #68eadb8c;border-radius:11px;align-items:center;gap:7px;padding:0 11px;font-size:12px;display:flex;overflow:hidden}.group-avatar-field input{display:none}.group-create .primary-button{white-space:nowrap;min-height:42px}.group-chat-shell{grid-template-columns:280px minmax(0,1fr);min-height:560px;display:grid;overflow:hidden}.group-list{border-right:1px solid var(--line);padding:13px;overflow:auto}.group-row{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:11px;margin:6px 0;padding:10px;display:flex}.group-row:hover,.group-row.is-active{background:#49d8c721;border-color:#5ae5d542}.group-row img,.group-row>span{color:#fff;-o-object-fit:cover;object-fit:cover;background:linear-gradient(135deg,#287f91,#44cfb9);border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.group-row div{gap:3px;min-width:0;display:grid}.group-row b,.group-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-row small{color:var(--muted);font-size:11px}.group-conversation{flex-direction:column;min-width:0;min-height:0;display:flex}.group-conversation header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 16px;display:flex}.group-conversation header img{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:40px;height:40px}.group-conversation header div{gap:3px;min-width:0;display:grid}.group-conversation header small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.group-messages{flex-direction:column;flex:1;gap:10px;min-height:360px;padding:18px;display:flex;overflow:auto}.group-bubble{border:1px solid var(--line);max-width:min(78%,560px);color:var(--ink);background:#1137466b;border-radius:5px 14px 14px;align-self:flex-start;gap:4px;padding:10px 12px;display:grid}.group-bubble b{color:var(--cyan);font-size:11px}.group-bubble span{font-size:13px;line-height:1.45}.group-bubble time{color:var(--muted);text-align:right;font-size:10px}.telegram-call-card{color:#f5ffff;background:linear-gradient(160deg,#102d42,#132638 60%,#0c1b2a);border:1px solid #97f2ea4d;width:min(480px,100%);padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000073}.telegram-call-card .call-avatar{color:#fff;background:linear-gradient(135deg,#24aab1,#6888ee);border:2px solid #aefff7b3;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 13px;font-size:26px;font-weight:900;display:grid;box-shadow:0 0 0 8px #46d7ca1f}.telegram-call-card h2{color:#fff;margin:0;font-size:22px}.telegram-call-card>p,.telegram-call-heading p{color:#c2d8df;margin:6px 0 0;font-size:13px}.telegram-call-actions{justify-content:center;gap:30px;margin-top:22px;display:flex}.telegram-call-actions button{border-radius:50%;place-items:center;gap:6px;width:70px;height:70px;padding:0;font-weight:800;display:grid}.telegram-call-actions button small{font:600 10px Manrope,sans-serif}.telegram-call-actions .danger-call{background:#e25e69}.telegram-call-actions .accept-call{background:#35ba87}.telegram-call-card.is-video-call{width:min(720px,100%);padding:12px}.telegram-call-card .call-videos{background:#050c14;border-radius:16px;min-height:280px}.telegram-call-card .call-videos video{-o-object-fit:cover;object-fit:cover;width:100%;height:min(52vh,420px);max-height:none;display:block}.telegram-call-card .call-videos .local-video{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;border:2px solid #fff9;border-radius:13px;width:27%;height:auto;bottom:13px;right:13px}.telegram-call-card .call-videos .audio-only{opacity:.01;pointer-events:none;width:1px;height:1px;position:absolute}.telegram-call-heading{z-index:1;text-align:center;margin:13px 8px 3px;position:relative}.telegram-call-heading .call-avatar,.telegram-call-card.is-audio-call .call-videos{display:none}.telegram-call-card.is-audio-call .telegram-call-heading{padding-top:18px}.telegram-call-card.is-audio-call .telegram-call-heading .call-avatar{display:grid}.call-book-button{color:#ecffff;cursor:pointer;background:#3ecebf26;border:1px solid #95f2ea80;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin:12px auto 0;padding:10px 15px;font-weight:800;display:flex}.call-book-bar{color:#8af5e4;text-align:left;background:#010f1b9e;border:1px solid #97f4e84d;border-radius:11px;align-items:center;gap:9px;margin:11px 8px 0;padding:10px 12px;display:flex}.call-book-bar span{gap:2px;min-width:0;display:grid}.call-book-bar b,.call-book-bar small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-book-bar small{color:#c5e2e7;font-size:11px}.call-book-picker{z-index:4;text-align:left;background:#0b2639;border:1px solid #87f2e475;border-radius:15px;gap:5px;max-height:275px;padding:11px;display:grid;position:absolute;bottom:92px;left:14px;right:14px;overflow:auto;box-shadow:0 18px 40px #0009}.call-book-picker>div{color:#fff;justify-content:space-between;padding:3px 4px 8px;display:flex}.call-book-picker>div button{color:#fff;cursor:pointer;background:0 0;border:0}.call-book-picker>button{color:#efffff;text-align:left;cursor:pointer;background:#ffffff14;border:0;border-radius:9px;align-items:center;gap:8px;padding:9px;display:flex}.call-book-picker>button:hover{background:#59dfce3b}.call-book-picker span{gap:2px;min-width:0;display:grid}.call-book-picker small{color:#bad7dc;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}@media (max-width:760px){.group-create,.group-create form,.group-chat-shell{grid-template-columns:1fr}.group-list{border-right:0;border-bottom:1px solid var(--line);max-height:180px}.group-messages{min-height:320px}.telegram-call-card.is-video-call .call-videos{min-height:240px}.telegram-call-actions{gap:24px}.group-bubble{max-width:90%}}.room-create{margin:18px 0;padding:16px}.room-create form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;display:grid}.room-create select,.room-create input,.room-comment-form input,.room-comment-form textarea{border:1px solid var(--line);background:var(--panel-strong);min-width:0;color:var(--ink);border-radius:11px;font:600 13px Manrope,sans-serif}.room-create select,.room-create input{height:43px;padding:0 12px}.reading-room-shell{grid-template-columns:290px minmax(0,1fr);min-height:570px;display:grid;overflow:hidden}.room-list{border-right:1px solid var(--line);padding:13px;overflow:auto}.room-row{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:10px;margin:6px 0;padding:9px;display:flex}.room-row:hover,.room-row.is-active{background:#40cfbd21;border-color:#67ebdc59}.room-row img,.room-row>span{color:#bffff8;-o-object-fit:cover;object-fit:cover;background:#125b67;border-radius:8px;flex:none;place-items:center;width:40px;height:52px;display:grid}.room-row div{gap:4px;min-width:0;display:grid}.room-row b,.room-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-row small{color:var(--muted);font-size:10px}.room-live{flex-direction:column;min-width:0;display:flex}.room-live>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:19px;display:flex}.room-live h2{margin:4px 0;font-size:22px}.room-live header p{color:var(--muted);margin:0;font-size:12px}.room-progress{color:var(--cyan);background:#33bdb01a;border:1px solid #67ebdc4d;border-radius:15px;align-items:center;gap:11px;margin:16px;padding:14px;display:flex}.room-progress div{flex:1;gap:3px;min-width:0;display:grid}.room-progress b{color:var(--ink);font-size:13px}.room-progress span{color:var(--muted);font-size:11px}.room-progress input{border:1px solid var(--line);background:var(--panel-strong);width:58px;height:34px;color:var(--ink);text-align:center;border-radius:8px}.room-progress button{color:#062d35;cursor:pointer;background:#4ed9c6;border:0;border-radius:8px;height:34px;font-weight:800}.room-comments{flex:1;gap:9px;min-height:200px;padding:0 18px 15px;display:grid;overflow:auto}.room-comments>b{color:var(--ink);font-size:14px}.room-comments article{border-left:3px solid var(--cyan);background:#051d2c40;border-radius:0 11px 11px 0;padding:10px 12px}.room-comments q{color:var(--cyan);font-size:11px}.room-comments p{color:var(--ink);margin:6px 0;font-size:13px;line-height:1.45}.room-comments small{color:var(--muted);font-size:10px}.room-comment-form{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:8px;padding:14px;display:grid}.room-comment-form input{grid-column:1/-1;height:38px;padding:0 11px}.room-comment-form textarea{resize:vertical;min-height:52px;padding:9px 11px}.room-comment-form .primary-button{align-self:end;min-height:52px}@media (max-width:760px){.room-create form,.reading-room-shell{grid-template-columns:1fr}.room-list{border-right:0;border-bottom:1px solid var(--line);gap:7px;max-height:112px;display:flex;overflow-x:auto}.room-list .conversation-title{display:none}.room-row{min-width:160px;margin:0}.room-live>header{padding:14px}.room-progress{margin:11px}.room-comment-form{grid-template-columns:1fr}.room-comment-form .primary-button{width:100%}}.plan-create{margin:18px 0;padding:16px}.plan-create form{grid-template-columns:minmax(170px,.8fr) minmax(240px,1.4fr) 110px auto;gap:10px;display:grid}.plan-create select,.plan-create input{border:1px solid var(--line);background:var(--panel-strong);min-width:0;height:43px;color:var(--ink);border-radius:11px;padding:0 12px;font:600 13px Manrope,sans-serif}.plan-grid{gap:14px;display:grid}.study-plan-card{gap:17px;padding:16px;display:flex}.study-plan-card>img{-o-object-fit:cover;object-fit:cover;border-radius:10px;width:92px;height:130px}.plan-copy{flex:1;min-width:0;display:grid}.plan-copy h2{color:var(--ink);margin:5px 0;font-size:18px}.plan-copy p{color:var(--muted);margin:0;font-size:12px}.plan-meter{background:#59919d3b;border-radius:99px;height:9px;margin:14px 0 22px;position:relative;overflow:hidden}.plan-meter i{border-radius:inherit;background:linear-gradient(90deg,#48e1cc,#85a5ff);height:100%;display:block}.plan-meter span{color:var(--muted);font-size:10px;position:absolute;top:15px;left:0}.plan-actions{flex-wrap:wrap;gap:6px;display:flex}.plan-actions .soft-button{padding:8px}.plan-actions .primary-button{min-height:36px;padding:0 11px;font-size:11px}.plan-empty{text-align:center;place-items:center;min-height:250px;padding:24px;display:grid}.plan-empty svg{color:var(--cyan)}.plan-empty h2{margin:10px 0 4px}.plan-empty p{color:var(--muted);margin:0}@media (max-width:760px){.plan-create form{grid-template-columns:1fr}.study-plan-card{padding:14px}.study-plan-card>img{width:68px;height:98px}.plan-actions{grid-template-columns:1fr 1fr;display:grid}.plan-actions .primary-button{grid-column:1/-1;width:100%}}
@media (min-width:681px){html{background:#020812}body{background:radial-gradient(circle at 12% 15%,#143b4d 0,#0000 28%),radial-gradient(circle at 83% 83%,#211841 0,#0000 34%),#020812;min-height:100vh}body:before,body:after{content:"";z-index:-5;pointer-events:none;position:fixed}body:before{filter:blur(58px);background:conic-gradient(from 120deg,#0000 0deg,#34f0ef24 60deg,#0000 118deg,#a060ff24 190deg,#0000 260deg);animation:26s ease-in-out infinite alternate reference-aurora;inset:-35vmax}body:after{background:repeating-radial-gradient(at 50% 100%,#0000 0 21px,#69ecec14 22px 23px,#0000 24px 48px);border:1px solid #70efeb29;border-radius:50%;width:84vw;height:63vh;animation:18s ease-in-out infinite reference-grid;bottom:-30vh;right:-16vw;transform:perspective(750px)rotateX(63deg)rotate(-9deg);box-shadow:0 0 80px #2bdfe224}.archive-app{background:linear-gradient(115deg,#03101de6,#081627ba 51%,#110a2bc9),url(/static/images/cybernetic-neon-background-v2.png) 50%/cover fixed;border:1px solid #94eff780;border-radius:34px;grid-template-columns:222px minmax(0,1fr);width:calc(100% - 28px);min-height:calc(100vh - 28px);margin:14px;overflow:hidden;box-shadow:0 34px 90px #00000085,0 0 0 1px #adffff12,inset 0 1px #e9ffff2b}.archive-app:before{background:radial-gradient(circle at 45% 43%,#2af7f126,#0000 19%),radial-gradient(circle at 91% 78%,#9c4bff33,#0000 30%),linear-gradient(132deg,#9dfffd14,#0000 18% 74%,#d181ff14)}.archive-app:after{content:"";z-index:-1;border:1px solid #5bf2ed30;border-radius:50%;width:720px;height:420px;animation:16s ease-in-out infinite reference-orbit;position:absolute;top:90px;right:-140px;transform:rotate(-12deg);box-shadow:0 0 64px #34ede821,inset 0 0 55px #49e7e50f}.ambient-one{filter:blur(20px);background:radial-gradient(circle,#4cfef52e,#249ebe0f 37%,#0000 68%);width:510px;height:510px;top:3%;left:29%}.ambient-two{background:radial-gradient(circle,#b95fff33,#5440de0f 43%,#0000 70%);width:580px;height:420px;bottom:-8%;right:-3%}.grain{opacity:.09;mix-blend-mode:screen}.sidebar{-webkit-backdrop-filter:blur(30px)saturate(1.16);backdrop-filter:blur(30px)saturate(1.16);background:linear-gradient(165deg,#80dcee4f,#1952685e 24%,#071932b3 59%,#0b0f32b8);border:0;border-right:1px solid #b4fbff61;border-radius:0 31px 31px 0;min-height:calc(100vh - 30px);padding:25px 14px 17px;box-shadow:22px 0 47px #0000002e,inset 1px 0 #e1ffff21,inset -1px 0 #68f6f133}.sidebar:before{content:"";pointer-events:none;background:linear-gradient(128deg,#ebffff54,#0000 36% 69%,#6afff717);width:160%;height:45%;position:absolute;top:-14%;left:-55%;transform:rotate(-8deg)}.sidebar:after{opacity:.82;background:linear-gradient(#ffffff1c,#0000 17% 76%,#8b52ff21)}.brand{color:#d9f9fc;gap:10px;margin:2px 7px 31px;font-size:9px}.brand-mark{background:linear-gradient(145deg,#94f5f78a,#265d7fc7 53%,#502b82cc);border-radius:14px;width:40px;height:40px;box-shadow:0 0 25px #5bf5f17a,inset 0 1px #ffffff75}.sidebar nav{gap:7px}.nav-button{color:#a7c8d6;border-radius:16px;gap:11px;min-height:44px;padding:0 10px}.nav-button svg{background:#020f1f7a;border:1px solid #a6edf22e;border-radius:50%;width:27px;height:27px;padding:6px;box-shadow:inset 0 1px #daffff1a}.nav-button span{font-size:11px}.nav-button:hover{background:#97f8f51a;border-color:#a0fbf64a;transform:translate(2px)}.nav-button.is-active{background:linear-gradient(90deg,#53f7ef57,#3fbed01f);border-color:#74fff68f;box-shadow:inset 2px 0 #9afff8,0 0 24px #50f0eb30}.nav-button.is-active svg{color:#083046;background:linear-gradient(145deg,#7ef7ef,#62d7e9);border-color:#95fff6;box-shadow:0 0 15px #59fbf285}.profile-button{background:linear-gradient(145deg,#4fbbcb3d,#0a21448c);border-radius:17px;box-shadow:inset 0 1px #e0ffff21}.profile-button:hover,.profile-button.is-active{background:linear-gradient(145deg,#63e5e052,#1640689e);box-shadow:0 0 23px #58efe82b}.nav-collapse{padding-top:15px}.nav-compact{grid-template-columns:78px minmax(0,1fr)}.nav-compact .sidebar{padding-left:11px;padding-right:11px}.nav-compact .nav-button{border-radius:15px}.nav-compact .nav-button svg{width:31px;height:31px;padding:7px}.app-main{padding:21px 38px 44px}.topbar{min-height:49px}.top-search{background:#08182b75;border-radius:99px;width:min(390px,41vw);box-shadow:inset 0 1px #e0ffff1f,0 9px 25px #0000001a}.top-search input{height:39px}.language-select,.bell-button,.login-button{background:#081b327a;border-radius:13px;box-shadow:inset 0 1px #e1ffff17}.panel{-webkit-backdrop-filter:blur(20px)saturate(1.12);backdrop-filter:blur(20px)saturate(1.12);background:linear-gradient(145deg,#34708a45,#081a3694 59%,#130c3480);border-color:#92e5f63d;box-shadow:0 25px 60px #0000003d,inset 0 1px #e2ffff21}.hero-panel{background:linear-gradient(102deg,#041225c2,#0a23367a 51%,#24104459),url(/static/images/cybernetic-neon-background-v2.png) 50%/cover;border-color:#88faf55e;border-radius:29px;min-height:500px;box-shadow:0 28px 72px #0000004d,inset 0 1px #ddffff2e}.hero-panel:after{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#68fff8bd,#0000);width:74%;height:2px;position:absolute;top:17%;right:-20%;transform:rotate(-5deg);box-shadow:0 0 21px #63f9ef}.hero-shelf{filter:drop-shadow(0 0 23px #52faf130)}.shelf-book-main{border-color:#a0fff6;box-shadow:0 0 0 5px #68f8f21f,0 0 49px #38edeb8c,0 25px 44px #00000075}.shelf-book-side{opacity:.78}.hero-orbit-a{border-color:#6dfff791;box-shadow:0 0 39px #46faf047,inset 0 0 32px #5df0ee1a}}@keyframes reference-aurora{0%{transform:translate(-5%,-3%)rotate(-11deg)scale(1)}to{transform:translate(6%,5%)rotate(13deg)scale(1.12)}}@keyframes reference-grid{0%,to{transform:perspective(750px)rotateX(63deg)rotate(-9deg)translate(0,0)}50%{transform:perspective(750px)rotateX(65deg)rotate(-4deg)translate(-4%,3%)}}@keyframes reference-orbit{0%,to{transform:rotate(-12deg)translate(0,0)}50%{transform:rotate(-5deg)translate(-32px,20px)}}@media (prefers-reduced-motion:reduce){body:before,body:after,.archive-app:after{animation:none!important}}@media (min-width:681px){.archive-app{background:linear-gradient(115deg,#03101dab,#0816277d 51%,#110a2b8a),url(/static/images/cybernetic-neon-background-v2.png) 50%/cover fixed}.sidebar{-webkit-backdrop-filter:blur(27px)saturate(1.2);backdrop-filter:blur(27px)saturate(1.2);background:linear-gradient(165deg,#89e4ef33,#19526833 24%,#0719326e 59%,#0b0f3275)}.panel,.collection-card,.timeline-entry,.circle-card,.alert-row,.setting-panel,.message-shell,.profile-form,.profile-summary{-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);background:linear-gradient(145deg,#6ecadc1f,#081a3633 59%,#26124b2b)}.hero-panel,.library-hero{background:linear-gradient(102deg,#0412256e,#0a233640 51%,#24104430),url(/static/images/cybernetic-neon-background-v2.png) 50%/cover}.top-search,.language-select,.bell-button,.login-button,.profile-button,.top-avatar,.wide-search,.sort-select,.filter-chip,.cover-button,.save-button,.round-save{-webkit-backdrop-filter:blur(14px)saturate(1.18);backdrop-filter:blur(14px)saturate(1.18);background-color:#081a3242!important}.mini-stat,.continue-panel,.book-modal,.auth-modal{background:linear-gradient(145deg,#64cedc21,#07163445)}body:before{filter:blur(30px);opacity:.7;will-change:transform;animation-duration:42s}body:after{will-change:transform;animation-duration:30s}.archive-app{background-attachment:scroll}.archive-app:after,.ambient-one,.ambient-two{will-change:transform;animation-duration:30s}.ambient{filter:none;opacity:.72}.grain{display:none}.sidebar{-webkit-backdrop-filter:blur(12px)saturate(1.08);backdrop-filter:blur(12px)saturate(1.08)}.panel,.collection-card,.timeline-entry,.circle-card,.alert-row,.setting-panel,.message-shell,.profile-form,.profile-summary,.hero-panel,.library-hero,.top-search,.language-select,.bell-button,.login-button,.profile-button,.top-avatar,.wide-search,.sort-select,.filter-chip,.cover-button,.save-button,.round-save,.mini-stat,.continue-panel,.book-modal,.auth-modal{-webkit-backdrop-filter:none;backdrop-filter:none}.hero-panel,.library-hero{background-attachment:scroll}.sidebar{-webkit-backdrop-filter:blur(13px)saturate(1.1);backdrop-filter:blur(13px)saturate(1.1);background:linear-gradient(158deg,#b3f8fa33,#40a2b521 22%,#071c384a 58%,#2b15503b);border:1px solid #b3fcff73;border-radius:29px;align-self:stretch;min-height:0;margin:5px 0 5px 5px;padding:23px 13px 16px;overflow:hidden;box-shadow:14px 20px 45px #00000038,inset 0 1px #ffffff61,inset -1px 0 #6dfff83d}.sidebar:before{opacity:.82;height:42%;top:-10%;left:-67%}.sidebar:after{border-radius:29px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#70f4ee6b transparent;min-height:0;padding-right:2px;overflow-y:auto}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:#6df5ee73;border-radius:99px}.nav-button{border-radius:14px;min-height:42px;padding:0 9px;position:relative}.nav-button:after{content:"";background:0 0;border-radius:50%;width:4px;height:4px;transition:all .2s;position:absolute;right:9px}.nav-button.is-active:after{background:#a0fff7;box-shadow:0 0 9px #75fff5}.nav-button svg{width:26px;height:26px}.sidebar-bottom{padding-top:11px}.profile-button{background:linear-gradient(140deg,#7bebeb30,#0a264d42);border-color:#a6f7f64d;min-height:50px}.nav-collapse{padding:12px 8px 0}.nav-compact .sidebar{margin-left:5px;padding-left:9px;padding-right:9px}.nav-compact .sidebar nav{overflow:visible}.nav-compact .nav-button{padding:0}.nav-compact .nav-button:after{right:3px}}@media (min-width:681px) and (max-width:940px){.archive-app,.nav-compact{grid-template-columns:82px minmax(0,1fr)}.sidebar{border-radius:25px;margin:5px 0 5px 5px;padding:18px 9px 13px}.sidebar .brand{justify-content:center;margin:0 0 26px;padding:0}.sidebar .brand>span:last-child,.sidebar .nav-button span,.sidebar .profile-button>span:nth-child(2),.sidebar .profile-button>svg,.sidebar .nav-collapse span{display:none}.sidebar .nav-button,.sidebar .profile-button,.sidebar .nav-collapse{justify-content:center}.sidebar .nav-button{padding:0}.sidebar .profile-button{padding:8px}.sidebar .nav-collapse{padding-left:0;padding-right:0}.sidebar .nav-button:after{right:2px}}@media (min-width:681px){.archive-app{background:linear-gradient(115deg,#020f1c78,#07142552 52%,#12082a61),url(/static/images/cybernetic-neon-background-v2.png) 50%/cover}.panel,.message-shell,.game-hero,.quiz-shell,.profile-dashboard,.profile-form,.profile-summary,.setting-panel,.circle-card,.collection-card,.alert-row{background:linear-gradient(142deg,#9fecf217,#05183124 55%,#4d25701a);border-color:#aff3f745;box-shadow:0 22px 55px #0003,inset 0 1px #f7ffff2e}.app-main:before{content:"";z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle,#0000 0 23px,#69f2ed0f 24px 25px);border:1px solid #66f6ef2e;border-radius:50%;width:38vw;max-width:570px;height:38vw;max-height:570px;animation:26s ease-in-out infinite main-depth-ring;position:fixed;bottom:10vh;right:4vw;transform:perspective(900px)rotateX(68deg)rotate(-15deg)}.book-card{perspective:850px}.book-card .cover-button{transform-origin:0;transform:translateZ(0)rotateY(-1deg)}.book-card:nth-child(2n) .cover-button{transform-origin:100%;transform:translateZ(0)rotateY(1deg)}.book-card .cover-button:hover{transform:translateY(-6px)translateZ(18px)rotateY(0)}}@keyframes main-depth-ring{0%,to{transform:perspective(900px)rotateX(68deg)rotate(-15deg)translate(0,0)}50%{transform:perspective(900px)rotateX(65deg)rotate(-9deg)translate(-18px,12px)}}@media (min-width:681px){.archive-app{overflow:clip}.sidebar{align-self:start;width:calc(100% - 5px);height:calc(100vh - 38px);min-height:0;max-height:calc(100vh - 38px);position:sticky;top:5px}.sidebar nav{flex:1;min-height:0;overflow-y:auto}.sidebar-bottom{flex:none;margin-top:10px}}
#book-add-overlay .book-add-dialog[hidden]{display:none!important}.book-add-dialog{z-index:32;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020615a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.book-add-dialog form{color:#eaffff;background:#0a1740;border:1px solid #72e9e6a3;border-radius:20px;width:min(100%,590px);max-height:90vh;padding:27px;position:relative;overflow:auto;box-shadow:0 25px 70px #000a}.book-add-dialog small{color:#77f3ed;letter-spacing:1px;font:9px DM Mono,monospace}.book-add-dialog h2{margin:7px 0;font-size:27px}.book-add-dialog p{color:#9bb0c9;margin:0 0 18px;font-size:11px}.book-add-dialog label{color:#b4cce0;letter-spacing:.5px;flex-direction:column;gap:5px;margin:0 0 10px;font:9px DM Mono,monospace;display:flex}.book-add-dialog input,.book-add-dialog textarea{color:#fff;background:#061538;border:1px solid #73b9d144;border-radius:9px;width:100%;padding:10px;font:12px Manrope,sans-serif}.book-add-dialog textarea{resize:vertical;min-height:65px}.book-add-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.book-add-close{color:#cffffc;cursor:pointer;background:#102654;border:1px solid #73b9d144;border-radius:8px;width:32px;height:32px;font-size:23px;line-height:1;position:absolute;top:14px;right:14px}.book-add-close:hover{background:#17376e;border-color:#81fff4}.book-add-submit{color:#062039;cursor:pointer;background:#5ce8e5;border:0;border-radius:10px;width:100%;margin-top:5px;padding:12px;font-weight:800}.book-add-dialog output{color:#91ffe3;min-height:16px;margin-bottom:7px;font-size:10px;display:block}.profile-add-book{color:#061b37;cursor:pointer;background:linear-gradient(135deg,#47deda,#778ff0);border:1px solid #65ece2a6;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:18px;padding:11px 13px;font:800 11px Manrope,sans-serif;display:inline-flex;box-shadow:0 10px 22px #30e6dd33}.profile-add-book:hover{filter:brightness(1.08)}.profile-dashboard{grid-column:1/-1;margin-top:4px;padding:24px}.profile-dashboard-heading,.profile-book-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.profile-dashboard-heading h2{color:#efffff;margin:5px 0 0;font-size:24px}.profile-dashboard-heading>span,.profile-book-heading>span{color:#89a5c2;font:10px DM Mono,monospace}.profile-stat-grid{grid-template-columns:repeat(6,1fr);gap:9px;margin:20px 0;display:grid}.profile-stat-grid div{background:#071a3a8a;border:1px solid #4b729248;border-radius:11px;min-width:0;padding:13px 10px}.profile-stat-grid b{color:#79f4ec;font-size:20px;display:block}.profile-stat-grid span{color:#95aec7;text-transform:uppercase;margin-top:4px;font:9px DM Mono,monospace;display:block}.profile-book-heading{margin:5px 0 11px}.profile-book-heading h3{color:#dffcff;margin:0;font-size:15px}.profile-book-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-book-card{background:#061633a1;border:1px solid #4b729248;border-radius:12px;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.profile-book-card img{-o-object-fit:cover;object-fit:cover;background:#142954;border-radius:7px;width:48px;height:64px}.profile-book-card span{color:#75ede6;text-transform:uppercase;font:8px DM Mono,monospace}.profile-book-card h3{color:#ecffff;text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:12px;overflow:hidden}.profile-book-card p,.profile-book-card small{color:#9bb1ca;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;display:block;overflow:hidden}.profile-book-card small{margin-top:5px;font-size:8px}.profile-delete-book{color:#ffb7c8;cursor:pointer;background:#3c153080;border:1px solid #f3799680;border-radius:7px;padding:7px 8px;font:800 9px Manrope,sans-serif}.profile-delete-book:disabled{opacity:.5;cursor:wait}.profile-empty-books,.dashboard-loading,.dashboard-error{color:#a8c0d8;border:1px dashed #537ca06b;border-radius:11px;padding:18px}.profile-empty-books b{color:#e9ffff}.profile-empty-books p{margin:5px 0 0;font-size:11px}.dashboard-error{color:#ffb8c5}@media (max-width:860px){.profile-stat-grid{grid-template-columns:repeat(3,1fr)}.profile-book-list{grid-template-columns:1fr}}@media (max-width:680px){.book-add-dialog form{padding:22px}.book-add-pair{grid-template-columns:1fr}.profile-dashboard{padding:17px}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.profile-dashboard-heading,.profile-book-heading{flex-direction:column;align-items:flex-start;gap:5px}}