.navbar-menu{position:relative;z-index:3600;background:transparent;contain:layout style}.hamburger-btn{width:42px;height:42px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,#0f172aeb,#020617fa);color:#f8fafcf5;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5px;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:0 12px 30px #00000057,inset 0 1px #ffffff0d;transform:translateZ(0);backface-visibility:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hamburger-btn:hover{transform:translate3d(0,-2px,0) scale(1.02);background:linear-gradient(180deg,#1e293bf5,#020617);border-color:#ffffff1f;box-shadow:0 18px 40px #0000006b,inset 0 1px #ffffff0f}.hamburger-btn:active{transform:translateZ(0) scale(.97)}.hamburger-line{width:17px;height:2px;border-radius:999px;background:#f8fafcf5;display:block;transition:transform .18s ease,opacity .18s ease,width .18s ease,background .18s ease;transform-origin:center;transform:translateZ(0);box-shadow:0 0 12px #ffffff2e}.hamburger-btn.is-open .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0;width:0}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-backdrop{position:fixed;inset:0;z-index:3100;pointer-events:auto;border:0;background:radial-gradient(circle at 82% 78%,rgba(34,211,238,.08),transparent 32%),#00030a75;backdrop-filter:blur(7px) saturate(130%);-webkit-backdrop-filter:blur(7px) saturate(130%);contain:layout style;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:fadeInBackdrop .14s ease forwards;transition:opacity .14s ease}.menu-backdrop.closing{opacity:0}.menu-panel{position:fixed;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));right:16px;z-index:2147483646;width:min(236px,calc(100vw - 28px));max-height:calc(100dvh - 104px - env(safe-area-inset-bottom));overflow-y:auto;padding:9px;border-radius:28px;background:linear-gradient(180deg,#0f172ae6,#020617fa);border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 70px #00000080,inset 0 1px #ffffff0a;backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);contain:layout paint;display:flex;flex-direction:column;gap:6px;transform:translate3d(0,12px,0) scale(.98);opacity:0;animation:slideInMenu .18s cubic-bezier(.22,1,.36,1) forwards;-webkit-overflow-scrolling:touch;touch-action:pan-y;will-change:transform,opacity;overflow-x:hidden;pointer-events:auto;overscroll-behavior:contain;isolation:isolate}.menu-panel.closing{animation:slideOutMenu .16s ease forwards}.menu-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 4px 8px;contain:layout}.menu-header span{display:block;margin-bottom:3px;color:#94a3b8b8;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.menu-header h3{margin:0;color:#f8fafcf5;font-size:1.05rem;line-height:1.05;letter-spacing:-.04em}.menu-close-btn,.close-btn,.menu-header button{width:34px;height:34px;border:0;border-radius:999px;background:#0f172ac7;color:#f8fafce6;cursor:pointer;display:none;place-items:center;transition:transform .16s ease,background .16s ease,color .16s ease;transform:translateZ(0);backface-visibility:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.menu-close-btn:hover,.close-btn:hover,.menu-header button:hover{background:#1e293be6;color:#fff}.menu-close-btn:active,.close-btn:active,.menu-header button:active{transform:translateZ(0) scale(.94)}.menu-section{display:grid;gap:5px;padding:7px 0;border-top:1px solid rgba(255,255,255,.05);contain:layout}.menu-section:first-of-type:before{content:"Explore";margin:0 2px 2px;color:#94a3b894;font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.menu-section a,.menu-link-btn{width:100%;min-height:43px;box-sizing:border-box;border-radius:17px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#e2e8f0eb;text-decoration:none;font:inherit;font-size:.86rem;font-weight:760;letter-spacing:-.02em;text-align:left;background:transparent;border:1px solid transparent;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden;position:relative;overflow:hidden;isolation:isolate;-webkit-tap-highlight-color:transparent}.menu-section a:after,.menu-link-btn:after{content:"";display:none}.menu-section a:hover,.menu-link-btn:hover{background:#ffffff0d;border-color:#ffffff0f;color:#fff;transform:translate(-1px)}.menu-section a:active,.menu-link-btn:active{transform:translateZ(0) scale(.985)}.menu-section a.active{background:#ffffff12;color:#fff;border-color:#ffffff14}.menu-icon-link{display:flex;align-items:center;justify-content:space-between}.menu-link-left{display:inline-flex;align-items:center;gap:11px;min-width:0}.menu-link-left svg{flex-shrink:0;opacity:.92;color:#e2e8f0eb;filter:drop-shadow(0 0 10px rgba(255,255,255,.08))}.menu-link-left span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-section a.active .menu-link-left svg,.menu-section a:hover .menu-link-left svg,.menu-link-btn:hover .menu-link-left svg{color:#fff;opacity:1}.menu-footer{margin-top:auto;padding-top:12px;border-top:1px solid rgba(148,163,184,.08);contain:layout}.logout-pill,.login-pill{width:100%;min-height:44px;border-radius:18px;display:grid;place-items:center;text-decoration:none;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease;transform:translateZ(0);backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.logout-pill{border:1px solid rgba(148,163,184,.1);background:#0f172ac2;color:#e2e8f0e6}.login-pill{border:0;background:#f8fafceb;color:#020617}.logout-pill:hover{background:#1e293be6;border-color:#94a3b82e}.logout-pill:active,.login-pill:active{transform:translateZ(0) scale(.985)}.menu-panel::-webkit-scrollbar{width:5px}.menu-panel::-webkit-scrollbar-thumb{background:#94a3b82e;border-radius:999px}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes slideInMenu{0%{transform:translate3d(0,18px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes slideOutMenu{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,18px,0);opacity:0}}@keyframes slideInMenuMobile{0%{transform:translate3d(100%,0,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes slideOutMenuMobile{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(100%,0,0);opacity:0}}@media (max-width: 560px){.hamburger-btn{width:40px;height:40px;border-radius:14px;background:#020617b8;border:1px solid rgba(148,163,184,.12);box-shadow:0 10px 24px #0003}.menu-panel{top:auto;right:12px;left:auto;position:fixed;bottom:calc(74px + env(safe-area-inset-bottom));width:min(248px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 104px - env(safe-area-inset-bottom));border-radius:26px;padding:10px;gap:6px;transform:translate3d(0,12px,0) scale(.98);animation:slideInMenu .18s cubic-bezier(.22,1,.36,1) forwards;background:linear-gradient(180deg,#0f172aeb,#020617fa);border:1px solid rgba(255,255,255,.07);box-shadow:0 24px 60px #00000070,inset 0 1px #ffffff0a;backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);pointer-events:auto;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.menu-panel.closing{animation:slideOutMenu .16s ease forwards}.menu-header{padding:2px 2px 12px;border-bottom:1px solid rgba(148,163,184,.08)}.menu-header h3{font-size:1.22rem}.menu-section{gap:7px;padding:10px 0}.menu-section a,.menu-link-btn{min-height:44px;border-radius:14px;padding:0 13px;font-size:.94rem;background:#0f172aa3;border:1px solid rgba(148,163,184,.08);box-shadow:inset 0 1px #ffffff06;transition-duration:.01ms!important}.menu-close-btn,.close-btn,.menu-header button{display:grid}.logout-pill,.login-pill{min-height:44px;font-size:.92rem}}@media (prefers-reduced-motion: reduce){.menu-backdrop,.menu-panel,.menu-panel.closing{animation:none!important}.hamburger-btn,.hamburger-line,.menu-close-btn,.close-btn,.menu-header button,.menu-section a,.menu-link-btn,.logout-pill,.login-pill{transition-duration:.01ms!important}}.room-invite-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.16),transparent 34%),radial-gradient(circle at 90% 15%,rgba(168,85,247,.14),transparent 32%),linear-gradient(180deg,#020617,#050816);color:#f8fafc}.room-invite-card{width:min(100%,390px);padding:22px;border:1px solid rgba(148,163,184,.16);border-radius:28px;background:#080d1cc7;box-shadow:0 24px 80px #00000073;backdrop-filter:blur(18px);text-align:center}.room-invite-cover{width:82px;height:82px;margin:0 auto 16px;border-radius:26px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#22d3ee40,#22c55e38);box-shadow:0 0 35px #22d3ee2e}.room-invite-cover img{width:100%;height:100%;object-fit:cover}.room-invite-cover span{font-size:34px;font-weight:900;color:#e0f2fe}.room-invite-kicker{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#67e8f9}.room-invite-card h1{margin:0 0 8px;font-size:30px;line-height:1;font-weight:900;letter-spacing:-.04em}.room-invite-card p{margin:8px 0;color:#cbd5e1;font-size:14px;line-height:1.45}.room-invite-meta{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:#94a3b81a;color:#e2e8f0!important;font-size:12px!important;font-weight:700}.room-invite-note{padding:12px 14px;border-radius:18px;background:#0f172ab8;border:1px solid rgba(148,163,184,.12)}.room-invite-error,.room-invite-status{padding:10px 12px;border-radius:16px;font-weight:700}.room-invite-error{color:#fecaca!important;background:#ef44441f;border:1px solid rgba(239,68,68,.22)}.room-invite-status{color:#bbf7d0!important;background:#22c55e1f;border:1px solid rgba(34,197,94,.22)}.room-invite-card button{width:100%;min-height:48px;border:0;border-radius:999px;font-weight:900;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.room-invite-card button:hover:not(:disabled){transform:translateY(-1px)}.room-invite-card button:disabled{opacity:.55;cursor:not-allowed}.room-invite-join-btn{margin-top:14px;color:#021014;background:linear-gradient(135deg,#67e8f9,#22c55e);box-shadow:0 14px 36px #22c55e3d}.room-invite-secondary-btn{margin-top:10px;color:#e2e8f0;background:#94a3b81a;border:1px solid rgba(148,163,184,.14)!important}@media (max-width: 480px){.room-invite-page{padding:92px 18px 18px;align-items:start}.room-invite-card{padding:20px;border-radius:24px}.room-invite-card h1{font-size:28px}}.books-page{width:100%;min-height:calc(100vh - 72px);margin:0;padding:24px clamp(16px,3vw,48px) 64px;color:#f8fafc;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.105),transparent 34%),radial-gradient(circle at 88% 10%,rgba(34,197,94,.065),transparent 32%),radial-gradient(circle at 54% 96%,rgba(139,92,246,.065),transparent 36%),linear-gradient(180deg,#020817,#020617 48%,#00040d);overflow-x:hidden;position:relative;isolation:isolate;contain:layout style}.books-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;will-change:transform;background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.055),transparent 28%),radial-gradient(circle at 84% 10%,rgba(34,197,94,.04),transparent 26%),radial-gradient(circle at 56% 88%,rgba(139,92,246,.045),transparent 32%),linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,auto,auto,56px 56px,56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%)}.books-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:24px;contain:layout}.books-hero>div:first-child,.books-hero-card,.books-card,.books-quick-strip button{background:radial-gradient(circle at top,rgba(56,189,248,.065),transparent 44%),linear-gradient(145deg,#0c1222db,#020617ad);border:1px solid rgba(255,255,255,.105);box-shadow:0 14px 34px #00000040,inset 0 1px #ffffff13;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.books-hero>div:first-child{min-height:360px;padding:clamp(24px,4vw,44px);border-radius:30px;display:flex;flex-direction:column;justify-content:center;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content;position:relative;overflow:hidden}.books-hero>div:first-child:after{content:"";position:absolute;width:280px;height:280px;right:-90px;bottom:-110px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.085),transparent 70%);opacity:.72;pointer-events:none}.books-hero>div:first-child:hover,.books-hero-card:hover,.books-card:hover,.books-quick-strip button:hover{transform:translate3d(0,-1px,0);border-color:#7dd3fc3d;box-shadow:0 18px 40px #0000004d,0 0 20px #38bdf812}.books-pill{width:fit-content;display:inline-flex;align-items:center;margin-bottom:14px;padding:7px 12px;border-radius:999px;background:#38bdf813;color:#dbeafeeb;border:1px solid rgba(103,232,249,.13);text-shadow:none;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.books-hero h1{max-width:760px;margin:0;color:#f8fafc;font-size:clamp(2.5rem,5vw,4.6rem);line-height:.96;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 18px 42px rgba(0,0,0,.42)}.books-hero p{max-width:640px;margin:16px 0 0;color:#e2e8f0bd;font-size:.96rem;line-height:1.7;font-weight:650}.books-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;contain:layout}.books-actions button,.books-empty-state button{min-height:42px;padding:0 16px;border:1px solid rgba(125,211,252,.3);border-radius:999px;color:#fff;background:linear-gradient(180deg,#38bdf82e,#38bdf80d),linear-gradient(145deg,#0f172afa,#020617d6);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #38bdf81f,0 10px 25px #0000004d,0 0 0 1px #38bdf80d,0 0 16px #38bdf80e;font-size:.84rem;font-weight:900;letter-spacing:.01em;text-shadow:0 1px 10px rgba(0,0,0,.32);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease;transform:translateZ(0);backface-visibility:hidden;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}.books-actions button:hover,.books-empty-state button:hover{transform:translate3d(0,-1px,0);border-color:#7dd3fc6b;box-shadow:0 18px 40px #0000004d,0 0 20px #38bdf812}.books-actions button:active,.books-empty-state button:active,.books-discover-actions button:active{transform:translateZ(0) scale(.985);border-color:#7dd3fc66}.books-actions .secondary{color:#e2e8f0;border-color:#94a3b842;background:linear-gradient(145deg,#080d19eb,#020617c7);box-shadow:inset 0 1px #ffffff12,0 9px 22px #00000042}.books-hero-card{min-height:300px;padding:24px;border-radius:30px;display:flex;flex-direction:column;justify-content:center;gap:12px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content;position:relative;overflow:hidden}.books-hero-card:after{content:"";position:absolute;inset:auto -40px -60px auto;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(34,197,94,.05),transparent 70%);opacity:.7;pointer-events:none}.book-glow{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#38bdf817,#0f172abd);box-shadow:inset 0 1px #ffffff17,0 0 16px #38bdf80f;transform:translateZ(0);contain:content;font-size:1.8rem}.books-hero-card h3{margin:0;color:#f8fafc;font-size:1.35rem;line-height:1.05;letter-spacing:-.04em;text-shadow:0 10px 24px rgba(0,0,0,.34)}.books-hero-card p{margin:0;color:#e2e8f0b3;font-size:.9rem;line-height:1.55}.books-stat-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:8px;contain:layout}.books-stat-row div{padding:12px;border-radius:16px;background:#0c1222b8;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0f;contain:content}.books-stat-row strong{display:block;color:#f8fafc;font-size:1.25rem;line-height:1}.books-stat-row span{display:block;margin-top:5px;color:#e2e8f09e;font-size:.72rem;font-weight:800}.books-quick-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;contain:layout}.books-quick-strip button{min-height:82px;padding:15px;border-radius:20px;cursor:pointer;text-align:left;color:#f8fafc;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content;position:relative;overflow:hidden}.books-quick-strip button span{display:block;margin-bottom:5px;color:#e2e8f0a3;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.books-quick-strip button strong{display:block;color:#f8fafc;font-size:.9rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.books-quick-strip button:after{content:"→";position:absolute;right:14px;bottom:12px;color:#7dd3fc8c;font-size:1.1rem;transition:transform .16s ease,color .16s ease}.books-quick-strip button:hover:after{transform:translate3d(2px,0,0);color:#f8fafc}.books-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;contain:layout}.books-card{min-height:280px;padding:20px;border-radius:24px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content;position:relative;overflow:hidden}.books-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(56,189,248,.055),transparent 40%);opacity:0;transition:opacity .16s ease;pointer-events:none}.books-card:hover:before{opacity:1}.books-card>span{display:inline-flex;margin-bottom:10px;color:#7dd3fcd1;text-shadow:none;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.books-card h2{margin:0 0 14px;color:#f8fafc;font-size:1.45rem;line-height:1;letter-spacing:-.045em;text-shadow:0 10px 24px rgba(0,0,0,.34)}.books-card p{color:#e2e8f0b3;line-height:1.55}.mini-book-list{display:grid;gap:10px;contain:layout}.mini-book-list button{width:100%;min-height:84px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.095);border-radius:18px;background:linear-gradient(145deg,#0c1222d6,#020617a3);color:#f8fafc;cursor:pointer;text-align:left;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;box-shadow:0 10px 22px #0003,inset 0 1px #ffffff0e;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.mini-book-list button:after{content:"›";color:#e2e8f06b;font-size:1.35rem;transition:transform .16s ease,color .16s ease}.mini-book-list button:hover{transform:translate3d(0,-1px,0);background:#080d19e6;border-color:#7dd3fc38;box-shadow:0 12px 26px #00000038}.mini-book-list button:hover:after{transform:translate3d(2px,0,0);color:#f8fafc}.mini-cover{width:44px;height:62px;border-radius:9px;display:grid;place-items:center;overflow:hidden;flex-shrink:0;background:linear-gradient(145deg,#334155f2,#0f172af2);box-shadow:0 8px 18px #0000003d,0 0 0 1px #ffffff12;contain:paint}.mini-cover:before{content:"📖";grid-area:1 / 1;color:#e2e8f099;font-size:1.05rem}.mini-cover img{width:100%;height:100%;grid-area:1 / 1;display:block;object-fit:cover;transform:translateZ(0);backface-visibility:hidden}.mini-book-info{min-width:0;display:grid;gap:5px}.mini-book-info strong{color:#f8fafc;font-size:.9rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-book-info small{color:#e2e8f09e;font-size:.74rem;font-weight:800}.book-progress-track{width:100%;height:5px;border-radius:999px;overflow:hidden;background:#ffffff12;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 8px #00000052;contain:paint}.book-progress-track span,.book-progress-track>span{display:block;min-width:6px;height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8db,#22c55ec7);box-shadow:0 0 10px #22c55e1f;transition:width .16s ease}.books-empty-state{padding:18px;border-radius:18px;display:grid;gap:8px;background:#0c1222b8;border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px #0003,inset 0 1px #ffffff0e;contain:content}.books-empty-state strong{color:#f8fafc;font-size:.98rem}.books-empty-state p{margin:0;color:#e2e8f0b3;font-size:.88rem}.books-empty-state button{width:fit-content;margin-top:4px}@media (max-width: 900px){.books-page{padding:12px 10px 56px}.books-hero,.books-grid{grid-template-columns:1fr}.books-hero>div:first-child,.books-hero-card{min-height:auto;border-radius:24px}.books-quick-strip{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;contain:layout;scrollbar-width:none}.books-quick-strip::-webkit-scrollbar{display:none}.books-quick-strip button{min-width:220px;scroll-snap-align:start}.mini-book-list{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;contain:layout;scrollbar-width:none}.mini-book-list::-webkit-scrollbar{display:none}.mini-book-list button{min-width:270px;scroll-snap-align:start}}@media (max-width: 480px){.books-hero h1{font-size:clamp(2.15rem,12vw,3rem)}.books-actions{display:grid;grid-template-columns:1fr 1fr}.books-actions button{width:100%}}.books-page>*{width:100%}@media (min-width: 900px) and (prefers-reduced-motion: no-preference){.books-page:before{animation:booksAmbientMove 18s ease-in-out infinite alternate}.book-glow{animation:none}}@keyframes booksAmbientMove{0%{transform:translate3d(-1%,-1%,0)}to{transform:translate3d(1%,1%,0)}}@keyframes bookIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.books-discover-panel{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;align-items:center;margin:18px 0 26px;padding:clamp(20px,3vw,28px);border-radius:28px;border:1px solid rgba(255,255,255,.105);background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.105),transparent 37%),radial-gradient(circle at 100% 16%,rgba(34,197,94,.065),transparent 32%),linear-gradient(145deg,#0c1222db,#020617ad);box-shadow:0 14px 32px #0000003d,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);contain:content}.books-discover-copy h2{margin:10px 0 6px;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.05;letter-spacing:-.045em;color:#f8fafc;text-wrap:balance;text-shadow:0 16px 36px rgba(0,0,0,.42)}.books-discover-copy p{margin:0;color:#e2e8f0b8;font-size:.95rem;line-height:1.65;font-weight:600}.books-discover-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end;contain:layout}.books-discover-actions button{width:100%;max-width:220px;min-height:44px;border:1px solid rgba(125,211,252,.3);border-radius:999px;padding:0 16px;font-size:.85rem;font-weight:900;letter-spacing:.01em;text-shadow:0 1px 10px rgba(0,0,0,.32);cursor:pointer;color:#fff;background:linear-gradient(180deg,#38bdf82e,#38bdf80d),linear-gradient(145deg,#0f172afa,#020617d6);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #38bdf81f,0 10px 25px #0000004d,0 0 0 1px #38bdf80d,0 0 16px #38bdf80e;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;transform:translateZ(0);backface-visibility:hidden;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}.books-discover-actions button:hover{transform:translate3d(0,-1px,0);border-color:#7dd3fc6b;box-shadow:0 18px 40px #0000004d,0 0 20px #38bdf812}.books-discover-actions .secondary{background:linear-gradient(145deg,#080d19eb,#020617c7);color:#e2e8f0;border-color:#94a3b842;box-shadow:inset 0 1px #ffffff12,0 9px 22px #00000042}.books-discover-actions .secondary:hover{background:linear-gradient(145deg,#0f172afa,#020617e0)}@media (max-width: 900px){.books-discover-panel{grid-template-columns:1fr;gap:16px}.books-discover-actions{flex-direction:row;justify-content:stretch}.books-discover-actions button{flex:1;max-width:none}}@media (max-width: 480px){.books-discover-actions{flex-direction:column}}@supports (content-visibility: auto){.books-card,.mini-book-list button,.books-quick-strip button,.books-discover-panel{content-visibility:auto;contain-intrinsic-size:220px 260px}}@media (max-width: 900px),(prefers-reduced-motion: reduce){.books-page:before,.book-glow{animation:none!important}.books-hero>div:first-child,.books-hero-card,.books-card,.books-quick-strip button,.mini-book-list button,.books-actions button,.books-empty-state button,.books-discover-actions button{transition-duration:.01ms!important}}.quiz-page{min-height:100vh;padding:58px 6vw 64px;background:radial-gradient(circle at 8% 18%,rgba(56,189,248,.2),transparent 32%),radial-gradient(circle at 92% 22%,rgba(139,92,246,.14),transparent 30%),radial-gradient(circle at 55% 100%,rgba(20,184,166,.1),transparent 34%),#030712;color:#fff;position:relative;overflow-x:hidden;contain:layout style}.quiz-page-back{width:fit-content;margin:0 0 16px;display:inline-flex;align-items:center;gap:6px}.quiz-page-back .arrow{display:inline-block;transition:transform .16s ease;transform:translateZ(0);backface-visibility:hidden}.quiz-page-back:hover .arrow{transform:translate3d(-3px,0,0) scale(1.04)}.quiz-page-back:active .arrow{transform:translate3d(-4px,0,0) scale(1.04)}.streak-card{position:relative}.brain-game{animation:gameEnter .28s ease both}@keyframes gameEnter{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.brain-game:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,#38bdf859,#a855f740,#22c55e33);opacity:.25;filter:blur(8px);z-index:-1;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.18}50%{opacity:.38}}.decision-btn{animation:buttonRise .22s ease both}.decision-btn:nth-child(1){animation-delay:.05s}.decision-btn:nth-child(2){animation-delay:.1s}.decision-btn:nth-child(3){animation-delay:.15s}@keyframes buttonRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.decision-btn.selected{animation:selectedPulse .22s ease both}@keyframes selectedPulse{0%{transform:scale(1)}55%{transform:scale(1.025)}to{transform:scale(1)}}.candle{animation:candleGrow .28s ease both;transform-origin:bottom}.candle:nth-child(1){animation-delay:.05s}.candle:nth-child(2){animation-delay:.12s}.candle:nth-child(3){animation-delay:.19s}.candle:nth-child(4){animation-delay:.26s}.candle:nth-child(5){animation-delay:.33s}.candle:nth-child(6){animation-delay:.4s}@keyframes candleGrow{0%{opacity:0;transform:scaleY(.25) translateY(18px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.trade-feedback,.survival-feedback{animation:feedbackPop .24s ease both}@keyframes feedbackPop{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.game-main-btn{position:relative;overflow:hidden}.game-main-btn:after{content:"";position:absolute;top:0;left:-120%;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-20deg)}.game-main-btn:hover:after{animation:shineSweep .5s ease}@keyframes shineSweep{to{left:140%}}.xp-orb{animation:xpBurst 1s ease both}.survival-timer{display:flex;justify-content:space-between;align-items:center;margin:10px 0;padding:12px 14px;border-radius:16px;background:#f871711f;border:1px solid rgba(248,113,113,.25)}.survival-timer span{font-weight:800;font-size:.85rem;color:#ffffffb3}.survival-timer strong{color:#fecaca;font-size:1.1rem}@keyframes xpBurst{0%{opacity:0;transform:translateY(16px) scale(.8)}25%{opacity:1;transform:translateY(0) scale(1.08)}to{opacity:0;transform:translateY(-34px) scale(1)}}.survival-status-row{display:flex;justify-content:space-between;gap:12px}.survival-pill{padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:900;color:#bfdbfe;background:#3b82f61f;border:1px solid rgba(147,197,253,.18)}.brain-game{width:min(100%,720px);margin:0 auto;padding:26px;border-radius:28px;background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 35%),radial-gradient(circle at right,rgba(168,85,247,.12),transparent 35%),#0206178c;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #00000059;contain:content;transform:translateZ(0)}.game-kicker{font-size:.7rem;letter-spacing:.12em;color:#ffffff8c;margin-bottom:6px}.brain-game h2{font-size:1.8rem;margin:0 0 8px;color:#fff}.game-hint{margin-bottom:20px;color:#ffffffb8;line-height:1.5}.decision-row{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.decision-btn{flex:1;min-width:110px;padding:14px;border-radius:16px;font-weight:900;letter-spacing:.05em;background:#ffffff0f;color:#ffffffbf;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease;transform:translateZ(0);backface-visibility:hidden}.decision-btn:hover{transform:translate3d(0,-1px,0);background:#ffffff1f}.decision-btn.selected{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;border:none;box-shadow:0 10px 30px #38bdf866}.game-main-btn{margin-top:20px;width:100%;padding:14px;border-radius:18px;font-weight:900;letter-spacing:.05em;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;transform:translateZ(0);backface-visibility:hidden}.game-main-btn:disabled{opacity:.5;cursor:not-allowed}.game-main-btn:hover:not(:disabled){transform:translate3d(0,-1px,0);box-shadow:0 12px 30px #22c55e66}.brain-game>div:first-child{display:flex;justify-content:space-between;align-items:center}@media (max-width: 600px){.brain-game{padding:18px}.brain-game h2{font-size:1.4rem}.decision-row{flex-direction:column}}.survival-card{padding:18px;border-radius:24px;background:radial-gradient(circle at top right,rgba(34,197,94,.12),transparent 35%),#0206176b;border:1px solid rgba(255,255,255,.1)}.survival-card h3{margin:0 0 8px;color:#fff}.survival-card p{margin:0;color:#ffffffb8;line-height:1.55}.survival-feedback{padding:13px 14px;border-radius:18px;font-size:.9rem;line-height:1.5;background:#ffffff0f;color:#ffffffc2}.survival-feedback.win{background:#22c55e1f;border:1px solid rgba(34,197,94,.22)}.survival-feedback.lose{background:#f871711a;border:1px solid rgba(248,113,113,.2)}@media (max-width: 700px){.survival-status-row{flex-direction:column}}.streak-card:after{content:"";position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(135deg,orange,red);opacity:.15;filter:blur(12px);z-index:-1}.streak-flame{font-size:1.8rem;animation:flameFlicker 2.4s infinite ease-in-out;transform-origin:center}@keyframes flameFlicker{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-2deg)}50%{transform:scale(.95) rotate(2deg)}75%{transform:scale(1.1) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.progress-dashboard{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.quiz-top-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.top-left{display:flex;align-items:center}.profile-mini-btn{border:none;background:#ffffff0f;backdrop-filter:blur(4px);color:#fff;font-size:1.2rem;border-radius:10px;width:40px;height:40px;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden}.profile-mini-btn:hover{background:#8b5cf640;transform:translateZ(0) scale(1.04)}.profile-mini-btn:active{transform:translateZ(0) scale(.96)}.hero-actions{margin-top:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-btn{padding:10px 18px;border-radius:14px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:700;font-size:.9rem;letter-spacing:.02em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;transform:translateZ(0);backface-visibility:hidden;box-shadow:0 10px 24px #6366f159}.xp-orb{position:fixed;bottom:80px;right:30px;padding:10px 16px;border-radius:999px;font-weight:700;font-size:.9rem;color:#fff;background:linear-gradient(135deg,#22c55e,#4ade80);box-shadow:0 10px 30px #22c55e80;animation:xpFloat 1.8s ease forwards;z-index:999;contain:content;transform:translateZ(0)}@keyframes xpFloat{0%{transform:translateY(0) scale(.9);opacity:0}20%{opacity:1;transform:translateY(-10px) scale(1)}to{transform:translateY(-80px) scale(1.05);opacity:0}}.profile-btn:hover{transform:translate3d(0,-1px,0) scale(1.01);box-shadow:0 16px 32px #8b5cf673}.profile-btn:active{transform:translateZ(0) scale(.98)}.profile-mini-btn:hover{box-shadow:0 0 10px #8b5cf699}.profile-btn,.profile-mini-btn{will-change:transform}.analytics-card{padding:24px;border-radius:28px;background:#0f172ab8;border:1px solid rgba(255,255,255,.11);color:#fff}.unlock-section{margin-top:34px}.unlock-section h2{margin:0 0 18px;color:#fff;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.04em}.unlock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.unlock-card{position:relative;overflow:hidden;min-height:230px;padding:22px;border-radius:28px;color:#fff;background:radial-gradient(circle at top right,rgba(147,197,253,.13),transparent 34%),linear-gradient(145deg,#0f172aeb,#0f172a9e);border:1px solid rgba(255,255,255,.11);box-shadow:0 22px 65px #00000047;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease;transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.unlock-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 45%);opacity:.45}.unlock-card>*{position:relative}.unlock-card:hover{transform:translate3d(0,-2px,0);border-color:#93c5fd5c}.unlock-card span{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;margin-bottom:18px;font-size:1.9rem;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.unlock-card h3{margin:0 0 10px;font-size:1.12rem;letter-spacing:-.02em}.unlock-card p{min-height:66px;margin:0;color:#ffffffa8;line-height:1.55;font-size:.94rem}.mistake-topic-block{margin-top:18px}.mistake-topic-block>h4{margin:0 0 12px;color:#fff;text-transform:capitalize}.mistake-review-card{margin-top:14px;padding:18px;border-radius:22px;background:#0f172ac7;border:1px solid rgba(248,113,113,.22)}.mistake-label{display:inline-flex;margin-bottom:10px;padding:5px 10px;border-radius:999px;color:#fecaca;background:#f871711f;font-size:.72rem;font-weight:900}.mistake-review-card h4{margin:0 0 14px;color:#fff;line-height:1.45}.mistake-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.mistake-answer-grid div{padding:12px;border-radius:16px;background:#ffffff0f}.mistake-answer-grid span{display:block;margin-bottom:6px;color:#ffffff8c;font-size:.78rem}.mistake-answer-grid strong{color:#fff}.mistake-explanation{padding:14px;border-radius:18px;background:#3b82f61a;border:1px solid rgba(147,197,253,.16)}.mistake-explanation strong{color:#bfdbfe}.mistake-explanation p,.mistake-tip{color:#ffffffb8;line-height:1.6}@media (max-width: 700px){.mistake-answer-grid{grid-template-columns:1fr}}.unlock-card strong{display:inline-flex;align-items:center;width:fit-content;margin-top:16px;padding:7px 11px;border-radius:999px;color:#bfdbfe;background:#93c5fd1a;border:1px solid rgba(147,197,253,.18);font-size:.78rem;font-weight:950}.unlock-card.unlocked{border-color:#22c55e61;box-shadow:0 24px 70px #22c55e1f}.unlock-card.unlocked:after{content:"UNLOCKED";position:absolute;top:18px;right:-34px;width:130px;padding:5px 0;text-align:center;transform:rotate(35deg);background:linear-gradient(135deg,#22c55e,#14b8a6);color:#fff;font-size:.62rem;font-weight:950;letter-spacing:.08em;box-shadow:0 10px 28px #22c55e47}.unlock-card.locked{opacity:.58;filter:grayscale(.35)}.unlock-card.locked:hover{transform:none;border-color:#ffffff1c}.unlock-action-btn{width:100%;margin-top:16px;padding:12px 16px;border:0;border-radius:999px;color:#fff;font-weight:950;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);box-shadow:0 14px 32px #38bdf82e;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden}.unlock-action-btn:hover:not(:disabled){transform:translate3d(0,-1px,0);box-shadow:0 18px 42px #8b5cf647}.legend-mode .quiz-page{background:radial-gradient(circle at 10% 20%,rgba(236,72,153,.2),transparent 34%),radial-gradient(circle at 90% 10%,rgba(139,92,246,.24),transparent 34%),radial-gradient(circle at 50% 100%,rgba(56,189,248,.15),transparent 36%),#020617}.quiz-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(28px,5vw,56px);align-items:center;margin-bottom:40px;padding-top:0}.quiz-kicker{margin:0 0 16px;color:#93c5fd;font-weight:950;letter-spacing:.22em;font-size:.78rem}.quiz-hero h1{max-width:980px;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.94;letter-spacing:-.08em;margin:0 0 26px}.quiz-hero p{max-width:780px;color:#ffffffb3;line-height:1.78;font-size:1.02rem;margin:0}.streak-card,.topic-card,.question-card,.result-card{border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#0f172adb,#0f172a94);backdrop-filter:blur(8px);box-shadow:0 24px 70px #00000057;border-radius:28px;contain:content}.streak-card{padding:26px;align-self:center;transform:translateY(8px)}.streak-card-top,.topic-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.streak-icon,.topic-emoji{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);font-size:1.8rem;line-height:1}.achievement-toast{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;gap:12px;align-items:center;max-width:340px;padding:16px;border-radius:20px;background:#0f172af0;border:1px solid rgba(147,197,253,.25);box-shadow:0 24px 80px #00000073;contain:content}.achievement-toast span{font-size:2rem}.achievement-toast strong{color:#fff}.achievement-toast p{margin:4px 0 0;color:#ffffffad}.streak-icon{animation:bounceFire 3s infinite}.streak-mini-stats,.topic-mini-stats{width:164px;display:grid;gap:9px}.level-badge{justify-self:end;width:fit-content;border-radius:999px;padding:7px 12px;background:linear-gradient(135deg,#38bdf833,#8b5cf633);border:1px solid rgba(147,197,253,.22);color:#fffffff0;font-size:.72rem;font-weight:950;letter-spacing:.05em;box-shadow:inset 0 0 18px #ffffff0d}.mini-bar-group{width:100%}.mini-bar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;color:#ffffff9e;font-size:.68rem;font-weight:850}.mini-bar-row strong{color:#ffffffe6;font-size:.68rem;font-weight:950}.streak-game-card h3{margin:22px 0 8px;font-size:1.12rem;letter-spacing:-.02em}.streak-game-card p{margin:0;color:#ffffffa8;line-height:1.55;font-size:.92rem}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.2vw,28px);contain:layout}.topic-card{position:relative;overflow:hidden;text-align:left;color:#fff;padding:clamp(22px,2.2vw,30px);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;transform:translateZ(0);backface-visibility:hidden}.topic-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 36%);opacity:.7}.topic-card>*{position:relative}.topic-card:hover{transform:translate3d(0,-2px,0);border-color:#93c5fd7a}.topic-card.blue:hover,.topic-card.cyan:hover{box-shadow:0 30px 90px #38bdf82e}.topic-card.purple:hover,.topic-card.pink:hover{box-shadow:0 30px 90px #a855f729}.topic-card.green:hover{box-shadow:0 30px 90px #22c55e24}.topic-card.orange:hover{box-shadow:0 30px 90px #f9731624}.topic-card h3{margin:32px 0 10px;font-size:1.24rem;letter-spacing:-.02em}.topic-card p{min-height:52px;margin:0;color:#ffffffa8;line-height:1.55;font-size:.94rem}.topic-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.topic-meta small,.question-meta span{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:7px 11px;background:#ffffff13;border:1px solid rgba(255,255,255,.1);color:#ffffffc7;font-size:.74rem;font-weight:850}.topic-card>strong{display:inline-flex;color:#93c5fd;font-size:.88rem;font-weight:950}.question-card,.result-card{max-width:920px;margin:0 auto;padding:34px;transform:translateZ(0)}.quiz-top-row,.result-actions{display:flex;justify-content:space-between;gap:14px;align-items:center}.back-btn,.secondary-btn{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:12px 18px;cursor:pointer}.question-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.question-card h2{font-size:clamp(1.4rem,4vw,2.5rem);line-height:1.2}.option-list{display:grid;gap:12px;margin:26px 0}.option-btn{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:#fff;text-align:left;cursor:pointer;font-weight:800;transition:background .16s ease,border-color .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden}.option-btn:hover,.option-btn.selected{background:#38bdf838;border-color:#93c5fdb3}.option-btn:hover{transform:translate3d(0,-1px,0)}.submit-answer-btn,.result-actions button{border:0;border-radius:999px;padding:15px 22px;font-weight:900;color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#8b5cf6);transition:transform .16s ease,opacity .16s ease;transform:translateZ(0);backface-visibility:hidden}.submit-answer-btn:disabled{opacity:.45;cursor:not-allowed}.submit-answer-btn:hover:not(:disabled),.result-actions button:hover{transform:translate3d(0,-1px,0)}.result-card{text-align:center}.result-animation{font-size:5rem;animation:popIn .38s ease,floatPrize 3.5s infinite ease-in-out}.result-card h1{font-size:clamp(2.2rem,5vw,4rem);margin:14px 0}.result-card p{color:#ffffffbd;line-height:1.7}.score-ring{width:150px;height:150px;border-radius:50%;margin:22px auto;display:grid;place-items:center;background:radial-gradient(circle,rgba(15,23,42,.95) 58%,transparent 59%),conic-gradient(from 180deg,#38bdf8,#8b5cf6,#22c55e,#38bdf8);box-shadow:0 24px 70px #38bdf838}.score-ring span{display:block;font-size:2.1rem;font-weight:950}.score-ring small{display:block;color:#ffffffb8;font-weight:900}.progress-insight{margin-top:24px;padding:22px;border-radius:24px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);animation:slideUp .28s ease;contain:content}.progress-insight h3{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;contain:layout}.stat-grid div{padding:15px;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.1)}.stat-grid span{display:block;color:#fff9;font-size:.78rem;font-weight:800}.stat-grid strong{display:block;margin-top:6px;font-size:1.12rem}.review-panel{margin-top:24px;text-align:left}.review-panel h3{text-align:center}.review-item{display:grid;grid-template-columns:1fr auto;gap:14px;padding:16px;border-radius:20px;margin-top:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);contain:content}.review-item.correct{border-color:#22c55e6b}.review-item.wrong{border-color:#f871716b}.review-item p{margin:8px 0}.review-item small{color:#ffffffa3;line-height:1.6}.save-error{color:#fecaca!important;font-weight:900}.result-actions{justify-content:center;margin-top:26px}.result-card.win{box-shadow:0 30px 100px #22c55e2e}.result-card.lose{box-shadow:0 30px 100px #f9731629}@keyframes popIn{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes floatPrize{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceFire{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1050px){.quiz-hero{grid-template-columns:1fr;padding-top:0;gap:28px}.streak-card{max-width:420px}.topic-grid,.unlock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.quiz-page{padding:28px 18px 40px}.quiz-hero{padding-top:0;gap:24px;margin-bottom:28px}.quiz-hero h1{font-size:clamp(2.35rem,13vw,4rem)}.topic-grid{grid-template-columns:1fr}.question-card,.result-card{padding:24px}.quiz-top-row,.result-actions{flex-direction:column;align-items:stretch}.stat-grid{grid-template-columns:1fr 1fr}.question-meta{flex-direction:column}.unlock-grid{grid-template-columns:1fr}.unlock-card{min-height:auto}.quiz-page-back{margin-bottom:14px}}@supports (content-visibility: auto){.topic-card,.unlock-card,.review-item,.question-card,.result-card{content-visibility:auto;contain-intrinsic-size:1px 320px}}@media (max-width: 760px),(prefers-reduced-motion: reduce){.brain-game,.brain-game:before,.decision-btn,.decision-btn.selected,.candle,.trade-feedback,.survival-feedback,.game-main-btn:hover:after,.xp-orb,.streak-flame,.streak-icon,.result-animation,.progress-insight{animation:none!important}.brain-game:before{display:none}.topic-card,.unlock-card,.decision-btn,.game-main-btn,.profile-btn,.profile-mini-btn,.option-btn,.submit-answer-btn,.result-actions button{transition-duration:.01ms!important}}.xp-burst-layer{position:fixed;inset:0;z-index:99999;pointer-events:none}.xp-orb{position:fixed;left:50%;bottom:120px;transform:translate(-50%);min-width:120px;padding:12px 20px;border-radius:999px;text-align:center;color:#fff;background:linear-gradient(135deg,#22c55e,#38bdf8,#8b5cf6);box-shadow:0 12px 32px #22c55e6b,0 0 42px #38bdf859;animation:xpOrbPop 1.85s ease forwards}.xp-orb span{display:block;font-size:1rem;font-weight:950}.xp-orb strong{display:block;margin-top:3px;font-size:.68rem;font-weight:950;letter-spacing:.14em;color:#ecfeff}.xp-orb:before{content:"";position:absolute;inset:-16px;border-radius:inherit;background:radial-gradient(circle,rgba(56,189,248,.42),transparent 68%);animation:xpRing 1.2s ease-out forwards}.xp-particles{position:fixed;left:50%;bottom:145px;width:1px;height:1px}.xp-particle{position:absolute;width:7px;height:7px;border-radius:999px;background:#facc15;box-shadow:0 0 16px #facc15cc;animation:xpParticle 1s ease-out forwards;animation-delay:var(--d)}.xp-particle:nth-child(3n){background:#38bdf8;box-shadow:0 0 16px #38bdf8cc}.xp-particle:nth-child(4n){background:#22c55e;box-shadow:0 0 16px #22c55ecc}.xp-fly-dot{position:fixed;left:50%;bottom:135px;width:14px;height:14px;border-radius:999px;background:#a7f3d0;box-shadow:0 0 18px #22c55ee6,0 0 34px #38bdf8a6;animation:xpFlyToBar 1.45s cubic-bezier(.2,.9,.2,1) forwards}@keyframes xpOrbPop{0%{opacity:0;transform:translate(-50%,28px) scale(.55)}14%{opacity:1;transform:translate(-50%) scale(1.16)}38%{transform:translate(-50%,-16px) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-76px) scale(.84)}}@keyframes xpRing{0%{opacity:.8;transform:scale(.75)}to{opacity:0;transform:scale(1.45)}}@keyframes xpParticle{0%{opacity:0;transform:translate(0) scale(.5)}18%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) scale(.1)}}@keyframes xpFlyToBar{0%{opacity:0;transform:translate(-50%,12px) scale(.6)}20%{opacity:1;transform:translate(-50%,-10px) scale(1)}to{opacity:0;transform:translate(calc(-50% + 110px),-58vh) scale(.25)}}.quiz-page.progress-page{min-height:calc(100vh - 72px);padding:2rem clamp(16px,4vw,56px) 4rem;color:#f8fafc;overflow-x:hidden;contain:layout style;isolation:isolate;position:relative;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.075),transparent 36%),radial-gradient(circle at 88% 12%,rgba(34,197,94,.045),transparent 32%),radial-gradient(circle at 50% 100%,rgba(139,92,246,.05),transparent 36%),linear-gradient(180deg,#01050f,#020617 48%,#00030a)}.quiz-page.progress-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 10%,rgba(56,189,248,.045),transparent 30%),radial-gradient(circle at 84% 18%,rgba(34,197,94,.035),transparent 26%),radial-gradient(circle at 55% 92%,rgba(139,92,246,.04),transparent 32%)}.progress-dashboard,.progress-hero{width:min(100%,1120px);margin-left:auto;margin-right:auto;contain:layout}.progress-hero{min-height:240px;margin-bottom:18px;padding:clamp(22px,4vw,36px);border-radius:26px;display:flex;align-items:end;position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(56,189,248,.09),transparent 38%),radial-gradient(circle at top right,rgba(34,197,94,.055),transparent 32%),linear-gradient(145deg,#080d19eb,#020617d1);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 44px #00000057,inset 0 1px #ffffff12;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);contain:content}.progress-hero:after{content:"";position:absolute;width:220px;height:220px;right:-80px;bottom:-90px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.065),transparent 68%);opacity:.75;pointer-events:none;will-change:transform}.progress-hero>div{position:relative;z-index:1}.quiz-kicker{display:inline-flex;width:fit-content;margin:0 0 12px;padding:7px 12px;border-radius:999px;color:#bfdbfedb;background:#38bdf80f;border:1px solid rgba(103,232,249,.1);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;text-shadow:none}.progress-hero h1{max-width:720px;margin:0;color:#f8fafc;font-size:clamp(2.1rem,5vw,4rem);line-height:.96;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 18px 42px rgba(0,0,0,.42)}.progress-hero p:not(.quiz-kicker){max-width:620px;margin:14px 0 0;color:#e2e8f0ad;font-size:.96rem;line-height:1.65}.progress-dashboard{display:flex;flex-direction:column;gap:16px;contain:layout}.analytics-card{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;padding:20px;border-radius:24px;color:#f8fafc;background:radial-gradient(circle at top,rgba(56,189,248,.06),transparent 42%),linear-gradient(145deg,#080d19d6,#020617a8);border:1px solid rgba(255,255,255,.085);box-shadow:0 14px 32px #0000003d,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content}.analytics-card:hover{transform:translate3d(0,-1px,0);border-color:#94a3b82e;box-shadow:0 18px 38px #00000047,0 0 18px #38bdf80a}.card-header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px;contain:layout}.card-header h3,.analytics-card h3{margin:0;color:#f8fafc;font-size:1.08rem;letter-spacing:-.035em;text-shadow:0 8px 22px rgba(0,0,0,.32)}.card-header span{color:#e2e8f099;font-size:.82rem;font-weight:750;text-align:right}.analytics-card .recharts-responsive-container,.analytics-card .recharts-wrapper{min-height:220px;contain:layout paint}.empty-state{padding:24px;border-radius:18px;text-align:center;background:#080d19ad;border:1px solid rgba(255,255,255,.08);contain:content}.empty-state h4{margin:0 0 8px;color:#f8fafc;font-size:1rem}.empty-state p{margin:0;color:#e2e8f099;font-size:.9rem;line-height:1.5}.mistake-topic-block{margin-top:10px;display:grid;gap:12px;contain:layout}.mistake-topic-block>h4{margin:0;width:fit-content;padding:6px 11px;border-radius:999px;color:#bfdbfedb;background:#38bdf80e;border:1px solid rgba(103,232,249,.085);font-size:.78rem;font-weight:850;letter-spacing:.03em;text-transform:capitalize;contain:content}.mistake-review-card{margin-top:0;padding:15px;border-radius:18px;position:relative;background:linear-gradient(145deg,#080d19cc,#0206179e);border:1px solid rgba(255,255,255,.075);transition:transform .16s ease,border-color .16s ease,background .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:layout paint;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 10px 24px #0003,inset 0 1px #ffffff0e}.mistake-review-card:hover{transform:translate3d(0,-1px,0);background:#080d19e6;border-color:#94a3b826}.mistake-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;contain:layout}.mistake-label{display:inline-flex;padding:5px 9px;border-radius:999px;color:#fecdd3e0;background:#f43f5e13;border:1px solid rgba(251,113,133,.12);font-size:.62rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;contain:content}.mistake-review-card h4{margin:0 0 12px;max-width:780px;color:#f8fafc;line-height:1.4;font-size:.95rem;letter-spacing:-.01em}.mistake-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;contain:layout}.mistake-answer-grid div{min-width:0;padding:11px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);contain:content}.mistake-answer-grid span{display:block;margin-bottom:4px;color:#e2e8f08f;font-size:.68rem;font-weight:750}.mistake-answer-grid strong{display:block;color:#f8fafc;font-size:.82rem;line-height:1.32;overflow-wrap:anywhere}.mistake-explanation{margin-top:10px;padding:12px 13px;border-radius:14px;background:#38bdf80a;border:1px solid rgba(103,232,249,.06);contain:content}.mistake-explanation strong{display:block;margin-bottom:4px;color:#bfdbfedb;font-size:.78rem}.mistake-explanation p,.mistake-tip{margin:0;color:#e2e8f0a8;line-height:1.5;font-size:.82rem}.mistake-tip{margin-top:10px;padding-left:2px}.fade-in{animation:fadeInUp .18s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media (min-width: 1100px){.analytics-card:has(.mistake-topic-block){padding:22px}.mistake-topic-block{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.mistake-topic-block>h4{grid-column:1 / -1}}@media (max-width: 700px){.quiz-page.progress-page{padding:1.35rem 10px 2.5rem}.progress-hero{min-height:190px;padding:18px;border-radius:22px;box-shadow:0 12px 28px #00000047;margin-bottom:14px;backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%)}.progress-hero h1{font-size:clamp(1.9rem,10vw,2.8rem)}.progress-hero p:not(.quiz-kicker){font-size:.88rem}.progress-dashboard{gap:12px}.analytics-card{padding:14px;border-radius:18px;box-shadow:0 10px 24px #0000003d;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.card-header{display:grid;gap:5px}.card-header span{text-align:left;font-size:.76rem}.analytics-card .recharts-responsive-container,.analytics-card .recharts-wrapper{min-height:190px}.mistake-topic-block{margin-top:10px}.mistake-topic-block>h4{margin-bottom:8px;font-size:.82rem}.mistake-review-card{margin-top:9px;padding:12px;border-radius:16px}.mistake-review-card h4{margin-bottom:10px;font-size:.86rem}.mistake-answer-grid{grid-template-columns:1fr;gap:7px}.mistake-answer-grid div,.mistake-explanation{padding:10px;border-radius:13px}.mistake-explanation p,.mistake-tip{font-size:.8rem}.analytics-card,.mistake-review-card{transition-duration:.01ms!important}}@media (max-width: 420px){.quiz-page.progress-page{padding-left:8px;padding-right:8px}.analytics-card{padding:12px;border-radius:16px}.analytics-card .recharts-responsive-container,.analytics-card .recharts-wrapper{min-height:175px}.mistake-review-card{padding:10px}}@supports (content-visibility: auto){.analytics-card,.mistake-review-card,.empty-state{content-visibility:auto;contain-intrinsic-size:240px 260px}}@media (prefers-reduced-motion: reduce){.fade-in{animation:none!important}.analytics-card,.mistake-review-card{transition-duration:.01ms!important}}.quiz-page{width:min(1600px,calc(100% - 32px));margin:0 auto;padding:2rem clamp(16px,4vw,56px) 5rem;color:#fff;overflow-x:hidden;contain:layout style;isolation:isolate;position:relative}.quiz-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 14% 8%,rgba(56,189,248,.08),transparent 32%),radial-gradient(circle at 88% 12%,rgba(34,197,94,.055),transparent 30%),radial-gradient(circle at 54% 92%,rgba(139,92,246,.055),transparent 34%),linear-gradient(180deg,#01050f,#020617 48%,#00030a)}.back-btn{margin-bottom:14px;padding:8px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.14);background:#080d19d1;color:#f8fafc;font-weight:900;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000038;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden}.back-btn:hover{transform:translate3d(-1px,0,0);background:#0f172ae0;border-color:#94a3b83d;box-shadow:0 12px 28px #00000038}.quiz-kicker{margin:0 0 10px;font-size:.72rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:#7dd3fcd1;text-shadow:none}.quiz-hero.game-profile-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:stretch;gap:22px;padding:30px;border-radius:34px;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 0%,rgba(56,189,248,.11),transparent 36%),radial-gradient(circle at 92% 4%,rgba(34,197,94,.07),transparent 34%),radial-gradient(circle at 62% 100%,rgba(139,92,246,.07),transparent 40%),linear-gradient(145deg,#080d19eb,#020617d1);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 44px #00000057,inset 0 1px #ffffff12;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);contain:content}.quiz-hero.game-profile-hero:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,rgba(148,163,184,.08),transparent);transform:translate(-100%);animation:none;opacity:.45;will-change:transform;pointer-events:none}.quiz-hero.game-profile-hero:after{content:"";position:absolute;width:260px;height:260px;right:-90px;bottom:-100px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.08),transparent 68%);filter:blur(1px);animation:none;opacity:.7;will-change:transform;pointer-events:none}.quiz-hero.game-profile-hero>div{position:relative;z-index:1}.quiz-hero.game-profile-hero h1{margin:0;max-width:760px;font-size:clamp(2.35rem,5vw,5.2rem);line-height:.92;letter-spacing:-.075em;color:#fff;text-shadow:0 18px 42px rgba(0,0,0,.42);text-wrap:balance}.quiz-hero.game-profile-hero p:not(.quiz-kicker){max-width:680px;margin:18px 0 0;color:#e2e8f0ad;font-size:1rem;line-height:1.7}.game-profile-stat-card{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:24px;border-radius:28px;background:radial-gradient(circle at top,rgba(34,197,94,.08),transparent 46%),linear-gradient(145deg,#080d19d6,#020617a8);border:1px solid rgba(148,163,184,.12);box-shadow:inset 0 1px #ffffff12,0 14px 32px #0000003d;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);contain:content}.game-profile-stat-card h3{margin:0;font-size:2.25rem;letter-spacing:-.055em}.game-profile-stat-card p{margin:8px 0 0!important;font-size:.88rem!important;color:#e2e8f0a3!important}.profile-level-track{margin-top:16px;height:12px;border-radius:999px;overflow:hidden;background:#ffffff12;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 10px #00000059;contain:paint}.profile-level-fill{height:100%;border-radius:999px;position:relative;overflow:hidden;background:linear-gradient(90deg,#38bdf8e6,#22c55ed1);box-shadow:0 0 12px #22c55e29;animation:none;transition:width .22s ease;transform:translateZ(0)}.profile-level-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 35%,transparent 70%);animation:none}.profile-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px auto;contain:layout}.profile-overview-card{position:relative;overflow:hidden;min-height:142px;padding:22px;border-radius:28px;text-align:center;color:#fff;background:radial-gradient(circle at top,rgba(56,189,248,.08),transparent 44%),linear-gradient(145deg,#080d19d6,#020617a8);border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 28px #00000038,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content}.profile-overview-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.08),transparent 44%);transition:opacity .16s ease}.profile-overview-card:hover{transform:translate3d(0,-1px,0);border-color:#94a3b82e;box-shadow:0 16px 32px #00000042,0 0 18px #38bdf80a}.profile-overview-card:hover:before{opacity:1}.profile-overview-card>*{position:relative;z-index:1}.profile-overview-card span{width:54px;height:54px;margin:0 auto 10px;display:grid;place-items:center;border-radius:19px;font-size:1.7rem;background:#0f172ab8;box-shadow:inset 0 1px #ffffff14,0 0 16px #38bdf80a}.profile-overview-card strong{display:block;margin-top:8px;font-size:1.2rem;color:#fff}.profile-overview-card p{margin:8px 0 0;font-size:.83rem;color:#e2e8f09e}.unlock-section{margin:42px auto;contain:layout}.section-heading-row{margin-bottom:18px;contain:layout}.unlock-section h2{margin:0;color:#fff;font-size:clamp(1.45rem,3vw,2.15rem);letter-spacing:-.05em;text-shadow:0 14px 28px rgba(0,0,0,.34)}.unlock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;contain:layout}.unlock-card{position:relative;overflow:hidden;min-height:250px;padding:22px;border-radius:30px;color:#fff;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at top right,rgba(56,189,248,.07),transparent 36%),radial-gradient(circle at 12% 100%,rgba(34,197,94,.045),transparent 32%),linear-gradient(145deg,#080d19d6,#020617a8);border:1px solid rgba(255,255,255,.09);box-shadow:0 14px 32px #0000003d,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.unlock-card:before{content:"";position:absolute;inset:-1px;opacity:0;background:radial-gradient(circle at 20% 0%,rgba(56,189,248,.12),transparent 36%),radial-gradient(circle at 90% 20%,rgba(139,92,246,.08),transparent 36%);transition:opacity .16s ease;pointer-events:none}.unlock-card:after{content:"";position:absolute;inset:-80px;background:conic-gradient(from 180deg,transparent,rgba(56,189,248,.06),transparent,rgba(34,197,94,.055),transparent);opacity:0;animation:none;pointer-events:none}.unlock-card:hover{transform:translate3d(0,-2px,0);border-color:#94a3b82e;box-shadow:0 18px 38px #00000047,0 0 18px #38bdf80b}.unlock-card:hover:before,.unlock-card.unlocked:after{opacity:1}.unlock-card.unlocked{border-color:#22c55e38;box-shadow:0 16px 36px #00000040,0 0 18px #22c55e0b}.unlock-card.locked{opacity:.54;filter:none}.unlock-card.locked:hover{opacity:.76;filter:none}.unlock-card>*{position:relative;z-index:1}.unlock-card-top{display:flex;justify-content:space-between;align-items:center;contain:layout}.unlock-card-top span{width:54px;height:54px;display:grid;place-items:center;border-radius:19px;margin:0;font-size:1.9rem;background:#0f172ab8;box-shadow:inset 0 1px #ffffff14,0 0 14px #38bdf80a;contain:content}.unlock-card.unlocked .unlock-card-top span{animation:none;box-shadow:0 0 10px #22c55e14,inset 0 1px #ffffff14}.unlock-card-top small{padding:6px 10px;border-radius:999px;font-size:.64rem;font-weight:950;color:#e2e8f0c7;background:#0f172ab3;border:1px solid rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.08em}.unlock-card h3{margin:18px 0 6px;font-size:1.12rem;letter-spacing:-.025em}.unlock-card p{min-height:66px;margin:0;padding:0;color:#e2e8f09e;font-size:.84rem;line-height:1.55}.unlock-status{display:inline-flex;width:fit-content;margin-top:10px;padding:7px 12px;border-radius:999px;color:#bfdbfedb;background:#38bdf811;border:1px solid rgba(147,197,253,.1);font-size:.78rem;font-weight:950}.unlock-card.unlocked .unlock-status{color:#bbf7d0;background:#22c55e13;border-color:#22c55e29}.unlock-action-btn{width:100%;margin-top:auto;padding:13px 16px;border:0;border-radius:999px;position:relative;overflow:hidden;color:#fff;font-weight:950;cursor:pointer;background:linear-gradient(135deg,#38bdf8eb,#22c55edb);box-shadow:0 10px 22px #0000002e,0 0 16px #38bdf814;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;transform:translateZ(0);backface-visibility:hidden}.unlock-action-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translate(-120%);transition:transform .24s ease}.unlock-action-btn:not(:disabled):hover{transform:translate3d(0,-1px,0);box-shadow:0 14px 28px #00000038,0 0 18px #38bdf814}.unlock-action-btn:not(:disabled):hover:after{transform:translate(120%)}.unlock-action-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.memory-palace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:20px 0;contain:layout}.memory-tile{padding:16px;border-radius:16px;color:#fff;font-weight:800;font-size:.9rem;text-align:center;cursor:pointer;background:#080d19c7;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000029;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;animation:tileFadeIn .18s ease;transform:translateZ(0);backface-visibility:hidden;contain:content}.memory-tile:hover{transform:translate3d(0,-1px,0);background:#ffffff1a;border-color:#94a3b82e;box-shadow:0 10px 22px #0003}.memory-tile.selected{background:linear-gradient(135deg,#38bdf8e6,#22c55ec7);border-color:transparent;box-shadow:0 8px 20px #0003,0 0 16px #38bdf814}.memory-tile.study{background:linear-gradient(135deg,#22c55e17,#38bdf812);border:1px solid rgba(34,197,94,.16)}@keyframes heroShimmer{0%{transform:translate(-100%);opacity:0}35%{opacity:1}70%{transform:translate(100%);opacity:0}to{transform:translate(100%);opacity:0}}@keyframes softFloat{0%,to{transform:translateY(0) scale(1);opacity:.72}50%{transform:translate3d(0,-8px,0) scale(1.03);opacity:1}}@keyframes xpPulse{0%,to{box-shadow:0 0 8px #22c55e1f}50%{box-shadow:0 0 12px #38bdf829}}@keyframes xpShine{0%{transform:translate(-100%)}to{transform:translate(120%)}}@keyframes cardGlowSpin{to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes tileFadeIn{0%{opacity:0;transform:translate3d(0,4px,0)}to{opacity:1;transform:translateZ(0)}}@media (max-width: 1150px){.unlock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 950px){.quiz-hero.game-profile-hero{grid-template-columns:1fr}.profile-overview-grid,.unlock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.quiz-page{width:min(100% - 24px,1180px);padding:1.35rem 10px 2.8rem}.quiz-hero.game-profile-hero{padding:22px;border-radius:28px;box-shadow:0 12px 28px #00000047;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.quiz-hero.game-profile-hero h1{font-size:2.45rem}.game-profile-stat-card{width:100%}.profile-overview-grid{grid-template-columns:repeat(3,minmax(112px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;contain:layout;scrollbar-width:none}.profile-overview-grid::-webkit-scrollbar{display:none}.profile-overview-card{min-width:112px;min-height:120px;padding:14px 10px;border-radius:22px;scroll-snap-align:start}.profile-overview-card span{width:42px;height:42px;border-radius:15px;font-size:1.35rem}.profile-overview-card strong{font-size:.95rem}.profile-overview-card p{font-size:.72rem}.unlock-grid{grid-template-columns:1fr}.unlock-card{min-height:auto;padding:18px;border-radius:26px;box-shadow:0 10px 24px #0000003d}.quiz-hero.game-profile-hero:before,.quiz-hero.game-profile-hero:after,.profile-level-fill,.profile-level-fill:after,.unlock-card:after,.unlock-card.unlocked .unlock-card-top span,.memory-tile{animation:none!important}.back-btn,.profile-overview-card,.unlock-card,.unlock-action-btn,.memory-tile{transition-duration:.01ms!important}}@supports (content-visibility: auto){.profile-overview-card,.unlock-card,.game-profile-stat-card,.memory-tile{content-visibility:auto;contain-intrinsic-size:220px 260px}}@media (prefers-reduced-motion: reduce){.quiz-hero.game-profile-hero:before,.quiz-hero.game-profile-hero:after,.profile-level-fill,.profile-level-fill:after,.unlock-card:after,.unlock-card.unlocked .unlock-card-top span,.memory-tile{animation:none!important}.back-btn,.unlock-card,.profile-overview-card,.unlock-action-btn,.memory-tile{transition-duration:.01ms!important}}.comment-edit-box{margin-top:10px;display:grid;grid-template-columns:1fr auto auto;gap:8px;contain:layout}.comment-edit-box input{border:0;border-radius:999px;padding:10px 14px;outline:none;background:#fffffff2;color:#07111f;transition:background .16s ease,border-color .16s ease}.comment-edit-box button{border:0;border-radius:999px;padding:9px 12px;font-weight:900;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease;transform:translateZ(0);backface-visibility:hidden}.comment-edit-box button:first-of-type{background:#a7f3d0;color:#07111f}.comment-edit-box button:hover{transform:translate3d(0,-1px,0)}.comment-actions button:last-child{color:#fecaca}.comments-page{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(96,165,250,.12),transparent 28%),radial-gradient(circle at 90% 88%,rgba(167,243,208,.1),transparent 34%),#07111f;color:#fff;display:flex;flex-direction:column;overflow-x:hidden;contain:layout style;position:relative}.comments-topbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;padding:14px 18px;background:#07111fc7;backdrop-filter:blur(8px);contain:layout;border-bottom:1px solid rgba(255,255,255,.06)}.comments-title-wrap{text-align:center}.comments-title-wrap h1{margin:0;font-size:1.05rem;font-weight:950}.comments-title-wrap span{color:#ffffff94;font-size:.78rem}.icon-btn{width:42px;height:42px;border:0;border-radius:50%;background:#ffffff13;color:#fff;cursor:pointer;font-weight:900;transition:background .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden}.icon-btn:hover{background:#a7f3d02e;transform:translate3d(0,-1px,0)}.comments-body{flex:1;overflow-y:auto;padding:22px 16px 140px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.comments-list{max-width:900px;margin:0 auto;display:grid;gap:16px;contain:layout}.comment-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:end;animation:commentIn .18s ease;contain:layout}.comment-row.mine{grid-template-columns:minmax(0,1fr) 44px}@keyframes commentIn{0%{opacity:0;transform:translate3d(0,4px,0) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.avatar,.compose-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:950;color:#07111f;background:linear-gradient(145deg,#a7f3d0,#93c5fd);box-shadow:0 6px 16px #00000029;transform:translateZ(0);backface-visibility:hidden}.mine-avatar{background:linear-gradient(145deg,#93c5fd,#a7f3d0)}.comment-bubble{width:fit-content;max-width:min(680px,100%);padding:14px 16px;border-radius:24px 24px 24px 8px;background:radial-gradient(circle at top left,rgba(96,165,250,.12),transparent 42%),#ffffff0f;border:1px solid rgba(255,255,255,.075);box-shadow:0 10px 24px #00000024;contain:content}.comment-bubble.mine{justify-self:end;border-radius:24px 24px 8px;background:radial-gradient(circle at top right,rgba(167,243,208,.18),transparent 42%),#a7f3d01f}.comment-head{display:flex;align-items:center;gap:8px;contain:layout}.comment-username{border:0;padding:0;background:transparent;color:#fff;font-weight:950;cursor:pointer;transition:color .16s ease}.comment-username:hover{color:#a7f3d0}.comment-bubble p{margin:7px 0 0;color:#ffffffe6;line-height:1.7;white-space:pre-line;word-break:break-word}.comment-actions{margin-top:10px;contain:layout}.comment-actions button{border:0;border-radius:999px;padding:7px 12px;background:#ffffff13;color:#ffffffc7;font-size:.76rem;font-weight:900;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden}.comment-actions button:hover{background:#a7f3d02e;color:#fff;transform:translate3d(0,-1px,0)}.comments-loading,.comments-empty{min-height:55vh;display:grid;place-items:center;text-align:center;gap:12px;contain:content}.loader-ring{width:54px;height:54px;border-radius:50%;border:4px solid rgba(255,255,255,.12);border-top-color:#a7f3d0;animation:spin 1.5s linear infinite;transform:translateZ(0)}.comments-loading p,.comments-empty p{margin:0;color:#ffffff9e}.empty-bubble{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:#ffffff12}.comments-empty h3{margin:0}.replying-bar{position:fixed;left:0;right:0;bottom:74px;z-index:55;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;background:#a7f3d01f;backdrop-filter:blur(8px);contain:layout style;border-top:1px solid rgba(255,255,255,.06);color:#fff;font-weight:900}.replying-bar span{color:#a7f3d0}.replying-bar button{border:0;border-radius:999px;padding:8px 12px;background:#ffffff1a;color:#fff;font-weight:950;cursor:pointer;transition:background .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden}.replying-bar button:hover{transform:translate3d(0,-1px,0)}.comment-compose{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:#07111fe0;backdrop-filter:blur(8px);contain:layout style;border-top:1px solid rgba(255,255,255,.06);width:100%;max-width:100vw;box-sizing:border-box;transform:translateZ(0);will-change:transform}.comment-compose input{width:100%;min-height:46px;border:0;outline:none;border-radius:999px;padding:0 18px;background:#fffffff0;color:#07111f;font-size:.96rem;transition:background .16s ease}.send-btn{min-width:78px;height:46px;border:0;border-radius:999px;padding:0 18px;cursor:pointer;font-weight:950;background:#a7f3d0;color:#07111f;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn:hover:not(:disabled){transform:translate3d(0,-1px,0);box-shadow:0 8px 18px #00000029}.comment-toast{position:fixed;top:84px;left:50%;transform:translate(-50%);z-index:100;padding:12px 18px;border-radius:999px;background:#a7f3d0;color:#07111f;font-weight:950;box-shadow:0 10px 24px #00000029;contain:content;animation:toastIn 1.6s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translate3d(-50%,-6px,0) scale(.98)}15%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-8px) scale(.97)}}@media (max-width: 640px){.comment-row,.comment-actions button,.send-btn,.icon-btn,.replying-bar button,.comment-edit-box button{transition-duration:.01ms!important;animation-duration:.01ms!important}.comments-topbar{grid-template-columns:42px 1fr 42px;padding:12px}.comments-body{padding:14px 12px 128px}.comment-row{grid-template-columns:38px minmax(0,1fr);gap:9px}.comment-row.mine{grid-template-columns:minmax(0,1fr) 38px}.avatar,.compose-avatar{width:38px;height:38px}.comment-bubble{max-width:100%;padding:13px 14px;border-radius:20px 20px 20px 7px}.comment-bubble.mine{border-radius:20px 20px 7px}.replying-bar{bottom:62px;padding:9px 12px;font-size:.85rem}.comment-compose{grid-template-columns:38px 1fr auto;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.comment-compose input{min-height:42px;font-size:.92rem}.send-btn{min-width:66px;height:42px;padding:0 14px}}@supports (content-visibility: auto){.comment-row,.comment-bubble,.comments-loading,.comments-empty{content-visibility:auto;contain-intrinsic-size:120px 80px}}@media (prefers-reduced-motion: reduce){.loader-ring,.comment-row,.comment-toast{animation:none!important}.comment-actions button,.send-btn,.icon-btn,.replying-bar button,.comment-edit-box button{transition-duration:.01ms!important}}.create-page{width:min(1320px,calc(100% - 28px));min-height:calc(100vh - 72px);margin:0 auto;padding:2rem 0 56px;color:#f8fafc;position:relative;overflow-x:hidden;contain:layout style}.create-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;will-change:transform;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.1),transparent 30%),radial-gradient(circle at 88% 18%,rgba(139,92,246,.08),transparent 34%),#020617}.create-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:stretch;margin-bottom:18px;contain:layout}.create-hero>div:first-child,.create-form,.create-side,.create-stats div{border:1px solid rgba(255,255,255,.09);background:#0f172abd;box-shadow:0 10px 28px #00000029;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.create-hero>div:first-child{padding:24px;border-radius:24px;contain:content;background:radial-gradient(circle at top left,rgba(56,189,248,.14),transparent 38%),#0f172ac7}.create-pill{display:inline-flex;width:fit-content;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#38bdf81f;color:#a5f3fc;border:1px solid rgba(125,211,252,.18);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.create-hero h1{max-width:720px;margin:0;color:#fff;font-size:clamp(2rem,4vw,3.6rem);line-height:.96;letter-spacing:-.06em;text-wrap:balance}.create-hero p{max-width:680px;margin:14px 0 0;color:#e2e8f0ad;font-size:.94rem;line-height:1.6}.create-stats{display:grid;grid-template-columns:1fr;gap:10px;contain:layout}.create-stats div{padding:16px;border-radius:20px;transition:transform .16s ease,border-color .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content}.create-stats div:hover{transform:translate3d(0,-1px,0);border-color:#7dd3fc38}.create-stats strong{display:block;margin-bottom:5px;color:#93c5fd;font-size:1.35rem;letter-spacing:-.04em}.create-stats span{color:#e2e8f0a8;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start;contain:layout}.create-form,.create-side{border-radius:24px;overflow:hidden;contain:content}.create-form{display:grid;gap:16px;padding:20px;contain:layout style;background:radial-gradient(circle at top left,rgba(96,165,250,.1),transparent 34%),#0f172ab8}.form-section{display:grid;gap:8px;contain:layout}.form-section label,.create-form label{color:#ffffffd1;font-weight:850;font-size:.84rem}.topic-row,.bottom-row{display:grid;gap:10px;contain:layout}.topic-row{grid-template-columns:170px 1fr}.bottom-row{grid-template-columns:210px 1fr;align-items:end}.create-form input,.create-form textarea,.create-form select{width:100%;border:1px solid rgba(255,255,255,.08);outline:none;border-radius:14px;padding:12px 13px;background:#eef4fff2;color:#07111f;font:inherit;font-size:.92rem;font-weight:700;transition:border-color .16s ease,background .16s ease}.create-form textarea{min-height:160px;resize:vertical;line-height:1.55}.create-form input:focus,.create-form textarea:focus,.create-form select:focus{border-color:#38bdf880;box-shadow:0 0 0 2px #38bdf81a}.media-upload-grid,.visibility-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;contain:layout}.upload-card{min-height:84px;padding:12px;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:5px;overflow:hidden;background:#ffffff0e;border:1px solid rgba(255,255,255,.08);transition:transform .16s ease,background .16s ease,border-color .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content}.upload-card:hover{transform:translate3d(0,-1px,0);background:#38bdf817;border-color:#7dd3fc33}.upload-card input{display:none}.upload-card span{color:#fff;font-size:.86rem;font-weight:900}.upload-card small{color:#ffffff94;font-size:.72rem;line-height:1.25;word-break:break-all}.image-preview{width:100%;max-height:90px;object-fit:contain;display:block;margin-top:6px;border-radius:10px;background:#02061759;border:1px solid rgba(255,255,255,.07);transform:translateZ(0);backface-visibility:hidden;contain:paint}.visibility-toggle button{min-height:42px;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;background:#ffffff12;color:#fff;font-weight:900;cursor:pointer;transition:background .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden}.visibility-toggle button:hover{transform:translate3d(0,-1px,0);background:#ffffff1c}.visibility-toggle button.active{color:#07111f;background:linear-gradient(135deg,#a7f3d0,#38bdf8)}.publish-btn{min-height:46px;border:0;border-radius:999px;color:#fff;background:linear-gradient(135deg,#38bdf8,#8b5cf6);font-weight:950;cursor:pointer;box-shadow:0 12px 28px #38bdf82e;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden}.publish-btn:hover{transform:translate3d(0,-1px,0);box-shadow:0 10px 24px #8b5cf62e}.publish-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.status{margin:0;color:#a7f3d0;font-size:.88rem;font-weight:800;contain:content}.create-side{display:grid;gap:12px;contain:content;padding:18px;background:#0f172aa8}.create-side h3{margin:0 0 4px;color:#fff;font-size:1.05rem;letter-spacing:-.02em}.tip-card{padding:14px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.07);transition:transform .16s ease,background .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content}.tip-card:hover{transform:translate3d(0,-1px,0);background:#ffffff16}.tip-card span{display:inline-flex;margin-bottom:6px;color:#a7f3d0;font-size:.82rem;font-weight:900}.tip-card p{margin:0;color:#ffffffa8;font-size:.84rem;line-height:1.5}.stage-list{width:min(300px,calc(100vw - 44px));display:grid;gap:7px;margin-top:14px;contain:layout}.current-stage-card,.stage-list div{display:flex;align-items:center;gap:8px;border-radius:14px;font-size:.82rem;font-weight:850;contain:content}.current-stage-card{margin-top:14px;padding:9px 12px;color:#fff;background:#a7f3d021}.current-stage-card span,.stage-list div span{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:.72rem}.current-stage-card span,.stage-list div.active span,.stage-list div.done span,.stage-list div.success span{background:#a7f3d0;color:#07111f}.stage-list div{padding:8px 10px;color:#ffffff94;background:#ffffff0d}.stage-list div span{background:#ffffff14;color:#ffffffa8}.stage-list div.active{color:#fff;background:#a7f3d024}.stage-list div.done{color:#ffffffbf}.stage-list div.done span,.stage-list div.success span{background:#22c55e;color:#fff}.stage-list div.success{color:#fff;background:#22c55e29}.upload-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;align-content:center;background:#07111fe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);contain:layout style}.upload-orb-wrap{position:relative;width:116px;height:116px;display:grid;place-items:center;contain:content}.upload-orb{width:70px;height:70px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#a7f3d0,#60a5fa,#7c3aed);box-shadow:0 0 30px #60a5fa59;animation:floatOrb 2.8s ease-in-out infinite;transform:translateZ(0)}.upload-orb span{color:#07111f;font-size:2rem;font-weight:1000}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.orbit-one{width:100px;height:100px;border-top-color:#a7f3d0;animation:spin 2s linear infinite}.orbit-two{width:116px;height:116px;border-right-color:#60a5fa;animation:spinReverse 2.8s linear infinite}.spark{display:none}.upload-loader h3{margin:12px 0 6px;color:#fff;font-size:1.25rem}.upload-loader p{margin:0;color:#ffffffa6;font-size:.88rem}.loading-dots{display:flex;gap:7px;margin-top:14px}.loading-dots span{width:7px;height:7px;border-radius:999px;background:#a7f3d0;animation:dotPulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.progress-track{width:230px;height:7px;margin-top:14px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-track div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#a7f3d0,#60a5fa,#c4b5fd);transition:width .16s ease}.progress-text{margin-top:7px;color:#a7f3d0;font-size:.86rem;font-weight:900}@keyframes floatOrb{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes dotPulse{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(-5px);opacity:1}}@media (max-width: 900px){.create-page{width:min(100% - 22px,760px);padding-top:2.25rem}.create-hero,.create-layout{grid-template-columns:1fr}.create-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-row,.bottom-row{grid-template-columns:1fr}}@media (max-width: 640px){.create-page{width:min(100% - 18px,520px);padding:1.6rem 0 44px}.create-hero{gap:12px;margin-bottom:14px}.create-hero>div:first-child,.create-form,.create-side{border-radius:20px}.create-hero>div:first-child,.create-form,.create-side{padding:15px}.create-hero h1{font-size:clamp(1.8rem,11vw,2.7rem)}.create-hero p{margin-top:10px;font-size:.86rem}.create-stats{gap:7px;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.create-stats{overscroll-behavior-inline:contain;contain:layout}.create-stats div{min-width:86px;padding:11px 8px;border-radius:16px;text-align:center;scroll-snap-align:start}.create-stats strong{font-size:1.05rem}.create-stats span{font-size:.62rem}.create-form{gap:12px}.media-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.visibility-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px;border-radius:999px;background:#fff1;border:1px solid rgba(255,255,255,.08)}.create-form textarea{min-height:135px}.image-preview{display:none}.publish-btn{min-height:44px}.upload-card{min-height:76px;padding:11px 9px;justify-content:center}.upload-card span{font-size:.8rem}.upload-card small{display:-webkit-box;overflow:hidden;font-size:.66rem;line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.visibility-toggle button{min-height:38px;border:0;border-radius:999px;padding:8px 10px;background:transparent;font-size:.78rem;box-shadow:none}.visibility-toggle button:hover{transform:none;background:#ffffff0f}.visibility-toggle button.active{color:#07111f;background:linear-gradient(135deg,#a7f3d0,#38bdf8);box-shadow:0 8px 20px #38bdf82e}.progress-track{width:min(230px,calc(100vw - 48px))}.upload-card,.visibility-toggle button,.publish-btn,.tip-card,.create-stats div{transition-duration:.01ms!important}}@media (prefers-reduced-motion: reduce){.upload-orb,.orbit-one,.orbit-two,.loading-dots span{animation:none!important}.upload-card,.visibility-toggle button,.publish-btn,.tip-card,.create-stats div{transition-duration:.01ms!important}}@supports (content-visibility: auto){.upload-card,.tip-card,.create-stats div,.form-section{content-visibility:auto;contain-intrinsic-size:180px 140px}}.feed-skeleton-wrap{display:grid;gap:22px;padding:20px;contain:layout}.feed-skeleton-card{border-radius:24px;padding:18px;background:#0f172abf;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px #00000024;contain:layout paint;content-visibility:auto;contain-intrinsic-size:320px 420px}.skeleton{background:linear-gradient(90deg,#ffffff0f,#ffffff26,#ffffff0f);background-size:140% 100%;animation:shimmer 2.2s linear infinite;transform:translateZ(0);will-change:background-position;border-radius:14px}.skeleton-image{height:220px;margin-bottom:18px;contain:paint}.skeleton-pill{width:160px;height:28px;margin-bottom:16px}.skeleton-title{width:70%;height:46px;margin-bottom:16px;contain:content}.skeleton-line{width:100%;height:18px;margin-bottom:10px;contain:content}.skeleton-line.short{width:65%}.skeleton-actions{width:260px;height:42px;margin-top:20px;contain:content}@keyframes shimmer{0%{background-position:140% 0}to{background-position:-140% 0}}@media (max-width: 700px){.feed-skeleton-wrap{gap:16px;padding:14px}.feed-skeleton-card{border-radius:20px;padding:14px;box-shadow:0 5px 14px #0000001f}.skeleton-image{height:180px}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none!important}}.snap-feed-page{height:calc(100vh - 72px);width:100%;overflow:hidden;position:relative;contain:layout style;background:radial-gradient(circle at 12% 0%,rgba(0,0,0,.13),transparent 30%),radial-gradient(circle at 88% 20%,rgba(139,92,246,.11),transparent 34%),radial-gradient(circle at 50% 100%,rgba(34,197,94,.08),transparent 34%),#06111f}.snap-feed-page:before{content:"";position:fixed;inset:0;pointer-events:none;will-change:transform;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%)}.snap-feed{height:100%;overflow-y:auto;scroll-behavior:auto;padding:26px 0 96px;scroll-snap-type:y proximity;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;contain:layout}.snap-feed::-webkit-scrollbar{width:3px}.snap-feed::-webkit-scrollbar-track{background:transparent}.snap-feed::-webkit-scrollbar-thumb{background:#94a3b82e;border-radius:999px}.snap-feed::-webkit-scrollbar-thumb:hover{background:#7dd3fc52}.snap-post{width:calc(100% - 52px);max-width:1500px;min-height:calc(100vh - 132px);margin:0 auto 28px;overflow:hidden;display:grid;position:relative;isolation:isolate;scroll-snap-align:start;background:transparent;border:0!important;outline:0!important;box-shadow:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateZ(0);backface-visibility:hidden;contain:layout paint;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.snap-post:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:transparent;transition:opacity .18s ease}.snap-post:after{content:none}.snap-post:hover{transform:translate3d(0,-2px,0) scale(1.001);box-shadow:none!important}.snap-post:hover:before{opacity:0}.snap-post:not(.no-media){grid-template-columns:minmax(320px,42%) 1fr}.snap-post.no-media{grid-template-columns:1fr;place-items:center;background:transparent}.snap-post:not(.no-media) .mini-media{width:100%;height:100%;min-height:calc(100vh - 132px);background:transparent}.mini-media{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;position:relative;background:transparent;contain:paint;border:0!important;outline:0!important;box-shadow:none!important}.mini-media:after{content:none}.mini-media img,.mini-media video,.feed-image{width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:transparent;border:0!important;outline:0!important;box-shadow:none!important;image-rendering:auto;transform:translateZ(0);backface-visibility:hidden;transition:transform .22s ease}.snap-post:hover .mini-media img,.snap-post:hover .mini-media video{transform:translateZ(0) scale(1.01)}.snap-post.no-media .post-content{width:min(100%,1120px);padding:clamp(36px,7vw,92px);contain:content}.snap-post:not(.no-media) .post-content{padding:clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:center;contain:content}.post-topic{width:fit-content;display:inline-flex;align-items:center;border:1px solid rgba(167,243,208,.18);border-radius:999px;padding:9px 14px;margin-bottom:14px;background:#a7f3d01f;color:#a7f3d0;font-size:.74rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 2px #148e4f;transition:transform .2s ease,background .2s ease,border-color .2s ease}.post-topic:hover{background:#0b1b1399;border-color:#a7f3d057;transform:translateY(-2px)}.post-author{margin-bottom:16px}.creator-link{color:#ffffff9e;text-decoration:none;font-weight:850;font-size:.9rem;transition:color .2s ease}.creator-link:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.post-content h1{margin:12px 0 0;color:#fff;font-size:clamp(2.65rem,5vw,5.15rem);line-height:.91;letter-spacing:-.075em;max-width:980px;text-wrap:balance;text-shadow:0 18px 50px rgba(0,0,0,.34)}.snap-post.no-media h1{font-size:clamp(2.15rem,8vw,5.35rem);line-height:.88}.post-content p{margin-top:24px;color:#ffffffd1;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.9;white-space:pre-line;max-width:920px}.snap-post.no-media p{max-width:1050px;font-size:clamp(1.08rem,1.75vw,1.22rem)}.ai-loading-box,.translated-box,.simple-explanation{margin-top:14px;padding:14px 16px;border-radius:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff0f}.ai-loading-box{background:#94a3b81a;border:1px solid rgba(148,163,184,.18);display:flex;align-items:center;gap:10px}.ai-loading-box p{margin:0;font-size:.85rem;font-weight:750;color:#ffffffc7}.ai-loader-dot{width:9px;height:9px;border-radius:999px;background:#38bdf8;box-shadow:0 0 18px #38bdf8cc;animation:aiPulse .9s ease-in-out infinite}.translate-dropdown{background:#69696939;border:0 1px px solid rgba(255,255,255,.733);color:#fff;border-radius:12px;padding:7px 11px;cursor:pointer;outline:none;transition:border-color .2s ease,background .2s ease}.translate-dropdown:hover,.translate-dropdown:focus{background:#ffffff1f;border-color:#7dd3fc5c}.translate-dropdown option{color:#0f172a}.translated-box{background:#22c55e1f;border:1px solid rgba(34,197,94,.3)}.translated-box strong{display:block;margin-bottom:6px;color:#4ade80}.simple-explanation{background:#38bdf81f;border:1px solid rgba(56,189,248,.25)}.simple-explanation strong{display:block;margin-bottom:6px;color:#38bdf8}.simple-explanation p{margin:0;line-height:1.6}.post-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px}.post-actions button,.icon-action-btn{position:relative;width:44px;height:44px;min-width:44px;padding:0;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:visible;background:#ffffff13;color:#fff;font-size:1.08rem;line-height:1;font-weight:900;cursor:pointer;box-shadow:0 1px 1px #ffeaeade;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.post-actions button:before,.icon-action-btn:before{content:attr(aria-label);position:absolute;left:50%;bottom:calc(100% + 9px);z-index:20;max-width:150px;padding:7px 10px;border-radius:999px;background:#0f172af5;border:1px solid rgba(255,255,255,.1);color:#e0f2fe;font-size:.72rem;font-weight:850;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%) translateY(4px);transition:opacity .16s ease,transform .16s ease}.post-actions button:hover,.icon-action-btn:hover{transform:translateY(-2px);background:#38bdf826;box-shadow:0 3px 3px #0ea4e9b6}.post-actions button:hover:before,.icon-action-btn:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.post-actions button:active,.icon-action-btn:active{transform:translateY(0) scale(.97)}.post-actions button:disabled,.icon-action-btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.post-actions .translate-dropdown{box-shadow:0 1px 1px solid #fff;min-height:44px;max-width:145px}.comment-wrap{margin-top:18px}.comment-loading{color:#ffffffa6;margin-bottom:12px}.comment-item{padding:14px 16px;margin-bottom:10px;border-radius:18px;background:#ffffff0e;border:1px solid rgba(255,255,255,.07)}.comment-item strong{color:#a7f3d0;font-size:.88rem}.comment-item p{margin:6px 0 0;color:#fff;font-size:.95rem;line-height:1.6}.comment-box{margin-top:16px;display:grid;grid-template-columns:1fr auto;gap:10px}.comment-box input{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px;outline:none;color:#fff;background:#ffffff12}.comment-box input::placeholder{color:#ffffff75}.comment-box input:focus{border-color:#7dd3fc61;box-shadow:0 0 0 4px #38bdf814}.comment-box button{border:0;border-radius:16px;padding:0 18px;background:linear-gradient(135deg,#a7f3d0,#38bdf8);color:#07111f;font-weight:950;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.comment-box button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #38bdf833}.topic-rail{position:fixed;top:96px;right:14px;z-index:50;width:46px;max-height:calc(85vh - 130px);display:grid;gap:7px;padding:8px;overflow-y:auto;border-radius:999px;background:#07111f85;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 50px #00000040;transition:width .22s ease,border-radius .22s ease}.topic-rail:hover{width:178px;border-radius:26px}.topic-pill{height:36px;border:0;border-radius:999px;background:transparent;color:#ffffffad;display:flex;align-items:center;gap:10px;cursor:pointer;padding:0 10px;overflow:hidden;transition:background .2s ease,color .2s ease,transform .2s ease}.topic-pill:hover{background:#ffffff12;color:#fff;transform:translate(-1px)}.topic-pill strong{opacity:0;transition:opacity .2s ease;white-space:nowrap}.topic-rail:hover .topic-pill strong{opacity:1}.topic-pill.active{background:linear-gradient(135deg,#a7f3d0,#38bdf8);color:#07111f;font-weight:950}.floating-create-btn{position:fixed;right:62px;bottom:44px;z-index:4335;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;min-width:46px;border-radius:16px;background:linear-gradient(135deg,#2a0b519f,#335488);color:#e2e8f0;font-size:1.55rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 1px 1px solid #c7c7c7e5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .18s ease,background .18s ease,border-color .18s ease}.pull-refresh-indicator{position:fixed;top:8px;left:50%;z-index:44;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid rgba(148,163,184,.14);background:#0f172ab8;pointer-events:none;opacity:0;box-shadow:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .16s ease,transform .16s ease}.pull-refresh-spinner{width:15px;height:15px;border-radius:999px;border:2px solid rgba(226,232,240,.25);border-top-color:#e2e8f0;animation:spinIcon .8s linear infinite}.pull-refresh-indicator:not(.refreshing) .pull-refresh-spinner{animation-play-state:paused}.floating-create-btn:hover{transform:translateY(-2px);background:#1e293bdb;border-color:#7dd3fc47}.pull-refresh-indicator{position:fixed;top:8px;left:50%;z-index:44;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:#0f172ac7;color:#dbeafe;font-size:.78rem;font-weight:700;letter-spacing:-.02em;pointer-events:none;opacity:0;box-shadow:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:opacity .18s ease,transform .18s ease}.pull-refresh-indicator.refreshing,.snap-feed-page:active .pull-refresh-indicator{opacity:1}.success-toast{position:fixed;top:92px;left:50%;transform:translate(-50%);z-index:2000;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#a7f3d0,#38bdf8);color:#07111f;font-weight:950;box-shadow:0 20px 70px #00000047;animation:toastPop 1.8s ease forwards}.feed-status{padding:80px;text-align:center;color:#a7f3d0;font-weight:850}.feed-status.error{color:#fca5a5}.feed-load-trigger{width:100%;height:1px}@keyframes aiPulse{0%,to{transform:scale(.85);opacity:.45}50%{transform:scale(1.35);opacity:1}}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-12px) scale(.96)}15%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-8px) scale(.98)}}@media (max-width: 1100px){.snap-post:not(.no-media){grid-template-columns:minmax(280px,44%) 1fr}}@media (max-width: 900px){.snap-feed-page{height:calc(100vh - 64px)}.snap-feed{padding:14px 0 max(110px,calc(env(safe-area-inset-bottom) + 88px));scroll-snap-type:none;scroll-padding-bottom:120px}.snap-post,.snap-post:not(.no-media),.snap-post.no-media{width:calc(100% - 16px);margin-bottom:22px;min-height:auto;grid-template-columns:1fr;border-radius:0;border:0!important;outline:0!important;box-shadow:none!important;scroll-snap-align:none}.snap-post:hover{transform:none;box-shadow:none}.snap-post:not(.no-media) .mini-media{min-height:280px;height:min(68vh,440px)}.mini-media img,.mini-media video,.feed-image{object-fit:cover}.app-logo,.brand-logo,.topbar-logo,.mobile-logo,.logo{width:40%;height:35%}.app-logo img,.brand-logo img,.topbar-logo img,.mobile-logo img,.logo img{width:100%;height:100%}.snap-post:not(.no-media) .post-content,.snap-post.no-media .post-content{padding:24px}.post-content h1,.snap-post.no-media h1{font-size:2.2rem;line-height:.98;letter-spacing:-.055em}.post-content p,.snap-post.no-media p{margin-top:18px;font-size:1rem;line-height:1.75}.post-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.post-actions button,.icon-action-btn{width:42px;height:42px;min-width:42px;border-radius:15px;font-size:1rem}.post-actions .translate-dropdown{flex:1 1 140px;min-width:135px}.topic-rail{display:none}.comment-box{grid-template-columns:1fr}.comment-box button{min-height:46px}}@media (max-width: 640px){.snap-feed{padding-top:10px;padding-bottom:max(130px,calc(env(safe-area-inset-bottom) + 104px));scroll-snap-type:none}.snap-post,.snap-post:not(.no-media),.snap-post.no-media{width:calc(100% - 12px);margin-bottom:24px;border-radius:0;border:0!important;outline:0!important;box-shadow:none!important;scroll-snap-align:none}.snap-post:not(.no-media) .mini-media{min-height:240px;height:min(62vh,390px)}.snap-post:not(.no-media) .post-content,.snap-post.no-media .post-content{padding:20px}.post-topic{padding:8px 12px;font-size:.68rem}.post-content h1,.snap-post.no-media h1{font-size:1.95rem}.post-actions{gap:8px}.post-actions button,.icon-action-btn{width:40px;height:40px;min-width:40px;border-radius:14px;font-size:.98rem}.post-actions button:before,.icon-action-btn:before{display:none}.spin-icon{animation:spinIcon 1s linear infinite}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-actions .translate-dropdown{min-height:40px;flex:1 1 125px;min-width:125px}.floating-create-btn{width:44px;height:44px;right:16px;bottom:33px;font-size:2rem}.success-toast{top:82px;width:calc(100% - 32px);text-align:center}}@media (prefers-reduced-motion: reduce){.snap-post,.snap-post:before,.snap-post:after,.mini-media img,.mini-media video,.post-actions button,.floating-create-btn,.topic-rail,.topic-pill,.ai-loader-dot,.success-toast{animation:none;transition:none}}@media (max-width: 760px){.snap-feed-page{padding-top:0}.snap-feed{padding-top:48px!important;scroll-padding-top:52px}.topic-rail.mobile-feed-topic-rail{display:block!important;position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:90!important;width:100%!important;max-width:100%!important;padding:7px 10px 8px!important;margin:0!important;border-radius:0 0 16px 16px!important;border:0!important;border-bottom:1px solid rgba(148,163,184,.075)!important;background:#020617f0!important;backdrop-filter:blur(20px) saturate(155%)!important;-webkit-backdrop-filter:blur(20px) saturate(155%)!important;box-shadow:0 10px 24px #0000003d,inset 0 1px #ffffff06!important}.mobile-topic-rail-title,.mobile-topic-clear{display:none!important}.mobile-topic-scroll{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:100%!important;padding:0 1px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}.mobile-topic-scroll::-webkit-scrollbar{display:none!important}.mobile-topic-scroll .topic-pill{flex:0 0 auto!important;min-width:max-content!important;height:32px!important;min-height:32px!important;padding:0 10px 0 8px!important;gap:7px!important;border-radius:999px!important;background:#0f172abd!important;border:1px solid rgba(148,163,184,.09)!important;color:#e2e8f0d1!important;box-shadow:none!important;transform:translateZ(0)!important;scroll-snap-align:start!important;-webkit-tap-highlight-color:transparent!important}.mobile-topic-scroll .topic-pill:hover{transform:translateZ(0)!important;background:#1e293bd1!important;color:#f8fafcf2!important}.mobile-topic-scroll .topic-pill.active{background:#22d3ee21!important;border-color:#22d3ee3d!important;color:#f8fafc!important;box-shadow:0 0 0 1px #22d3ee0d,0 8px 18px #0000002e!important}.mobile-topic-scroll .topic-pill strong{opacity:1!important;font-size:.76rem!important;line-height:1!important;font-weight:820!important;letter-spacing:-.02em!important;white-space:nowrap!important}.mobile-topic-scroll .topic-pill span{width:21px!important;height:21px!important;min-width:21px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:#ffffff0e!important;color:#67e8f9e6!important;font-size:.78rem!important}.mobile-topic-scroll .topic-pill.active span{background:#22d3ee29!important;color:#cffafe!important}}.post-actions{gap:7px!important;margin-top:14px!important}.icon-action-btn{width:34px!important;height:34px!important;min-width:34px!important;border-radius:13px!important;padding:0!important}.translate-dropdown{min-height:34px!important;height:34px!important;padding:0 26px 0 10px!important;border-radius:13px!important;font-size:.72rem!important}.post-learn-more-hint{margin-top:14px;padding:10px 12px;border-radius:16px;border:1px solid rgba(34,211,238,.1);background:linear-gradient(180deg,#22d3ee12,#ffffff06);color:#cffafedb;font-size:.78rem;font-weight:850;text-align:center}.google-login-btn{width:100%;min-height:54px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#fffffff5;color:#07111f;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:.22s ease}.google-login-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px #0000003d}.google-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#4285f4;font-weight:950;box-shadow:inset 0 0 0 1px #00000014}.login-page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:48px 0 80px}.login-hero{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:end;margin-bottom:48px}.login-pill{display:inline-flex;width:fit-content;padding:9px 16px;border-radius:999px;background:#67e8f924;color:#9ff6ff;font-size:.88rem;font-weight:700;margin-bottom:18px}.login-hero h1{max-width:760px;margin:0;font-size:clamp(2.6rem,5vw,5rem);line-height:.95;letter-spacing:-.06em;color:#fff}.login-hero p{max-width:660px;margin:24px 0 0;color:#ffffffb8;font-size:1.08rem;line-height:1.8}.login-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.login-highlights div{padding:22px 18px;border-radius:28px;background:#ffffff12;box-shadow:0 24px 80px #0000002e}.login-highlights strong{display:block;color:#93c5fd;font-size:1.4rem;margin-bottom:8px}.login-highlights span{color:#ffffffb8;font-size:.92rem}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start}.login-card{display:grid;gap:24px;padding:34px;border-radius:34px;background:radial-gradient(circle at top left,rgba(96,165,250,.2),transparent 36%),#ffffff12;box-shadow:0 35px 100px #00000040}.login-card-header h2{margin:0;color:#fff;font-size:2rem;letter-spacing:-.04em}.login-card-header p{margin:10px 0 0;color:#ffffffad}.login-card label{display:grid;gap:10px;color:#ffffffdb;font-weight:700}.login-card input{width:100%;border:0;outline:none;border-radius:20px;padding:17px 18px;background:#eef4fff0;color:#07111f;font-size:1rem;font-family:inherit}.login-card input:focus{box-shadow:0 0 0 4px #93c5fd38,inset 0 0 0 1px #2563eb47}.login-submit{min-height:58px;font-size:1rem;font-weight:800}.login-links{color:#fff;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.login-side{display:grid;gap:18px;padding:18px;border-radius:34px;background:linear-gradient(145deg,#14b8a61f,#3b82f614),#ffffff0e;box-shadow:0 35px 100px #0003}.login-side h3{margin:0 0 10px;color:#fff;font-size:1.35rem}.login-tip{padding:22px;border-radius:26px;background:#ffffff13}.login-tip span{display:inline-flex;margin-bottom:10px;color:#a7f3d0;font-weight:800}.login-tip p{margin:0;color:#ffffffb8;line-height:1.65}.status{margin:0;color:#a7f3d0;font-weight:700}@media (max-width: 960px){.login-hero,.login-layout{grid-template-columns:1fr}.login-hero h1{padding:0 1px}.login-hero p{display:none}.login-highlights{display:none;grid-template-columns:repeat(3,1fr);gap:10px}.login-highlights div{padding:14px 10px;border-radius:18px;text-align:center}.login-highlights strong{font-size:1.05rem;margin-bottom:4px}.login-highlights span{font-size:.72rem}.login-page{width:min(100% - 28px,760px);padding-top:28px}.login-card{padding:24px}.login-side{display:none}.text-btn{color:#fff}}.register-page{min-height:calc(100vh - 90px);display:grid;place-items:center;padding:40px 20px}.register-card{width:min(100%,440px);display:grid;gap:18px;padding:36px;border-radius:32px;background:#ffffff13;box-shadow:0 35px 100px #00000038}.register-logo{color:#9ff6ff;font-weight:800;letter-spacing:.02em}.register-card h1{margin:0;color:#fff;font-size:2.2rem;letter-spacing:-.04em}.register-card p{margin:0 0 6px;color:#ffffffad}.register-card input{width:100%;border:0;outline:none;border-radius:18px;padding:16px 17px;background:#eef4fff2;color:#07111f;font-size:1rem}.register-card input:focus{box-shadow:0 0 0 4px #93c5fd38}.register-card .primary-btn{min-height:54px;text-decoration:none}.register-card .text-btn{text-align:center;text-decoration:none}.status{margin:0;font-weight:700}.status.success{color:#a7f3d0}.profile-page{width:min(1480px,calc(100% - 28px));min-height:calc(100vh - 72px);margin:0 auto;padding:60px 18px 44px;color:#f8fafc;position:relative}.friend-search-card{margin-bottom:18px;padding:20px;border-radius:28px;background:radial-gradient(circle at top left,rgba(56,189,248,.1),transparent 36%),#0f172ab8;border:1px solid rgba(255,255,255,.085);box-shadow:0 22px 65px #0003,inset 0 1px #ffffff0f;display:grid;gap:14px}.friend-search-eyebrow{display:inline-flex;width:fit-content;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:#7dd3fc1a;color:#a5f3fc;border:1px solid rgba(125,211,252,.18);font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.friend-search-card h3{margin:0 0 6px;color:#fff;font-size:1.25rem;letter-spacing:-.03em}.friend-search-card p{margin:0;color:#e2e8f0ad;font-size:.92rem;font-weight:650;line-height:1.45}.friend-search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.friend-search-row input{min-height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.1);outline:none;padding:0 16px;background:#fffffff0;color:#07111f;font-weight:800;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.friend-search-row input:focus{border-color:#38bdf8a6;box-shadow:0 0 0 4px #38bdf81f}.friend-search-row button,.friend-result-card button{min-height:48px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:0 18px;background:linear-gradient(135deg,#38bff89b,#8a5cf697);color:#fff;font-weight:950;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 14px 32px #38bdf829;transition:transform .22s ease,box-shadow .22s ease,opacity .2s ease,border-color .2s ease}.friend-search-row button:after,.friend-result-card button:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:translate(-120%);transition:transform .45s ease}.friend-search-row button:hover:after,.friend-result-card button:hover:after{transform:translate(120%)}.friend-search-row button:hover,.friend-result-card button:hover{transform:translateY(-2px);border-color:#7dd3fc47;box-shadow:0 3px 3px #a49d9dbb}.friend-search-row button:active,.friend-result-card button:active{transform:scale(.97)}.friend-search-row button:disabled,.friend-result-card button:disabled{opacity:.65;cursor:not-allowed;transform:none}.friend-results-list{display:grid;gap:10px}.friend-result-card{padding:12px;border-radius:20px;background:#ffffff0e;border:1px solid rgba(255,255,255,.075);display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;transition:transform .22s ease,border-color .22s ease,background .22s ease}.friend-result-card:hover{transform:translateY(-2px);border-color:#7dd3fc33;background:#ffffff13}.friend-result-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:950;color:#fff;background:linear-gradient(135deg,#38bff892,#8a5cf683);box-shadow:0 12px 28px #38bdf824}.friend-result-card strong,.friend-result-card span{display:block;overflow-wrap:anywhere}.friend-result-card strong{color:#fff;margin-bottom:3px}.friend-result-card span{color:#e2e8f09e;font-size:.86rem;font-weight:700}.profile-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.14),transparent 30%),radial-gradient(circle at 88% 14%,rgba(155,112,255,.13),transparent 34%),radial-gradient(circle at 50% 100%,rgba(34,197,94,.08),transparent 34%)}.profile-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:20px;align-items:stretch;min-height:clamp(360px,50vh,540px);margin-bottom:26px}.profile-left{display:flex;gap:clamp(16px,2.4vw,28px);align-items:center;min-height:100%;padding:clamp(22px,3.4vw,44px);border-radius:32px;position:relative;overflow:hidden;background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.13),transparent 34%),radial-gradient(circle at 100% 12%,rgba(139,92,246,.11),transparent 34%),linear-gradient(180deg,#0f172ab8,#02061780);border:1px solid rgba(255,255,255,.105);box-shadow:0 28px 80px #00000047,inset 0 1px #ffffff0e;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}.profile-left:before{content:none}.profile-left:after{content:none}.profile-left>*{position:relative;z-index:1}.profile-left>div:last-child{flex:1;min-width:0}.profile-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px}.avatar-photo,.avatar-xl{width:clamp(116px,11vw,172px);height:clamp(116px,11vw,172px);border-radius:50%;flex-shrink:0;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.avatar-photo{object-fit:cover;display:block;border:2px solid rgba(255,255,255,.16);box-shadow:0 0 0 10px #ffffff09,0 0 0 1px #7dd3fc38,0 34px 95px #00000080,0 0 36px #38bdf81f}.avatar-xl{display:grid;place-items:center;font-size:3rem;font-weight:950;color:#fff;background:radial-gradient(circle at 25% 15%,rgba(255,255,255,.3),transparent 34%),linear-gradient(135deg,#38bff888,#8a5cf67f);box-shadow:0 0 0 10px #ffffff09,0 0 0 1px #ffffff2e,0 34px 95px #00000080,0 0 38px #8b5cf638}.profile-left:hover .avatar-photo,.profile-left:hover .avatar-xl{transform:translateY(-4px) scale(1.02)}.profile-pill{display:inline-flex;width:fit-content;padding:8px 14px;border-radius:999px;background:#7dd3fc1a;color:#a5f3fc;border:1px solid rgba(125,211,252,.18);font-size:.74rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;box-shadow:0 12px 28px #38bdf814}.profile-left h1{margin:0;color:#fff;font-size:clamp(2.05rem,4.5vw,4.3rem);line-height:.9;letter-spacing:-.078em;text-shadow:0 18px 48px rgba(0,0,0,.36)}.profile-email{color:#cbd5e1;margin:10px 0 0;font-size:.9rem;overflow-wrap:anywhere}.profile-bio{color:#e2e8f0bd;margin:10px 0 0;line-height:1.6;font-size:.92rem;max-width:650px;font-weight:600}.profile-edit-btn,.profile-dashboard-btn,.profile-saved-btn,.profile-books-btn,.back-link,.profile-edit-box button,.edit-post-btn{position:relative;overflow:hidden}.profile-edit-btn,.profile-dashboard-btn,.profile-saved-btn,.profile-books-btn{min-height:46px;margin-top:0;margin-right:0;margin-left:0;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:0 18px;font-weight:950;font-size:.88rem;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.profile-edit-btn:after,.profile-dashboard-btn:after,.profile-saved-btn:after,.profile-books-btn:after,.back-link:after,.profile-edit-box button:after,.edit-post-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:translate(-120%);transition:transform .45s ease}.profile-modal-overlay{position:fixed;inset:0;z-index:5000;width:100vw;height:100dvh;padding:24px;display:grid;place-items:center;background:#020617c7;backdrop-filter:blur(16px)}.profile-modal{width:min(100%,980px);height:min(100%,760px);max-height:calc(100dvh - 48px);border-radius:34px;background:#0f172afa;border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 110px #00000094;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.profile-modal-header,.profile-modal-footer{padding:22px;border-color:#ffffff14}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.profile-modal-body{overflow-y:auto;padding:22px;display:grid;gap:18px}.profile-modal-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid rgba(255,255,255,.08)}.profile-modal-close{width:46px;height:46px;border:0;border-radius:999px;background:#ffffff14;color:#fff;font-size:1.2rem;cursor:pointer}@media (max-width: 640px){.profile-modal-overlay{padding:0}.profile-modal{width:100vw;height:100dvh;max-height:none;border-radius:0}}.touch-crop-preview{position:relative;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.touch-crop-preview:active{cursor:grabbing}.touch-crop-preview img{pointer-events:none;user-select:none;-webkit-user-drag:none}.crop-drag-hint{position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:6px 10px;border-radius:999px;background:#0206179e;color:#fff;font-size:.72rem;font-weight:900;pointer-events:none}.crop-reset-btn{min-height:44px;border:0;border-radius:999px;background:#ffffff14;color:#e0f2fe;font-weight:900;cursor:pointer}.profile-edit-btn:hover:after,.profile-dashboard-btn:hover:after,.profile-saved-btn:hover:after,.profile-books-btn:hover:after,.back-link:hover:after,.profile-edit-box button:hover:after,.edit-post-btn:hover:after{transform:translate(120%)}.profile-edit-btn{background:linear-gradient(135deg,#f8fafc,#c7f9ff);color:#020617;box-shadow:0 14px 34px #38bdf824}.profile-dashboard-btn{background:#38bdf81a;color:#f8fafc;box-shadow:none}.profile-saved-btn{background:#8b5cf61c;color:#f8fafc;box-shadow:none}.profile-books-btn{background:#22c55e1c;color:#f8fafc;box-shadow:none}.profile-edit-btn:hover,.profile-dashboard-btn:hover,.profile-saved-btn:hover,.profile-books-btn:hover{transform:translateY(-2px);border-color:#7dd3fc47;box-shadow:0 18px 42px #00000042}.profile-dashboard-btn:hover,.profile-saved-btn:hover,.profile-books-btn:hover{background:#ffffff21}.profile-edit-btn:active,.profile-dashboard-btn:active,.profile-saved-btn:active,.profile-books-btn:active{transform:scale(.97)}.profile-edit-box{margin-top:18px;max-width:460px;padding:18px;border-radius:26px;display:grid;gap:12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px #ffffff0f}.profile-edit-box input{width:100%;border:1px solid rgba(255,255,255,.1);outline:none;border-radius:17px;padding:14px 15px;background:#fffffff0;color:#07111f;font-weight:750;transition:border-color .2s ease,box-shadow .2s ease}.profile-edit-box input:focus{border-color:#38bdf8a6;box-shadow:0 0 0 4px #38bdf81f}.profile-edit-box button{border:0;border-radius:17px;padding:13px;background:linear-gradient(135deg,#38bff880,#8a5cf665);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 14px 32px #38bdf829}.profile-stats{display:grid;grid-template-columns:1fr;gap:16px;height:100%}.stat-card{min-height:0;border-radius:30px;display:flex;flex-direction:column;justify-content:space-between;padding:22px;position:relative;overflow:hidden;background:#0206176b;border:1px solid rgba(255,255,255,.095);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}.stat-card:before{content:none}.stat-card:after{content:"";position:absolute;inset:auto 20px 18px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}.stat-card:hover{transform:translateY(-5px);border-color:#7dd3fc47;background:radial-gradient(circle at top right,rgba(139,92,246,.16),transparent 34%),linear-gradient(145deg,#1e293be6,#0f172ab3);box-shadow:0 34px 86px #00000057,0 0 36px #38bdf814}.stat-card strong{position:relative;z-index:1;color:#fff;font-size:2.7rem;line-height:1;letter-spacing:-.07em}.stat-card span{position:relative;z-index:1;color:#e2e8f0ad;font-size:.82rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.status{color:#cbd5e1;padding:16px 0;font-weight:850}.profile-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px;padding:8px;border-radius:999px;width:fit-content;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d}.profile-tabs button{border:0;background:transparent;color:#f8fafcb8;padding:11px 18px;border-radius:999px;cursor:pointer;font-weight:950;transition:transform .2s ease,color .2s ease,background .2s ease}.profile-tabs button:hover{color:#fff;background:#ffffff12;transform:translateY(-1px)}.profile-tabs button.active{background:linear-gradient(135deg,#f8fafc,#c7f9ff);color:#020617;box-shadow:0 12px 28px #38bdf81f}.profile-content{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.profile-card{min-height:154px;border-radius:25px;padding:22px;position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(56,189,248,.07),transparent 34%),#02061770;border:1px solid rgba(255,255,255,.085);box-shadow:0 18px 58px #0000002e,inset 0 1px #ffffff09;backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:none;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.profile-card:hover{transform:translateY(-4px);border-color:#7dd3fc38;box-shadow:0 32px 90px #0000004d}.profile-card h3{margin:0 0 16px;color:#fff;font-size:1.25rem;letter-spacing:-.03em}.profile-card p{margin:0;color:#e2e8f0b8;line-height:1.75;font-weight:600}.detail-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.detail-row:last-child{border-bottom:0}.detail-row span{color:#e2e8f094}.detail-row strong{color:#fff;text-align:right}.profile-private-posts{margin-top:6px}.private-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.private-card{position:relative;min-height:330px;border:0;border-radius:30px;overflow:hidden;text-align:left;cursor:pointer;color:#fff;background:#0206176b;box-shadow:none;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}.private-card:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(7,17,31,.9) 100%);z-index:1;pointer-events:none}.private-card:hover{transform:translateY(-7px) scale(1.015);box-shadow:inset 0 0 0 1px #7dd3fc33,0 38px 100px #0000006b,0 0 36px #38bdf814}.private-card img,.private-placeholder{width:100%;height:235px;display:block}.private-card img{object-fit:cover;transition:transform .35s ease,filter .35s ease}.private-card:hover img{transform:scale(1.06);filter:saturate(1.08) contrast(1.06)}.private-placeholder{display:grid;place-items:center;font-size:4.5rem;font-weight:950;color:#fff;background:radial-gradient(circle at top,rgba(56,189,248,.18),transparent 42%),linear-gradient(135deg,#1e293b,#334155)}.private-info{position:relative;z-index:2;padding:18px;margin-top:-72px}.private-info h4{margin:0 0 10px;color:#fff;font-size:1.15rem;line-height:1.25;letter-spacing:-.02em;text-shadow:0 12px 32px rgba(0,0,0,.42)}.private-info span{display:inline-flex;width:fit-content;padding:7px 11px;border-radius:999px;background:#ffffff1f;color:#e2e8f0;font-size:.78rem;font-weight:950}.profile-post-card{padding:0}.post-card-main{width:100%;height:100%;min-height:330px;border:0;padding:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.edit-post-btn{position:absolute;top:14px;right:14px;z-index:5;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 13px;background:#ffffff89;color:#000;font-weight:950;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:all .2s ease}.edit-post-btn:hover{background:#f8fafc;color:#020617;transform:translateY(-1px)}.approved-creators-list{display:grid;gap:14px}.approved-creator-card{width:100%;border:1px solid rgba(255,255,255,.085);background:radial-gradient(circle at top left,rgba(56,189,248,.09),transparent 34%),#0f172ab8;color:#fff;padding:17px;border-radius:24px;display:grid;grid-template-columns:54px 1fr auto;gap:14px;align-items:center;text-align:left;cursor:pointer;transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.approved-creator-card:hover{background:#ffffff13;border-color:#7dd3fc38;transform:translateY(-3px);box-shadow:0 18px 46px #00000038}.approved-avatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:950;background:linear-gradient(135deg,#38bdf8,#8b5cf6);box-shadow:0 12px 28px #38bdf824}.approved-creator-card h4{margin:0 0 4px}.approved-creator-card p{margin:0;color:#e2e8f094}.approved-creator-card span{color:#cbd5e1;font-weight:950}.back-link{margin-bottom:18px;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:10px 14px;background:#fff1;color:#e2e8f0;cursor:pointer;font-weight:950;transition:transform .2s ease,background .2s ease,border-color .2s ease}.back-link:hover{transform:translateY(-2px);background:#ffffff1a;border-color:#7dd3fc3d}@media (max-width: 980px){.profile-page{width:min(100% - 24px,760px);padding-top:3rem}.profile-hero,.profile-content{grid-template-columns:1fr}.profile-left{flex-direction:column;align-items:center;text-align:center;min-height:auto;justify-content:center}.profile-edit-box{margin-left:auto;margin-right:auto}.profile-stats{max-width:520px;width:100%;margin:0 auto}.profile-hero{min-height:auto}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-row strong{max-width:160px;overflow-wrap:anywhere}}@media (max-width : 720px){.profile-page{width:min(100%,800px);padding-bottom:54px}.profile-left{padding:22px;border-radius:30px;gap:20px}.profile-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:24px}.profile-tabs button{padding:11px 10px;font-size:.82rem}.profile-tabs button:first-child{display:none}.private-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.private-card,.post-card-main{min-height:230px;border-radius:22px}.private-card img,.private-placeholder{height:170px}.private-info{padding:12px;margin-top:-54px}.private-info h4{font-size:.9rem;margin-bottom:7px}.private-info span{padding:5px 8px;font-size:.66rem}.approved-creator-card{grid-template-columns:48px 1fr}.approved-creator-card span{grid-column:1 / -1}.profile-stats{grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.stat-card{min-width:92px;min-height:100px;border-radius:22px;padding:14px 10px;scroll-snap-align:start}.stat-card strong{font-size:1.65rem}.stat-card span{font-size:.66rem}.avatar-photo,.avatar-xl{width:124px;height:124px;border-radius:50%;overflow:hidden}.profile-left h1{font-size:2.15rem;line-height:.96}.profile-bio{font-size:.92rem}.profile-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:7px}.profile-edit-btn,.profile-dashboard-btn,.profile-saved-btn,.profile-books-btn{width:100%;min-height:42px;margin-right:0;margin-top:0;padding:0 8px;font-size:.72rem;white-space:nowrap}.profile-books-btn{grid-column:1 / -1}.profile-card{padding:22px;border-radius:26px}}@media (prefers-reduced-motion: reduce){.profile-left:before,.profile-left:after{animation:none}.profile-left,.avatar-photo,.avatar-xl,.profile-avatar-button,.avatar-edit-overlay,.profile-photo-upload,.profile-crop-preview img,.profile-edit-btn,.profile-dashboard-btn,.profile-saved-btn,.profile-books-btn,.stat-card,.profile-tabs button,.profile-card,.private-card,.private-card img,.approved-creator-card,.back-link,.edit-post-btn{transition:none}.saving-spinner{animation:none}}.profile-avatar-button{border:0;padding:0;background:transparent;position:relative;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0;display:block;overflow:hidden}.profile-avatar-button:hover .avatar-edit-overlay,.profile-avatar-button:focus-visible .avatar-edit-overlay{opacity:1;transform:translate(-50%,-50%) scale(1)}.profile-avatar-button:active{transform:scale(.98)}.profile-avatar-button:focus-visible{outline:3px solid rgba(56,189,248,.75);outline-offset:5px}.avatar-edit-overlay{position:absolute;inset:50% 0 0 50%;display:grid;place-items:center;border-radius:inherit;background:#02061794;color:#fff;font-size:.78rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.profile-photo-upload{min-height:48px;border-radius:16px;border:1px dashed rgba(14,165,233,.35);background:#0ea5e914;color:#a5f3fc;display:grid;place-items:center;font-weight:900;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,border-color .2s ease,background .2s ease}.profile-photo-upload:hover{transform:translateY(-1px);border-color:#7dd3fcb3;background:#0ea5e929}.profile-photo-upload input{display:none}.profile-crop-box{display:grid;gap:14px;padding:14px;border-radius:22px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09)}.profile-crop-preview{width:150px;height:150px;margin:0 auto;border-radius:999px;overflow:hidden;background:#e2e8f0;border:4px solid rgba(255,255,255,.92);box-shadow:0 18px 38px #0f172a47}.profile-crop-preview img{width:100%;height:100%;object-fit:cover;transition:transform .16s ease,object-position .16s ease;transform-origin:center}.crop-controls{display:grid;gap:10px}.crop-controls label{display:grid;gap:6px;color:#cbd5e1;font-size:.82rem;font-weight:900}.crop-controls input[type=range]{width:100%;accent-color:#38bdf8;cursor:pointer}.saving-profile-label{display:inline-flex;align-items:center;justify-content:center;gap:8px}.saving-spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:profileSpin .75s linear infinite}.profile-edit-box button:disabled{opacity:.72;cursor:not-allowed;transform:none}@keyframes profileSpin{to{transform:rotate(360deg)}}@media (max-width: 560px){.profile-avatar-button{border-radius:50%;overflow:hidden}.avatar-edit-overlay{opacity:1;background:#0206176b}.profile-crop-preview{width:132px;height:132px}.friend-search-card{padding:16px;border-radius:24px}.friend-result-card{grid-template-columns:1fr}.friend-search-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.friend-result-card button{width:100%}.friend-search-row button{width:auto;min-width:84px;padding:0 12px}.friend-search-row input{min-width:0;padding:0 12px}.friend-result-avatar{width:44px;height:44px}.private-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.private-card,.post-card-main{min-height:210px;border-radius:20px}.private-card img,.private-placeholder{height:155px}.private-info{padding:10px;margin-top:-48px}.private-info h4{font-size:.84rem;line-height:1.2}.edit-post-btn{top:9px;right:9px;padding:6px 9px;font-size:.68rem}}.profile-modal{width:min(100%,620px);max-height:min(92dvh,640px);border-radius:26px}.profile-modal-header,.profile-modal-footer{padding:14px 16px}.profile-modal-body{padding:14px 16px;gap:12px}.profile-crop-preview{width:118px;height:118px}.profile-crop-box{gap:10px;padding:10px}.profile-photo-upload{min-height:42px}.profile-edit-box{padding:14px;gap:10px}.profile-edit-box input,.profile-edit-box button{padding:11px 13px}.saved-page{min-height:100vh;padding:34px 24px 80px;background:radial-gradient(circle at top left,rgba(148,163,184,.08),transparent 32%),#020617;color:#fff;overflow-x:hidden;contain:layout style}.saved-hero{max-width:1180px;margin:0 auto 22px;display:flex;align-items:end;justify-content:space-between;gap:24px}.saved-pill,.saved-topic{display:inline-block;width:fit-content;background:#a7f3d01f;color:#a7f3d0;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.saved-pill{padding:8px 14px}.saved-topic{padding:6px 10px}.saved-hero h1{margin:18px 0 12px;max-width:780px;font-size:clamp(2.4rem,6vw,5.2rem);line-height:.95;letter-spacing:-.07em}.saved-hero p,.saved-heading-row p{margin:0;color:#ffffffad;line-height:1.7}.saved-summary{min-width:170px;padding:20px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);text-align:center;backdrop-filter:blur(12px);contain:content}.saved-summary strong{display:block;font-size:2.6rem;line-height:1}.saved-summary span{color:#ffffff9e;font-weight:800}.saved-toolbar{max-width:1180px;margin:0 auto 26px;display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}.saved-toolbar input{border:0;outline:0;padding:15px 16px;background:#ffffffeb;color:#07111f;font-weight:700;transition:background .16s ease,border-color .16s ease}.saved-topics{display:flex;gap:9px;flex-wrap:wrap}.saved-topics button{border:0;cursor:pointer;padding:12px 14px;background:#fff1;color:#ffffffc7;font-weight:800;transition:background .16s ease,color .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden}.saved-topics button.active,.saved-topics button:hover{background:#f8fafc;color:#020617}.saved-topics button:hover{transform:translate3d(0,-1px,0)}.saved-content{max-width:1180px;margin:0 auto}.saved-heading-row{margin-bottom:16px}.saved-heading-row h2{margin:0 0 6px;font-size:1.45rem}.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;contain:layout}.saved-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.06);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:140px 1fr;min-height:220px;box-shadow:0 16px 40px #00000047;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.saved-card:hover{transform:translate3d(0,-2px,0);box-shadow:0 26px 60px #0006;border-color:#ffffff24}.saved-card-media{border:0;padding:0;cursor:pointer;background:#ffffff0a;overflow:hidden;contain:paint}.saved-card-media img,.saved-card-media video,.saved-placeholder{width:100%;height:100%;min-height:220px;object-fit:cover}.saved-card-media img,.saved-card-media video{transition:transform .22s ease;transform:translateZ(0)}.saved-card:hover .saved-card-media img,.saved-card:hover .saved-card-media video{transform:translateZ(0) scale(1.02)}.saved-placeholder{display:grid;place-items:center;color:#fff;font-size:3rem;font-weight:900;background:linear-gradient(135deg,#2563eb,#7c3aed)}.saved-card-body{padding:18px;display:flex;flex-direction:column;contain:content}.saved-title-btn{border:0;padding:0;margin:12px 0 8px;cursor:pointer;text-align:left;background:transparent;color:#fff;font-size:1.2rem;font-weight:900;line-height:1.25;transition:color .16s ease}.saved-title-btn:hover{color:#e2e8f0}.saved-card-body p{margin:0;color:#ffffffa8;line-height:1.65;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.saved-card-actions{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding-top:16px}.saved-card-actions button{border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;transition:transform .16s ease,background .16s ease,color .16s ease;transform:translateZ(0)}.saved-card-actions button:hover{transform:translate3d(0,-1px,0);background:#f8fafc;color:#020617}.saved-toast{position:fixed;top:92px;left:50%;transform:translate(-50%);z-index:2000;padding:12px 18px;background:#a7f3d0;color:#07111f;font-weight:900;box-shadow:0 18px 60px #00000047;animation:savedToast 1.6s ease forwards;contain:content}@keyframes savedToast{0%{opacity:0;transform:translate(-50%,-10px) scale(.96)}15%{opacity:1;transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-8px) scale(.98)}}.saved-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;contain:layout}.saved-skeleton{height:220px;background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);animation:savedPulse 1.6s ease-in-out infinite}@keyframes savedPulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.status{color:#cbd5e1;padding:20px 0}.status.error{color:#fca5a5}@media (max-width: 860px){.saved-page{padding:22px 14px 60px}.saved-hero{display:grid}.saved-summary{width:fit-content}.saved-toolbar,.saved-grid,.saved-skeleton-grid,.saved-card{grid-template-columns:1fr}.saved-card-media img,.saved-card-media video,.saved-placeholder{height:220px}}@supports (content-visibility: auto){.saved-card,.saved-skeleton{content-visibility:auto;contain-intrinsic-size:220px}}@media (prefers-reduced-motion: reduce){.saved-card,.saved-card-media img,.saved-card-media video,.saved-card-actions button,.saved-topics button{transition:none!important}.saved-skeleton,.saved-toast{animation:none!important}}.feed-topics-page{min-height:100dvh;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:26px clamp(22px,4vw,72px) 80px;box-sizing:border-box;background:radial-gradient(circle at 10% 0%,rgba(37,99,235,.08),transparent 30%),radial-gradient(circle at 92% 12%,rgba(15,23,42,.42),transparent 34%),linear-gradient(180deg,#020617 0% 46%,#00030a);color:#f8fafc}.feed-topics-hero{width:min(1680px,100%);margin:0 auto 26px;padding:28px 0 8px}.feed-topics-kicker{margin:0 0 10px;color:#94a3b8db;font-size:.72rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.feed-topics-hero h1{margin:0;color:#f8fafc;font-size:clamp(2.7rem,5.6vw,6.4rem);line-height:.94;letter-spacing:-.08em;text-shadow:0 18px 50px rgba(0,0,0,.72)}.feed-topics-hero p{max-width:840px;margin:18px 0 0;color:#cbd5e19e;font-size:1.02rem;line-height:1.75}.feed-topics-status{width:min(1680px,100%);margin:18px auto 0;padding:13px 15px;border:1px solid rgba(34,197,94,.12);border-radius:16px;background:#022c2233;color:#a7f3d0e6;font-size:.88rem;font-weight:900}.feed-topics-status.error{border-color:#f8717129;background:#450a0a42;color:#fecacaeb}.feed-topics-grid{width:min(1680px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;align-items:stretch}.feed-topic-card{position:relative;min-height:clamp(190px,20vh,260px);overflow:hidden;padding:22px;border:1px solid rgba(148,163,184,.09);border-radius:26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;color:#f8fafc;text-align:left;cursor:pointer;background:linear-gradient(145deg,#0f172a8f,#020617e6);box-shadow:0 1px 1px #cad1db29,0 18px 45px #00000057;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.feed-topic-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(59,130,246,.07),transparent 34%),radial-gradient(circle at 92% 10%,rgba(255,255,255,.035),transparent 28%);opacity:1}.feed-topic-card:after{content:"";position:absolute;right:-36px;bottom:-44px;width:120px;height:120px;border-radius:999px;background:#1e293b57;filter:blur(2px);pointer-events:none}.feed-topic-card>*{position:relative;z-index:1}.feed-topic-icon{width:50px;height:50px;border:1px solid rgba(148,163,184,.1);border-radius:18px;display:grid;place-items:center;color:#e2e8f0db;background:#020617b8;box-shadow:inset 0 1px #ffffff0b;font-size:1.5rem;font-weight:950}.feed-topic-card strong{display:block;margin-top:auto;color:#f8fafc;font-size:clamp(1.08rem,1.1vw,1.32rem);line-height:1.18;letter-spacing:-.03em}.feed-topic-card small{display:inline-flex;align-items:center;gap:8px;margin-top:4px;color:#94a3b8db;font-size:.84rem;font-weight:950}.feed-topic-card:hover,.feed-topic-card:focus-visible{outline:none;transform:translateY(-3px);border-color:#94a3b82e;background:linear-gradient(145deg,#1e293b9e,#020617f0);box-shadow:0 1px 1px #cad1db33,0 24px 60px #0000006b}.room-card{position:relative}.room-card-menu-wrap{position:absolute;top:12px;right:12px;z-index:20}.room-card-menu-btn{width:34px;height:34px;border:1px solid rgba(148,163,184,.1);border-radius:13px;display:grid;place-items:center;background:#020617d6;color:#f8fafceb;font-size:1rem;font-weight:950;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .16s ease,transform .16s ease,background .16s ease,border-color .16s ease}.room-card:hover .room-card-menu-btn,.room-card:focus-within .room-card-menu-btn,.room-card.active .room-card-menu-btn{opacity:1;pointer-events:auto;transform:translateY(0)}.room-card-menu-btn:hover{border-color:#94a3b833;background:#0f172afa}.room-card-menu-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:25;width:150px;padding:7px;border:1px solid rgba(148,163,184,.13);border-radius:16px;background:#020617fa;box-shadow:0 18px 42px #0000007a}.room-card-menu-popover button{width:100%;min-height:36px;border:1px solid rgba(148,163,184,.07);border-radius:12px;padding:8px 10px;background:#0f172abd;color:#e5e7ebe6;font-size:.78rem;font-weight:850;text-align:left;cursor:pointer}.room-card-menu-popover button:hover{background:#1e293be6;color:#fff}@media (min-width: 1180px){.feed-topics-grid{grid-template-columns:repeat(4,minmax(260px,1fr))}}@media (min-width: 1540px){.feed-topics-grid{grid-template-columns:repeat(5,minmax(250px,1fr))}}@media (min-width: 1900px){.feed-topics-hero,.feed-topics-status,.feed-topics-grid{width:min(1840px,100%)}.feed-topics-grid{grid-template-columns:repeat(6,minmax(240px,1fr))}}@media (max-width: 1050px){.feed-topics-page{padding-inline:18px}.feed-topics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width: 700px){.feed-topics-page{padding:10px 14px 44px;width:100%;margin-left:0;margin-right:0}.feed-topics-hero{margin-bottom:18px;padding-top:12px}.feed-topics-kicker{font-size:.68rem}.feed-topics-hero h1{font-size:clamp(2rem,11vw,3.2rem);letter-spacing:-.06em}.feed-topics-hero p{margin-top:12px;font-size:.92rem;line-height:1.6}.feed-topics-grid{grid-template-columns:1fr;gap:12px}.feed-topic-card{min-height:132px;padding:16px;border-radius:21px}.feed-topic-icon{width:42px;height:42px;border-radius:15px;font-size:1.26rem}.room-card-menu-btn{opacity:1;pointer-events:auto;transform:translateY(0)}}@media (hover: none){.room-card-menu-btn{opacity:1;pointer-events:auto;transform:translateY(0)}}html,body,#root{height:100%}.chat-avatar-fallback{padding:0;width:54px;height:54px;min-width:54px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.12);background:#020617bd;color:#dbeafe;cursor:pointer;box-shadow:none}.chat-avatar-fallback svg{filter:drop-shadow(0 0 8px rgba(125,211,252,.12))}.chat-avatar-options button{width:36px;height:36px;border-radius:13px;border:1px solid rgba(148,163,184,.12);background:#020617b8;color:#cbd5e1;display:grid;place-items:center;cursor:pointer;box-shadow:none;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.chat-avatar-options button:hover,.chat-avatar-options button.active{transform:translateY(-1px);background:#0f172af5;border-color:#7dd3fc38;color:#fff}@media (max-width: 860px){.chat-avatar-fallback{width:50px;height:50px;min-width:50px}}body{margin:0;background:#020617}button{-webkit-tap-highlight-color:transparent}.chat-page{width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;display:grid;grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:16px;padding:16px;overflow:hidden;color:#f8fafc;background:radial-gradient(circle at 20% 0%,rgba(15,23,42,.38),transparent 34%),radial-gradient(circle at 80% 20%,rgba(30,41,59,.22),transparent 34%),linear-gradient(180deg,#020617,#020617)}.chat-page:before{content:none}.chat-sidebar,.chat-window{min-height:0;overflow:hidden;border-radius:28px;background:#0206176b;border:1px solid rgba(148,163,184,.12);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.chat-sidebar{display:flex;flex-direction:column;padding:18px}.chat-header{flex-shrink:0}.chat-header h1{margin:0;color:#fff;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1;letter-spacing:-.055em}.chat-search-wrap{position:relative;z-index:60}.chat-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:14px 0 16px}.chat-search input,.message-form input{min-width:0;outline:none;border-radius:18px;border:1px solid rgba(148,163,184,.14);background:#02061794;color:#f8fafc;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.chat-search input{height:44px;padding:0 15px;font-size:16px}.chat-search input:focus,.message-form input:focus{border-color:#7dd3fc47;background:#0f172ad1;box-shadow:none}.chat-search button,.message-form button,.mobile-chat-back-btn,.voice-btn,.voice-cancel-btn,.media-tool-btn,.voice-play-btn,.voice-record-btn,.voice-stop-btn,.voice-delete-btn{border:1px solid rgba(148,163,184,.14);border-radius:18px;background:#0f172adb;color:#e2e8f0;font-weight:900;cursor:pointer;box-shadow:none;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.chat-search button{min-width:78px;min-height:44px;padding:0 16px}.chat-search button:hover,.message-form button:hover,.mobile-chat-back-btn:hover,.voice-btn:hover,.voice-cancel-btn:hover,.media-tool-btn:hover,.voice-play-btn:hover,.voice-record-btn:hover,.voice-stop-btn:hover,.voice-delete-btn:hover{transform:translateY(-1px);background:#1e293beb;border-color:#7dd3fc38;color:#fff;box-shadow:none}.chat-search button:active,.message-form button:active,.mobile-chat-back-btn:active,.voice-btn:active,.voice-cancel-btn:active,.media-tool-btn:active,.voice-play-btn:active,.voice-record-btn:active,.voice-stop-btn:active,.voice-delete-btn:active{transform:translateY(0) scale(.98);background:#020617f5;box-shadow:none}.chat-list{flex:1;min-height:0;display:grid;align-content:start;gap:14px;overflow-y:auto;padding:3px 6px 12px 1px}.chat-list h3,.user-results h3{margin:4px 2px;color:#e2e8f09e;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.chat-list-item{width:100%;min-height:76px;padding:16px 15px;overflow:visible;border-radius:21px;color:#fff;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.chat-list-item:hover{transform:translateY(-2px);background:#0f172a85;border-color:#94a3b82e;box-shadow:none}.chat-list-item.active{background:#0f172aad;border-color:#7dd3fc3d;box-shadow:inset 3px 0 #7dd3fc8c}.chat-list button:before,.chat-list button:after,.chat-list-item:before,.chat-list-item:after{display:none!important}.chat-item{width:100%;min-width:0;display:flex;align-items:center;gap:14px}.chat-avatar{width:54px;height:54px;flex:0 0 auto;border-radius:50%;object-fit:cover;background:#0f172adb;border:1px solid rgba(255,255,255,.22)}.chat-avatar-wrap{position:relative;z-index:2;width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center}.chat-avatar-fallback{padding:0;width:54px;height:54px;min-width:54px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.12);background:#020617bd;color:#dbeafe;font-size:1.18rem;cursor:pointer;box-shadow:none}.chat-avatar-picker{position:absolute;top:52px;left:0;z-index:120;width:218px;padding:10px;border-radius:20px;background:#020617f5;border:1px solid rgba(148,163,184,.12);box-shadow:none;backdrop-filter:none}.chat-avatar-picker>span{display:block;margin:1px 4px 9px;color:#e2e8f0ad;font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.chat-avatar-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.chat-avatar-options button{width:42px;height:42px;min-width:42px;padding:0;border-radius:15px;border:1px solid rgba(148,163,184,.12);background:#0f172abd;color:#cbd5e1;font-size:1.15rem;cursor:pointer;box-shadow:none}.chat-avatar-options button.active{background:#1e293bf0;border-color:#7dd3fc47;color:#fff}.chat-content{flex:1;min-width:0}.chat-content strong,.chat-list strong{display:block;margin-bottom:3px;color:#fff;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-preview{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-preview span{min-width:0;max-width:230px;color:#ffffffa8;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{min-width:19px;height:19px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#ef4444,#fb7185);color:#fff;font-size:11px;font-weight:950;box-shadow:0 8px 18px #ef44443d}.user-results{display:grid;gap:8px;margin-top:10px}.chat-search-wrap .user-results{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:100;max-height:260px;overflow-y:auto;margin-top:0;padding:7px;border-radius:18px;border:1px solid rgba(125,211,252,.18);background:#080f1cfa;box-shadow:0 2px 2px #061141d4;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.user-results button{width:100%;min-height:50px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;border-radius:14px;text-align:left}.user-results button:before{content:attr(data-initial);width:34px;height:34px;display:grid;place-items:center;border-radius:999px;color:#dbeafe;background:#020617b8;border:1px solid rgba(148,163,184,.14);font-size:.74rem;font-weight:950}.user-results button:after{content:"+";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;color:#dbeafe;background:#0f172ad1;border:1px solid rgba(148,163,184,.14);font-size:.9rem;font-weight:950}.user-results button strong,.user-results button span{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-results button strong{margin:0 0 4px;color:#f8fafc;font-size:.88rem;line-height:1.1}.user-results button span{max-width:150px;color:#e2e8f08f;font-size:.72rem;line-height:1.1}.chat-window{height:100%;max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:#0206176b}.chat-window.drag-over{outline:2px dashed #38bdf8;background:#38bdf80d}.chat-window-top,.chat-header-bar{min-height:64px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(148,163,184,.1);background:#02061780;box-shadow:none;isolation:isolate}.chat-window-top:after{content:none}.chat-window-top{position:relative}.mobile-chat-back-btn{display:none;width:38px;height:38px;min-width:38px;padding:0;place-items:center}.chat-info{min-width:0;flex:1}.chat-info h2{max-width:100%;margin:0;color:#fff;font-size:1.12rem;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-info p{margin:4px 0 0;color:#e2e8f094;font-size:.8rem}.chat-actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.chat-actions button{min-height:38px;padding:0 13px;border-radius:14px;border:1px solid rgba(148,163,184,.12);background:#0f172abd;color:#e2e8f0e6;font-size:.74rem;font-weight:850;cursor:pointer;box-shadow:none;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.chat-actions button:hover{transform:translateY(-1px);background:#1e293beb;border-color:#7dd3fc38;color:#fff}.btn-block{border-color:#ff3b305c!important;color:#fca5a5!important}.btn-block:hover{background:#ef4444eb!important;color:#fff!important;border-color:#ef4444eb!important}.blocked-banner{margin:12px 16px;padding:13px 15px;border-radius:18px;background:#ef444424;color:#fecaca;border:1px solid rgba(239,68,68,.35);font-size:.85rem;font-weight:850;text-align:center}.dropdown-actions{position:relative;z-index:250;display:flex;justify-content:flex-end}.chat-more-btn{width:42px;height:42px;border-radius:16px;border:1px solid rgba(148,163,184,.12);background:#0f172abd;color:#dbeafe;font-size:1.35rem;font-weight:950;cursor:pointer;display:grid;place-items:center;box-shadow:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}.chat-more-btn:hover{transform:translateY(-1px);background:#1e293beb;border-color:#7dd3fc38}.chat-more-btn:active,.chat-more-btn[aria-expanded=true]{transform:translateY(0) scale(.98);background:#020617f5;border-color:#7dd3fc3d}.chat-actions-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:300;pointer-events:auto;min-width:160px;display:grid;gap:8px;padding:10px;border-radius:18px;border:1px solid rgba(148,163,184,.12);background:#020617f5;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.chat-actions-menu button{width:100%;min-height:40px;padding:0 12px;border-radius:13px;text-align:left;border:1px solid rgba(148,163,184,.1);background:#0f172abd;color:#f8fafc;font-weight:800;cursor:pointer}.messages{min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:18px 16px 128px;background:#02061757}.date-divider{display:flex;align-items:center;text-align:center;margin:14px 0 6px;color:#ffffff6b;font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.date-divider:before,.date-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.08)}.date-divider span{padding:0 12px}.message-row{width:100%;display:flex;justify-content:flex-start}.message-row.mine{justify-content:flex-end}.message,.message-bubble{position:relative;width:fit-content;max-width:min(72%,520px);padding:10px 13px 8px;border-radius:18px 18px 18px 6px;background:#0f172ab8;border:1px solid rgba(148,163,184,.1);color:#f8fafc;line-height:1.45;text-align:left;word-break:break-word;overflow-wrap:anywhere;box-shadow:none;animation:messagePop .22s ease both}.message.mine,.message-row.mine .message-bubble{margin-left:auto;border-radius:18px 18px 6px;background:#1e293bdb;border-color:#7dd3fc2e;color:#fff}.message:not(.mine){margin-right:auto}.message p,.message-bubble p{margin:0;line-height:1.38;font-size:.94rem;white-space:pre-wrap;overflow-wrap:anywhere}.timestamp{display:block;margin-top:4px;color:#e2e8f08c;font-size:.64rem;font-weight:700;text-align:right}.message.mine .timestamp,.message-row.mine .timestamp{color:#e2e8f0b3}.media-input-hidden{display:none}.message-media-preview{width:min(280px,70vw);overflow:hidden;border-radius:16px;background:#020617b3;border:1px solid rgba(148,163,184,.08)}.message-media-preview img,.message-media-preview video{display:block;width:100%;max-height:320px;object-fit:cover}.message-media-preview audio{width:100%;height:42px;padding:6px;border-radius:14px;background:#0f172ae0;accent-color:#38bdf8}.message-media-preview a{display:block;padding:12px;color:#dff7ff;font-weight:800;text-decoration:none;overflow-wrap:anywhere}.message-media-preview.media-fallback{display:grid;gap:8px;padding:12px}.message-media-preview.media-fallback button{width:fit-content;border:0;border-radius:999px;padding:8px 12px;background:#38bdf82e;color:#dff7ff;font-weight:900;cursor:pointer}.message-reaction-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.reaction-chip{height:26px;min-width:32px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#f8fafc;cursor:pointer;font-size:.82rem}.reaction-chip.active{background:#38bdf838;border-color:#7dd3fc61}.reaction-chip strong{font-size:.7rem}.composer-shell{position:fixed!important;left:374px!important;right:16px!important;bottom:max(16px,env(safe-area-inset-bottom,0px))!important;z-index:500!important;padding:10px!important;border-radius:24px!important;background:#020617f0!important;border:1px solid rgba(125,211,252,.18)!important;box-shadow:0 18px 50px #00000070,inset 0 1px #ffffff0f!important;backdrop-filter:blur(20px) saturate(135%)!important;-webkit-backdrop-filter:blur(20px) saturate(135%)!important;transform:translateZ(0)!important;will-change:transform!important}.message-form{width:100%;display:flex;align-items:center;gap:10px}.message-form input{flex:1;height:46px;padding:0 16px;font-size:16px}.message-form input::placeholder{color:#cbd5e175}.message-form button,.voice-btn,.voice-cancel-btn,.media-tool-btn{min-width:46px;height:46px;padding:0 13px}.message-form button:disabled,.message-form input:disabled,.voice-btn:disabled{opacity:.45;cursor:not-allowed}.composer-tools-panel{display:grid;gap:10px;padding:0 4px 10px}.emoji-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.emoji-row button,.composer-icon-btn{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:15px;border:1px solid rgba(148,163,184,.12);background:#0f172abd;color:#e2e8f0;cursor:pointer;box-shadow:none}.selected-media-card{display:flex;align-items:center;gap:10px;margin:0 4px 10px;padding:10px;border-radius:16px;background:#0f172a9e;border:1px solid rgba(148,163,184,.1)}.selected-media-card img,.selected-media-card video,.selected-file-icon{width:58px;height:58px;flex:0 0 auto;border-radius:12px;object-fit:cover}.selected-file-icon{display:grid;place-items:center;background:#ffffff14}.selected-media-card audio{width:min(320px,68vw);height:42px;border-radius:14px;background:#0f172ae0;accent-color:#38bdf8}.upload-bar{height:4px;margin:0 8px 10px;overflow:hidden;border-radius:999px;background:#ffffff1a}.upload-bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#8b5cf6);transition:width .18s ease}.voice-btn.recording,.voice-record-btn.recording,.voice-stop-btn{width:auto;background:#ef444438;color:#fecaca}.voice-cancel-btn,.voice-delete-btn{background:#ffffff14;color:#f8fafcd1}.voice-note-preview,.voice-note-bubble{width:min(330px,76vw);display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px;border-radius:20px;background:#0f172ab8;border:1px solid rgba(125,211,252,.14);box-shadow:none}.voice-play-btn,.voice-record-btn,.voice-stop-btn,.voice-delete-btn{width:44px;height:44px;min-width:44px;padding:0;display:inline-grid;place-items:center;font-size:.95rem}.voice-waveform{min-width:0;height:36px;display:flex;align-items:center;gap:3.5px;overflow:hidden;padding:0 2px}.voice-waveform span{width:3.5px;min-width:3.5px;border-radius:999px;background:linear-gradient(180deg,#bae6fdfa,#38bdf875);opacity:.9;transform-origin:center;box-shadow:0 0 10px #38bdf824}.voice-waveform span:nth-child(1){height:10px}.voice-waveform span:nth-child(2){height:18px}.voice-waveform span:nth-child(3){height:25px}.voice-waveform span:nth-child(4){height:14px}.voice-waveform span:nth-child(5){height:30px}.voice-waveform span:nth-child(6){height:20px}.voice-waveform span:nth-child(7){height:12px}.voice-waveform span:nth-child(8){height:24px}.voice-waveform span:nth-child(9){height:16px}.voice-waveform span:nth-child(10){height:28px}.voice-waveform span:nth-child(11){height:13px}.voice-waveform span:nth-child(12){height:22px}.voice-waveform span:nth-child(13){height:31px}.voice-waveform span:nth-child(14){height:17px}.voice-waveform span:nth-child(15){height:11px}.voice-waveform.recording span{animation:voicePulse .9s ease-in-out infinite alternate}.voice-waveform.recording span:nth-child(2n){animation-delay:.12s}.voice-waveform.recording span:nth-child(3n){animation-delay:.24s}.voice-duration{min-width:38px;color:#e2e8f0b8;font-size:.72rem;font-weight:900;white-space:nowrap;text-align:right}.voice-status{min-width:0;color:#f8fafccc;font-size:.8rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-media-card.voice-selected{display:grid;grid-template-columns:42px minmax(0,1fr) auto;padding:10px}.selected-media-card.voice-selected audio{width:100%;min-width:0}.game-container{text-align:center;padding:30px}.grid{display:grid;grid-template-columns:repeat(2,100px);gap:12px;justify-content:center;margin-top:20px}.cell{width:100px;height:100px;border-radius:20px;background:#1e293be6;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.cell:hover{transform:translateY(-2px);background:#334155f0}.cell.active{background:linear-gradient(135deg,#38bdf8,#8b5cf6);transform:scale(1.08);box-shadow:0 16px 36px #38bdf83d}.messages::-webkit-scrollbar,.chat-sidebar::-webkit-scrollbar,.chat-list::-webkit-scrollbar,.user-results::-webkit-scrollbar,.emoji-row::-webkit-scrollbar{width:6px;height:6px}.messages::-webkit-scrollbar-track,.chat-sidebar::-webkit-scrollbar-track,.chat-list::-webkit-scrollbar-track,.user-results::-webkit-scrollbar-track,.emoji-row::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb,.chat-sidebar::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb,.user-results::-webkit-scrollbar-thumb,.emoji-row::-webkit-scrollbar-thumb{background:#94a3b829;border-radius:999px}.messages::-webkit-scrollbar-thumb:hover,.chat-sidebar::-webkit-scrollbar-thumb:hover,.chat-list::-webkit-scrollbar-thumb:hover,.user-results::-webkit-scrollbar-thumb:hover,.emoji-row::-webkit-scrollbar-thumb:hover{background:#7dd3fc52}@keyframes messagePop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes voicePulse{0%{transform:scaleY(.72);opacity:.48}to{transform:scaleY(1.12);opacity:1}}@media (max-width: 980px){.chat-page{grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:12px;padding:12px}.chat-sidebar,.chat-window{border-radius:22px}.composer-shell{left:338px!important;right:12px!important}}@media (max-width: 860px){.chat-page{width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);padding:0;margin:0;overflow:hidden}.chat-page.mobile-chat-open .chat-sidebar{display:none}.chat-page:not(.mobile-chat-open) .chat-window{display:none}.chat-page.mobile-chat-open .chat-window{display:grid;width:100%;height:100dvh!important;max-height:100dvh!important;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;border-radius:0;border-left:0;border-right:0;border-bottom:0;overflow:hidden!important}.chat-sidebar{width:100%;height:100%;border-radius:0;padding:14px}.chat-header h1{font-size:1.45rem;letter-spacing:-.045em}.chat-search{gap:8px;margin:12px 0 14px}.chat-search input{height:40px;padding:0 12px}.chat-search button{min-width:62px;padding:0 11px}.chat-list{gap:12px;padding:2px 4px 14px 0}.chat-list h3{display:none}.chat-list-item{min-height:70px;padding:13px 12px;border-radius:19px}.chat-avatar{width:50px;height:50px}.chat-avatar-wrap{width:54px;height:54px}.chat-avatar-fallback{width:50px;height:50px;min-width:50px}.chat-preview span{max-width:180px;font-size:.74rem}.mobile-chat-back-btn{display:grid}.chat-window-top,.chat-header-bar{position:relative;z-index:220;min-height:56px;padding:9px 10px;gap:8px}.chat-window-top:after{left:14px;right:14px}.chat-info h2{font-size:1rem}.chat-info p{font-size:.72rem}.chat-actions{gap:6px}.chat-actions button{min-height:34px;padding:0 9px;font-size:.68rem}.chat-more-btn{width:38px;height:38px;border-radius:13px}.chat-actions-menu{position:fixed;top:56px;right:10px;z-index:9999;pointer-events:auto}.messages{min-height:0;height:100%;padding:12px 10px 132px;gap:6px;overflow-y:auto}.message,.message-bubble{max-width:88%;padding:8px 10px 6px;border-radius:16px 16px 16px 5px;font-size:.9rem}.message.mine,.message-row.mine .message-bubble{border-radius:16px 16px 5px}.timestamp{margin-top:2px;font-size:.62rem}.date-divider{margin:10px 0 5px;font-size:.62rem}.composer-shell{position:fixed!important;left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;z-index:500!important;padding:8px!important;border-radius:22px!important;transform:translateZ(0)!important;will-change:transform!important}.message-form{gap:7px}.message-form input{height:42px;padding:0 13px;font-size:16px}.message-form button,.voice-btn,.voice-cancel-btn,.media-tool-btn{min-width:42px;height:42px;padding:0 11px}.message-media-preview{width:min(250px,76vw)}.user-results button{min-height:52px;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;padding:8px 9px}.user-results button:before{width:32px;height:32px}.user-results button span{max-width:120px}.voice-note-preview,.voice-note-bubble{width:min(292px,78vw);grid-template-columns:40px minmax(0,1fr) auto;gap:8px;padding:9px;border-radius:17px}.voice-play-btn,.voice-record-btn,.voice-stop-btn,.voice-delete-btn{width:40px;height:40px;min-width:40px}.voice-waveform{height:31px;gap:2.5px;padding:0 1px}.voice-waveform span{width:2.7px;min-width:2.7px}.voice-duration{min-width:34px;font-size:.68rem}}@media (max-width: 420px){.chat-sidebar{padding:12px}.chat-list-item{min-height:68px}.message,.message-bubble{max-width:90%}.message-form button,.voice-btn,.voice-cancel-btn,.media-tool-btn{min-width:38px;height:38px;padding:0 10px}.message-form input{height:40px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.message-menu-wrap{position:relative;display:flex;justify-content:flex-end;margin-top:6px}.message-menu-btn{width:24px;height:24px;min-width:24px;border:1px solid rgba(148,163,184,.1);border-radius:999px;background:#0f172abd;color:#e2e8f0b8;display:grid;place-items:center;cursor:pointer;font-size:.95rem;line-height:1;padding:0;box-shadow:none}.message-menu-btn:hover,.message-menu-btn[aria-expanded=true]{background:#1e293beb;color:#e0f7ff}.message-menu-wrap .message-reaction-row{position:absolute;right:0;bottom:calc(100% + 6px);z-index:25;margin-top:0;padding:6px;display:flex;gap:6px;flex-wrap:nowrap;border-radius:999px;background:#020617f5;border:1px solid rgba(148,163,184,.12);box-shadow:none}.audio-mini-card{width:min(250px,68vw);min-height:46px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 11px;border-radius:999px;background:#0f172ab8;border:1px solid rgba(148,163,184,.1)}.message.mine .audio-mini-card{background:#ffffff1a}.audio-mini-play{width:30px!important;height:30px!important;min-width:30px!important;border:0!important;border-radius:999px!important;background:#ffffff14!important;color:#f8fafc!important;font-size:.68rem!important;font-weight:900!important;cursor:pointer!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:none!important}.audio-mini-wave{height:24px;min-width:0;display:flex;align-items:center;gap:2px;overflow:hidden}.audio-mini-wave span{width:2.5px;min-width:2.5px;border-radius:999px;background:#e2e8f0c2}.audio-mini-wave span:nth-child(1){height:7px}.audio-mini-wave span:nth-child(2){height:13px}.audio-mini-wave span:nth-child(3){height:18px}.audio-mini-wave span:nth-child(4){height:10px}.audio-mini-wave span:nth-child(5){height:22px}.audio-mini-wave span:nth-child(6){height:15px}.audio-mini-wave span:nth-child(7){height:8px}.audio-mini-wave span:nth-child(8){height:19px}.audio-mini-wave span:nth-child(9){height:12px}.audio-mini-wave span:nth-child(10){height:24px}.audio-mini-wave span:nth-child(11){height:9px}.audio-mini-wave span:nth-child(12){height:17px}.audio-mini-wave span:nth-child(13){height:21px}.audio-mini-wave span:nth-child(14){height:11px}.audio-mini-wave span:nth-child(15){height:16px}.audio-mini-wave span:nth-child(16){height:8px}.audio-mini-wave span:nth-child(17){height:14px}.audio-mini-wave span:nth-child(18){height:20px}.audio-mini-wave.playing span{background:#7dd3fc;animation:audioMiniPulse .75s ease-in-out infinite alternate}.audio-mini-time{min-width:30px;font-size:.66rem;font-weight:900;color:#e2e8f0b8;text-align:right;white-space:nowrap}.audio-mini-card audio{display:none}.message-media-preview:has(.audio-mini-card){width:auto;background:transparent;border:0}.selected-audio-preview{width:100%;min-width:0}.selected-audio-preview .audio-mini-card{width:100%}.selected-media-card:has(.selected-audio-preview){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}@keyframes audioMiniPulse{0%{transform:scaleY(.7);opacity:.55}to{transform:scaleY(1.15);opacity:1}}@media (max-width: 720px){.audio-mini-card{width:min(230px,72vw);grid-template-columns:31px minmax(0,1fr) auto;gap:8px;min-height:43px;padding:7px 9px}.audio-mini-play{width:31px;height:31px;min-width:31px}.audio-mini-wave{gap:1.8px}.audio-mini-wave span{width:2.2px;min-width:2.2px}}.message-options-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:35;min-width:156px;display:grid;gap:7px;padding:7px;border-radius:18px;background:#020617f5;border:1px solid rgba(148,163,184,.12);box-shadow:none}.message-action-row{display:grid;gap:6px}.message-action-row button{width:100%;min-height:34px;border:1px solid rgba(148,163,184,.1);border-radius:12px;background:#0f172abd;color:#e0f2fe;font-size:.78rem;font-weight:900;cursor:pointer;text-align:left;padding:0 10px}.message-delete-btn{color:#fecaca!important}.message-edit-box{display:grid;gap:8px}.message-edit-box input{width:min(280px,68vw);min-height:38px;border:1px solid rgba(125,211,252,.22);border-radius:14px;outline:none;background:#fffffff2;color:#07111f;padding:0 11px;font-size:.9rem;font-weight:700}.message-edit-actions{display:flex;gap:7px;justify-content:flex-end}.message-edit-actions button{min-height:30px;border:0;border-radius:999px;padding:0 11px;background:#38bdf833;color:#e0f7ff;font-size:.72rem;font-weight:900}.chat-avatar-wrap{width:58px!important;height:58px!important;min-width:58px!important;background:transparent!important;box-shadow:none!important}.chat-avatar-wrap img{width:54px!important;height:54px!important;border-radius:50%;object-fit:cover}.chat-page,.chat-shell,.chat-container{background:#020617!important}.chat-card,.chat-list-card,.chat-panel,.chat-header,.chat-thread,.chat-message,.conversation-card,.chat-contact-card{background:#0206176b!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.chat-card:before,.chat-card:after,.chat-list-card:before,.chat-list-card:after,.chat-panel:before,.chat-panel:after,.chat-header:before,.chat-header:after,.chat-thread:before,.chat-thread:after,.conversation-card:before,.conversation-card:after,.chat-contact-card:before,.chat-contact-card:after{content:none!important;animation:none!important}.chat-card:hover,.chat-list-card:hover,.conversation-card:hover,.chat-contact-card:hover{transform:translateY(-2px)!important;box-shadow:none!important}.chat-page,.chat-page:before,.chat-sidebar,.chat-window,.chat-window-top,.chat-header-bar,.chat-list-item,.chat-avatar-fallback,.chat-avatar-picker,.chat-avatar-options button,.chat-actions-menu,.message,.message-bubble,.composer-shell,.selected-media-card,.voice-note-preview,.voice-note-bubble,.message-options-menu,.audio-mini-card{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.chat-avatar-fallback,.chat-avatar-options button,.chat-list-item,.message,.message-bubble,.composer-icon-btn,.emoji-row button,.message-menu-btn,.audio-mini-play{border-color:#94a3b81f!important}.chat-avatar-fallback{background:#020617c7!important;color:#dbeafe!important}.chat-avatar-options button{background:#0f172ac7!important}.chat-avatar-options button:hover,.chat-avatar-options button.active{background:#1e293bf0!important}.chat-page{background:radial-gradient(circle at 20% 0%,rgba(15,23,42,.38),transparent 34%),radial-gradient(circle at 80% 20%,rgba(30,41,59,.28),transparent 34%),linear-gradient(180deg,#020617,#020617)!important;color:#f8fafc}.chat-page:before{content:none!important}.chat-sidebar,.chat-window,.chat-list-item,.chat-window-top,.chat-header-bar,.composer-shell,.message,.message-bubble,.chat-actions-menu,.message-options-menu,.message-menu-wrap .message-reaction-row,.chat-avatar-picker,.selected-media-card,.voice-note-preview,.voice-note-bubble,.audio-mini-card,.user-results button,.chat-search-wrap .user-results{background:#0206176b!important;border:1px solid rgba(148,163,184,.12)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.chat-sidebar,.chat-window{border-radius:30px}.chat-list-item,.chat-actions-menu,.message-options-menu,.chat-avatar-picker,.selected-media-card,.voice-note-preview,.voice-note-bubble,.audio-mini-card{background:#0206175c!important;box-shadow:0 1px 1px #cad1db33!important}.chat-list-item:hover,.chat-actions button:hover,.chat-actions-menu button:hover,.message-action-row button:hover,.chat-avatar-options button:hover,.chat-avatar-options button.active,.chat-more-btn:hover,.message-menu-btn:hover,.message-menu-btn[aria-expanded=true]{background:#0f172a85!important;border-color:#94a3b833!important}.chat-list-item.active{background:#0f172a8f!important;border-color:#7dd3fc38!important;box-shadow:inset 3px 0 #7dd3fc73!important}.message.mine,.message-row.mine .message-bubble{background:#0f172a9e!important;border-color:#7dd3fc2e!important}.chat-search input,.message-form input,.message-edit-box input{background:#0206175c!important;border:1px solid rgba(148,163,184,.12)!important;color:#f8fafc!important;box-shadow:none!important}.chat-search input:focus,.message-form input:focus,.message-edit-box input:focus{background:#0f172a85!important;border-color:#94a3b833!important;box-shadow:none!important}.chat-search input::placeholder,.message-form input::placeholder,.message-edit-box input::placeholder{color:#cbd5e175!important}.chat-search button,.message-form button,.mobile-chat-back-btn,.voice-btn,.voice-cancel-btn,.media-tool-btn,.voice-play-btn,.voice-record-btn,.voice-stop-btn,.voice-delete-btn,.chat-actions button,.chat-actions-menu button,.chat-more-btn,.message-menu-btn,.message-action-row button,.message-edit-actions button,.composer-icon-btn,.emoji-row button,.audio-mini-play,.message-media-preview.media-fallback button{background:#0f172abd!important;border:1px solid rgba(148,163,184,.12)!important;color:#e2e8f0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.chat-search button:hover,.message-form button:hover,.mobile-chat-back-btn:hover,.voice-btn:hover,.voice-cancel-btn:hover,.media-tool-btn:hover,.voice-play-btn:hover,.voice-record-btn:hover,.voice-stop-btn:hover,.voice-delete-btn:hover,.composer-icon-btn:hover,.emoji-row button:hover,.audio-mini-play:hover,.message-media-preview.media-fallback button:hover{transform:translateY(-1px);background:#1e293beb!important;border-color:#94a3b833!important;box-shadow:none!important}.chat-avatar-fallback,.user-results button:before,.user-results button:after,.selected-file-icon{background:#020617bd!important;border:1px solid rgba(148,163,184,.12)!important;color:#dbeafe!important;box-shadow:none!important}.chat-avatar-options button{background:#0f172abd!important;border:1px solid rgba(148,163,184,.12)!important;color:#cbd5e1!important;box-shadow:none!important}.reaction-chip{background:#0f172abd!important;border:1px solid rgba(148,163,184,.12)!important;color:#e2e8f0!important;box-shadow:none!important}.reaction-chip.active{background:#1e293beb!important;border-color:#7dd3fc38!important}.unread-badge{background:#ef4444c7!important;box-shadow:none!important}.message-media-preview,.message-media-preview audio,.selected-media-card audio{background:#0f172a9e!important;border-color:#94a3b81a!important;box-shadow:none!important}.voice-waveform span,.audio-mini-wave span{background:#e2e8f0a3!important;box-shadow:none!important}.upload-bar{background:#94a3b81f!important}.upload-bar>div,.cell.active{background:#7dd3fc73!important;box-shadow:none!important}.cell{background:#0206176b!important;border:1px solid rgba(148,163,184,.12)!important;box-shadow:none!important}.cell:hover{background:#0f172a85!important}@media (max-width: 860px){.chat-sidebar,.chat-window,.chat-page.mobile-chat-open .chat-window{border-radius:0!important}.chat-page{background:#020617!important}.chat-window-top,.chat-header-bar,.composer-shell{background:#020617b8!important}}.chat-actions-menu,.message-options-menu,.message-menu-wrap .message-reaction-row,.chat-avatar-picker,.chat-search-wrap .user-results{background:#020617!important;border:1px solid rgba(148,163,184,.28)!important;box-shadow:0 16px 36px #00000073!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.chat-actions-menu button,.message-options-menu button,.message-action-row button,.chat-avatar-options button,.chat-search-wrap .user-results button{background:#0f172a!important;border:1px solid rgba(148,163,184,.22)!important;color:#f8fafc!important}.chat-actions-menu button:hover,.message-options-menu button:hover,.message-action-row button:hover,.chat-avatar-options button:hover,.chat-search-wrap .user-results button:hover{background:#1e293b!important;border-color:#7dd3fc47!important}.message,.message-bubble{max-width:min(64%,460px)!important;padding:7px 10px 5px!important;border-radius:18px 18px 18px 8px!important;background:#0a0f1c9e!important;border:0!important;color:#f8fafcf5!important;line-height:1.34!important;text-align:left!important;word-break:break-word!important;overflow-wrap:anywhere!important;box-shadow:none!important;backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important}.message.mine,.message-row.mine .message-bubble{border-radius:18px 18px 8px!important;background:linear-gradient(180deg,#16223ad1,#0c1426d1)!important;border:0!important;color:#fffffffa!important;box-shadow:none!important}.message p,.message-bubble p{font-size:.9rem!important;line-height:1.34!important;letter-spacing:-.01em!important}.timestamp{margin-top:3px!important;font-size:.58rem!important;font-weight:750!important;color:#cbd5e16b!important;letter-spacing:.01em!important}.message.mine .timestamp,.message-row.mine .timestamp{color:#cbd5e180!important}.messages{gap:5px!important;padding-left:18px!important;padding-right:18px!important}.message-row+.message-row .message,.message-row+.message-row .message-bubble{margin-top:1px!important}.message-media-preview{border-radius:16px!important;border:0!important;background:transparent!important;overflow:hidden!important;box-shadow:none!important}.message-media-preview img,.message-media-preview video{border-radius:16px!important;border:0!important;box-shadow:none!important}.audio-mini-card{width:min(220px,62vw)!important;min-height:40px!important;padding:6px 10px!important;border-radius:999px!important;background:#080d1885!important;border:0!important;box-shadow:none!important;backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important}.message.mine .audio-mini-card{background:#16223a9e!important;border:0!important;box-shadow:none!important}.message-menu-wrap{margin-top:4px!important}.message-menu-btn{width:21px!important;height:21px!important;min-width:21px!important;font-size:.78rem!important;background:#02061757!important;border-color:#94a3b814!important;color:#cbd5e18c!important}.message-menu-btn:hover,.message-menu-btn[aria-expanded=true]{color:#f8fafce6!important;background:#0f172ae6!important}.reaction-chip{height:24px!important;min-width:30px!important;padding:0 7px!important;font-size:.86rem!important;background:#0f172ad1!important;border-color:#94a3b81c!important}.reaction-chip strong{font-size:.64rem!important}@media (max-width: 860px){.message,.message-bubble{max-width:84%!important;padding:7px 10px 6px!important;border-radius:15px 15px 15px 6px!important}.message.mine,.message-row.mine .message-bubble{border-radius:15px 15px 6px!important}.message p,.message-bubble p{font-size:.88rem!important}.messages{padding-left:10px!important;padding-right:10px!important}}.selected-voice-card,.selected-media-card:has(.selected-audio-preview){display:grid!important;grid-template-columns:minmax(160px,1fr) minmax(120px,.75fr) auto!important;align-items:center!important;gap:10px!important;margin:0 4px 10px!important;padding:8px!important;border-radius:20px!important;background:#080d1880!important;border:0!important;box-shadow:none!important;backdrop-filter:blur(12px) saturate(150%)!important;-webkit-backdrop-filter:blur(12px) saturate(150%)!important}.selected-audio-preview{min-width:0!important;width:100%!important}.selected-audio-preview .audio-mini-card{width:100%!important;min-height:38px!important;grid-template-columns:28px minmax(0,1fr) auto!important;gap:8px!important;padding:5px 8px!important;background:#0206175c!important;border:0!important;box-shadow:none!important}.selected-audio-preview .audio-mini-play{width:30px!important;height:30px!important;min-width:30px!important;font-size:0!important;position:relative!important}.selected-audio-preview .audio-mini-play:before{content:"▶";font-size:.66rem;line-height:1}.selected-audio-preview .audio-mini-card:has(audio:not([paused])) .audio-mini-play:before{content:"▶"}.selected-audio-preview .audio-mini-wave{height:22px!important}.selected-audio-preview .audio-mini-wave span{width:2px!important;min-width:2px!important}.selected-audio-preview .audio-mini-time{min-width:28px!important;font-size:.62rem!important;color:#cbd5e1ad!important}.selected-media-details{min-width:0!important;flex:initial!important}.selected-media-details strong,.selected-media-details span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.selected-media-details strong{color:#f8fafcf0!important;font-size:.78rem!important;font-weight:900!important;letter-spacing:-.01em!important}.image-lightbox{position:fixed;inset:0;z-index:99999;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .18s ease}.image-lightbox-img{max-width:min(94vw,1200px);max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:22px;box-shadow:0 20px 80px #0000008c;animation:zoomIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.selected-media-details span{margin-top:2px!important;color:#cbd5e175!important;font-size:.66rem!important;font-weight:750!important}.voice-ready-cancel-btn{flex:0 0 auto!important;min-height:32px!important;border:0!important;background:#7f1d1d38!important;color:#fee2e2eb!important;border-radius:999px!important;padding:0 12px!important;font-size:.7rem!important;font-weight:900!important;white-space:nowrap!important;cursor:pointer!important;box-shadow:none!important;transition:transform .16s ease,background .16s ease,color .16s ease!important}.voice-ready-cancel-btn:hover:not(:disabled){transform:translateY(-1px)!important;background:#991b1b57!important;border-color:#f871715c!important;color:#fff!important}.voice-ready-cancel-btn:active:not(:disabled){transform:translateY(0) scale(.98)!important}@media (max-width: 760px){.selected-voice-card,.selected-media-card:has(.selected-audio-preview){grid-template-columns:1fr auto!important}.selected-media-details{grid-column:1 / -1!important;order:-1!important}}@media (max-width: 460px){.selected-voice-card,.selected-media-card:has(.selected-audio-preview){grid-template-columns:1fr!important}.voice-ready-cancel-btn{width:100%!important}}.chat-window{overflow:hidden!important}.messages{padding-bottom:132px!important;scroll-padding-bottom:132px!important;overflow-anchor:none!important;overscroll-behavior:contain!important}.composer-shell{flex:0 0 auto!important}.message-form{min-width:0!important;width:100%!important}.message-form input{min-width:0!important}.composer-shell{padding:8px 10px!important;border-radius:28px!important;background:#0f172ad1!important;border:1px solid rgba(148,163,184,.1)!important;box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff0a!important;backdrop-filter:blur(20px) saturate(160%)!important;-webkit-backdrop-filter:blur(20px) saturate(160%)!important}.message-form{align-items:center!important;gap:8px!important}.message-form input{height:44px!important;border-radius:999px!important;padding:0 16px!important;background:#02061794!important;border:1px solid rgba(148,163,184,.08)!important;color:#f8fafc!important;font-size:.95rem!important;font-weight:500!important;letter-spacing:-.01em!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important}.message-form input:focus{background:#0f172aeb!important;border-color:#7dd3fc2e!important;box-shadow:0 0 0 3px #38bdf814!important}.message-form input::placeholder{color:#cbd5e17a!important;font-weight:500!important}.message-form button,.voice-btn,.voice-cancel-btn,.media-tool-btn{width:42px!important;height:42px!important;min-width:42px!important;border-radius:999px!important;padding:0!important;display:grid!important;place-items:center!important;background:#0f172ae6!important;border:1px solid rgba(148,163,184,.08)!important;color:#f8fafceb!important;transition:transform .16s ease,background .16s ease,border-color .16s ease!important}.message-form button:hover,.voice-btn:hover,.voice-cancel-btn:hover,.media-tool-btn:hover{transform:translateY(-1px) scale(1.02)!important;background:#1e293bf5!important;border-color:#7dd3fc2e!important}.message-form button:active,.voice-btn:active,.voice-cancel-btn:active,.media-tool-btn:active{transform:scale(.97)!important}@media (max-width: 860px){.composer-shell{padding:7px 8px!important;border-radius:24px!important}.message-form{gap:6px!important}.message-form input{height:42px!important;font-size:16px!important}.message-form button,.voice-btn,.voice-cancel-btn,.media-tool-btn{width:40px!important;height:40px!important;min-width:40px!important}}@media (max-width: 860px){.chat-page.mobile-chat-open .chat-window{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.messages{padding-bottom:138px!important;scroll-padding-bottom:138px!important}.composer-shell{width:calc(100vw - 20px)!important;left:50%!important;right:auto!important;bottom:max(10px,env(safe-area-inset-bottom,0px))!important;transform:translate(-50%) translateZ(0)!important}}.creator-profile-container{min-height:100vh;padding:40px 20px 60px;display:flex;overflow-x:hidden;contain:layout style;justify-content:center;background:radial-gradient(circle at 20% 0%,rgba(148,163,184,.08),transparent 40%),linear-gradient(180deg,#020617,#050a14)}.profile-card{width:100%;max-width:1120px;padding:28px;border-radius:26px;background:#0f172abf;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);contain:content;box-shadow:0 18px 42px #0000003d}.back-link{border:none;background:transparent;color:#cbd5e1;font-size:.95rem;cursor:pointer;transition:color .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden;margin-bottom:22px}.back-link:hover{color:#fff;transform:translate3d(0,-1px,0)}.profile-header{display:grid;grid-template-columns:140px 1fr auto;gap:24px;contain:layout;align-items:center;margin-bottom:10px}.avatar-wrapper{position:relative;width:132px;height:132px;contain:content}.avatar-large{width:132px;height:132px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#334155);color:#f8fafc;font-size:2.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000038}.image-avatar{object-fit:cover;transform:translateZ(0);backface-visibility:hidden}.online-status{position:absolute;right:10px;bottom:10px;width:18px;height:18px;border-radius:50%;background:#22c55e;border:3px solid #0f172a}.profile-info h2{margin:0;font-size:2.2rem;color:#f8fafc;font-weight:800;letter-spacing:-.04em;text-wrap:balance}.profile-id{margin:8px 0 10px;color:#94a3b8;font-size:.9rem}.bio{margin:0;color:#e2e8f0b3;line-height:1.6;max-width:560px;font-size:.95rem}.profile-actions{display:flex;flex-direction:column;gap:12px;contain:layout}.btn-primary,.btn-secondary{border:none;border-radius:16px;padding:13px 18px;min-width:150px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease;transform:translateZ(0);backface-visibility:hidden}.btn-primary{background:#f8fafc;color:#020617;font-weight:700}.btn-primary:hover,.btn-secondary:hover{transform:translate3d(0,-1px,0);border-color:#fff3}.btn-secondary{background:#ffffff0f;color:#e2e8f0;border:1px solid rgba(255,255,255,.08)}.btn-secondary.following{background:#22c55e2e;color:#bbf7d0}.stats-bar{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;contain:layout}.stat{border-radius:16px;padding:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:#f8fafc;transition:transform .16s ease,border-color .16s ease,background .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content}.stat strong{display:block;font-size:1.45rem;margin-bottom:6px}.stat:hover{transform:translate3d(0,-1px,0);border-color:#fff3}.posts-section{margin-top:32px}.posts-section h3{margin:0 0 18px;color:#fff;font-size:1.2rem}.creator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;contain:layout}.mini-post-card{position:relative;height:280px;border-radius:20px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:transform .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.mini-post-card:hover{transform:translate3d(0,-2px,0);box-shadow:0 10px 26px #0000003d}.mini-post-card img,.mini-placeholder{width:100%;height:100%;object-fit:cover;transform:translateZ(0);backface-visibility:hidden}.mini-placeholder{display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;color:#cbd5e1;background:linear-gradient(145deg,#1e293b,#020617)}.mini-card-overlay{position:absolute;inset:auto 0 0;padding:14px;background:linear-gradient(180deg,transparent,rgba(2,6,23,.85));contain:content}.mini-card-overlay span{font-size:.72rem;color:#e2e8f099;margin-bottom:6px;display:inline-block}.mini-card-overlay h4{margin:4px 0 0;color:#f8fafc;font-size:.95rem;line-height:1.4}.people-list{display:grid;gap:14px;contain:layout}.people-list button{border:none;border-radius:18px;padding:16px 18px;text-align:left;background:#ffffff0d;cursor:pointer;transition:background .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content}.people-list button:hover{background:#ffffff17;transform:translate3d(0,-1px,0)}.people-list strong{display:block;color:#fff;margin-bottom:6px}.people-list span{color:#94a3b8;font-size:.9rem}.empty-state,.skeleton-loader{padding:28px;border-radius:20px;text-align:center;color:#94a3b8;background:#ffffff0a;contain:content}@media (max-width: 980px){.profile-header{grid-template-columns:1fr;text-align:center}.avatar-wrapper{margin:0 auto}.profile-actions{flex-direction:row;justify-content:center;flex-wrap:wrap}.bio{max-width:100%}}@media (max-width: 720px){.creator-profile-container{padding:14px}.profile-card{padding:18px;border-radius:22px}.stats-bar{grid-template-columns:repeat(3,1fr);overflow-x:auto;gap:8px}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.btn-primary,.btn-secondary{width:100%}.profile-actions{flex-direction:column}.mini-post-card,.btn-primary,.btn-secondary,.stat,.people-list button{transition-duration:.01ms!important}.profile-info h2{font-size:1.55rem}}@supports (content-visibility: auto){.mini-post-card,.people-list button,.stat{content-visibility:auto;contain-intrinsic-size:220px 220px}}@media (prefers-reduced-motion: reduce){.mini-post-card,.btn-primary,.btn-secondary,.stat,.people-list button,.back-link{transition-duration:.01ms!important}}.creator-dashboard-page{min-height:100vh;padding:32px 20px 56px;color:#f8fafc;background:radial-gradient(circle at 15% 0%,rgba(148,163,184,.08),transparent 34%),linear-gradient(180deg,#020617,#050a14);overflow-x:hidden;contain:layout style}.dashboard-hero,.dashboard-status,.dashboard-stats,.dashboard-grid,.posts-panel{width:min(1120px,100%);margin-left:auto;margin-right:auto}.dashboard-hero{min-height:220px;margin-bottom:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;contain:layout}.dashboard-hero span{display:inline-flex;width:fit-content;padding:7px 12px;border-radius:999px;background:#94a3b81f;color:#cbd5e1;border:1px solid rgba(255,255,255,.08);font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.dashboard-hero h1{max-width:760px;margin:16px 0 10px;color:#f8fafc;font-size:clamp(2.25rem,5vw,4.25rem);line-height:.96;letter-spacing:-.065em;text-wrap:balance}.dashboard-hero p{max-width:620px;margin:0;color:#e2e8f09e;font-size:.96rem;line-height:1.65}.dashboard-primary,.dashboard-secondary,.small-action,.request-actions button{border:1px solid rgba(255,255,255,.08);border-radius:999px;cursor:pointer;font-weight:850;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease;transform:translateZ(0);backface-visibility:hidden}.dashboard-primary,.dashboard-secondary,.small-action{padding:10px 15px;color:#07111f;background:#f8fafc}.dashboard-primary:hover,.dashboard-secondary:hover,.small-action:hover,.request-actions button:hover{transform:translate3d(0,-1px,0)}.dashboard-secondary{width:100%;margin-top:12px}.dashboard-status{margin-bottom:14px;color:#cbd5e1;font-weight:800;contain:content}.dashboard-stats{margin-bottom:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;contain:layout}.dashboard-stats div,.dashboard-panel,.dashboard-post-card{background:#0f172ab8;border:1px solid rgba(255,255,255,.075);box-shadow:0 10px 28px #00000029;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dashboard-stats div{min-height:92px;padding:16px;border-radius:18px;display:grid;align-content:center;transition:transform .18s ease,border-color .18s ease;contain:content;transform:translateZ(0);backface-visibility:hidden}.dashboard-stats div:hover{transform:translate3d(0,-1px,0);border-color:#cbd5e12e}.dashboard-stats strong{display:block;color:#f8fafc;font-size:1.85rem;line-height:1;letter-spacing:-.055em}.dashboard-stats span{margin-top:6px;display:block;color:#e2e8f08f;font-size:.78rem;font-weight:750}.dashboard-grid{margin-bottom:20px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;contain:layout}.dashboard-panel{padding:20px;border-radius:22px;contain:content}.dashboard-panel h2{margin:0 0 8px;color:#f8fafc;font-size:1.35rem;letter-spacing:-.035em}.dashboard-panel p{margin:0;color:#e2e8f094;line-height:1.6;font-size:.92rem}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px;contain:layout}.request-list{display:grid;gap:10px;contain:layout}.request-row,.dashboard-empty{background:#ffffff09;border:1px solid rgba(255,255,255,.055)}.request-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:16px;contain:content}.request-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#94a3b824;color:#f8fafc;font-weight:900;transform:translateZ(0)}.request-row h3{margin:0 0 4px;color:#f8fafc;font-size:.95rem}.request-row p{margin:0;color:#e2e8f08f;font-size:.84rem}.request-actions{display:flex;gap:8px}.request-actions button{padding:9px 12px;background:#f8fafc;color:#07111f}.request-actions .muted{background:#ffffff12;color:#e2e8f0}.dashboard-empty{padding:22px;border-radius:16px}.dashboard-empty h3{margin:0 0 8px;font-size:1rem}.posts-panel{margin-top:4px;contain:layout}.dashboard-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;contain:layout}.dashboard-post-card{border-radius:20px;overflow:hidden;cursor:pointer;color:#f8fafc;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.dashboard-post-card:hover{transform:translate3d(0,-2px,0);border-color:#cbd5e129;box-shadow:0 12px 30px #0003}.dashboard-post-card img{width:100%;height:190px;display:block;object-fit:contain;background:#020617;padding:8px;transform:translateZ(0);backface-visibility:hidden}.dashboard-post-placeholder{width:100%;height:190px;display:grid;place-items:center;color:#e2e8f0;font-size:2.25rem;font-weight:800;background:linear-gradient(145deg,#334155e6,#0f172aeb);contain:content}.dashboard-post-card div:last-child{padding:14px;contain:content}.dashboard-post-card span{color:#e2e8f09e;font-size:.76rem;font-weight:800}.dashboard-post-card h3{margin:8px 0 6px;color:#f8fafc;font-size:.98rem;line-height:1.35;letter-spacing:-.02em}.dashboard-post-card p{margin:0;color:#e2e8f080;font-size:.86rem}.profile-mini{word-break:break-all;contain:content}@media (max-width: 900px){.dashboard-hero{min-height:auto;grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.request-row{grid-template-columns:48px 1fr}.request-actions{grid-column:1 / -1}.request-actions button{flex:1}}@media (max-width: 560px){.creator-dashboard-page{padding:24px 14px 44px}.dashboard-hero h1{font-size:clamp(2rem,11vw,3rem)}.dashboard-stats{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.dashboard-stats div{min-width:104px;min-height:82px;padding:12px;text-align:left;scroll-snap-align:start}.dashboard-stats strong{font-size:1.35rem}.dashboard-stats span{font-size:.7rem}.panel-head{display:grid}.dashboard-panel{padding:16px;border-radius:18px}.dashboard-post-card h3{font-size:.82rem;line-height:1.2}.dashboard-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-post-card,.dashboard-primary,.dashboard-secondary,.small-action,.request-actions button,.dashboard-stats div{transition-duration:.01ms!important}}@supports (content-visibility: auto){.dashboard-post-card,.request-row,.dashboard-panel,.dashboard-stats div{content-visibility:auto;contain-intrinsic-size:220px 220px}}@media (prefers-reduced-motion: reduce){.dashboard-post-card,.dashboard-primary,.dashboard-secondary,.small-action,.request-actions button,.dashboard-stats div{transition-duration:.01ms!important}}.follow-requests-page{min-height:100vh;padding:42px 24px;background:radial-gradient(circle at top left,rgba(59,130,246,.08),transparent 30%),radial-gradient(circle at bottom right,rgba(20,184,166,.08),transparent 34%),#07111f;color:#fff}.follow-requests-header{max-width:900px;margin:0 auto 30px}.follow-requests-header span{display:inline-block;padding:8px 14px;background:#a7f3d01f;color:#a7f3d0;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.follow-requests-header h1{margin:18px 0 10px;font-size:clamp(2.4rem,6vw,5rem);line-height:.95;letter-spacing:-.07em}.follow-requests-header p{margin:0;color:#ffffffad;line-height:1.7}.request-status,.request-empty{max-width:900px;margin:0 auto 18px;color:#a7f3d0;font-weight:800}.request-empty-card{max-width:900px;margin:0 auto;padding:36px;border-radius:22px;text-align:center;background:radial-gradient(circle at top,rgba(167,243,208,.12),transparent 40%),#ffffff0a;border:1px solid rgba(255,255,255,.08)}.request-empty-card h2{margin:0 0 8px}.request-empty-card p{color:#ffffff9e}.request-list{max-width:900px;margin:0 auto;display:grid;gap:14px}.request-card{display:grid;grid-template-columns:62px 1fr auto;gap:16px;align-items:center;padding:18px;border-radius:22px;background:radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 40%),#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px #00000047;transition:all .22s ease;animation:fadeSlideIn .35s ease}.request-card:hover{transform:translateY(-4px);border-color:#a7f3d059;box-shadow:0 26px 60px #0006}.request-avatar{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:1.4rem;font-weight:900;box-shadow:0 10px 28px #3b82f659}.request-info h3{margin:0 0 4px}.request-info p{margin:0;color:#ffffffb3}.request-info small{display:block;margin-top:6px;color:#ffffff73}.request-actions{display:flex;gap:10px}.request-actions button{border:1px solid rgba(255,255,255,.08);cursor:pointer;padding:11px 16px;font-weight:800;border-radius:999px;font-size:.85rem;transition:all .18s ease}.approve-btn{background:linear-gradient(135deg,#a7f3d0,#34d399);color:#022c22;box-shadow:0 8px 20px #34d39940}.approve-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #34d39966}.reject-btn{background:#ffffff0f;color:#fff}.reject-btn:hover{transform:translateY(-2px);background:#ef4444e6;border-color:#f8717199}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.follow-requests-page{padding:28px 14px}.request-card{grid-template-columns:52px 1fr}.request-avatar{width:52px;height:52px}.request-actions{grid-column:1 / -1}.request-actions button{flex:1}}:root{--bg: #020617;--bg-soft: #030712;--panel: rgba(15, 23, 42, .78);--panel-2: rgba(15, 23, 42, .92);--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .24);--text: #f8fafc;--text-soft: rgba(226, 232, 240, .78);--muted: rgba(203, 213, 225, .58);--blue: #67e8f9;--green: #86efac;--red: #fecaca;--shadow: 0 24px 80px rgba(0, 0, 0, .42);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 18px;--radius-sm: 14px;--header-height: 64px;--input-height: 74px}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden;background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}img,video{max-width:100%;display:block}.rooms-page{position:relative;width:100%;height:100dvh;overflow:hidden;display:grid;grid-template-columns:340px minmax(0,1fr);background:radial-gradient(circle at top left,rgba(34,211,238,.12),transparent 34%),radial-gradient(circle at top right,rgba(99,102,241,.1),transparent 30%),linear-gradient(180deg,#020617,#030712)}.sidebar{position:relative;height:100%;min-height:0;display:flex;flex-direction:column;gap:14px;padding:18px;overflow:hidden;background:#020617d1;border-right:1px solid var(--border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.rooms-sidebar-head{flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.rooms-kicker{margin:0 0 4px;color:#cbd5e17a;font-size:.64rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sidebar h2{margin:0;color:var(--text);font-size:1.5rem;font-weight:950;letter-spacing:-.04em}.rooms-count-pill{min-width:38px;height:38px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0f172aeb;border:1px solid var(--border);color:var(--text);font-size:.82rem;font-weight:950}.room-search-wrap{flex:0 0 auto;height:50px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:0 14px;border-radius:18px;background:#0f172aad;border:1px solid var(--border)}.room-search{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font-size:16px}.room-search::placeholder{color:var(--muted)}.room-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding-right:4px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.room-list::-webkit-scrollbar{width:6px}.room-list::-webkit-scrollbar-thumb{background:#94a3b82e;border-radius:999px}.room-item{position:relative;min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border-radius:26px;overflow:hidden;background:#0f172a85;border:1px solid rgba(148,163,184,.1);cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.room-item:hover{transform:translateY(-1px);background:#0f172ab8;border-color:#94a3b82e}.room-item.active{background:linear-gradient(135deg,#0ea5e929,#10b98114);border-color:#67e8f947}.room-item-main{min-width:0;display:flex;align-items:center;gap:14px}.room-image-wrap{position:relative;width:58px;height:58px;min-width:58px;border-radius:18px;overflow:hidden;background:#020617e0;border:1px solid rgba(148,163,184,.12);display:grid;place-items:center;color:#fff;font-size:.95rem;font-weight:950}.room-image-wrap img{width:100%;height:100%;object-fit:cover}.room-info{min-width:0;display:flex;flex-direction:column;gap:5px}.room-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.96rem;font-weight:900;letter-spacing:-.02em}.room-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.76rem;font-weight:700}.chat{position:relative;width:100%;height:100%;min-width:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#020617b8,#020617f0)}.chat-header{position:relative;z-index:200;flex:0 0 auto;height:var(--header-height);display:flex;align-items:center;background:linear-gradient(180deg,#020617b8,#020617f0);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-back-btn{width:38px;height:38px;min-width:38px;border:0;border-radius:999px;display:none;place-items:center;background:#0f172aeb;color:#fff;cursor:pointer}.active-room-title-wrap{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:12px}.active-room-image{width:38px;height:38px;min-width:38px;border-radius:14px;object-fit:cover;border:1px solid rgba(148,163,184,.14);background:#0f172aeb}.active-room-title-wrap>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:1rem;font-weight:900;letter-spacing:-.02em}.active-room-menu-wrap{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.active-room-menu-btn{width:38px;height:38px;border:0;border-radius:999px;display:grid;place-items:center;background:#0f172aeb;color:#fff;font-size:1.3rem;font-weight:900;cursor:pointer}.active-room-menu-popover{position:absolute;top:calc(100% + 10px);right:0;width:210px;display:grid;gap:7px;padding:8px;border-radius:22px;background:#020617fa;border:1px solid rgba(148,163,184,.16);box-shadow:0 30px 90px #0000007a;z-index:5000}.active-room-menu-popover button{width:100%;min-height:42px;border:0;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#0f172ab8;color:var(--text-soft);font-size:.84rem;font-weight:850;cursor:pointer;transition:background .16s ease,transform .16s ease}.active-room-menu-popover button:hover{background:#1e293beb;transform:translateY(-1px)}.messages{flex:1 1 auto;min-height:0;max-height:100%;display:flex;flex-direction:column;gap:10px;padding:12px 18px calc(118px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overflow-anchor:auto;scroll-padding-top:14px;scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom));contain:layout paint size;transform:translateZ(0);backface-visibility:hidden}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background:#94a3b82e;border-radius:999px}.msg{position:relative;width:fit-content;max-width:min(78%,680px);padding:12px 14px;border-radius:22px 22px 22px 8px;background:linear-gradient(180deg,#0f172aeb,#020617fa);border:1px solid rgba(148,163,184,.08);box-shadow:0 14px 34px #0000002e;color:var(--text);align-self:flex-start;word-break:break-word;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.msg.mine{align-self:flex-end;border-radius:22px 22px 8px;background:linear-gradient(135deg,#0ea5e92e,#10b9811f);border-color:#67e8f924}.msg b{display:block;margin-bottom:5px;color:#e2e8f08a;font-size:.72rem;font-weight:900}.msg p{margin:0;line-height:1.48;white-space:pre-wrap;overflow-wrap:anywhere}.room-message-content{display:grid;gap:8px}.room-message-media-tap{position:relative;display:block;width:min(360px,76vw);min-height:160px;border:0;border-radius:22px;overflow:hidden;background:#020617eb;cursor:pointer;line-height:0;contain:layout paint;content-visibility:auto}.room-message-image,.room-message-video{display:block;width:100%;height:auto;min-height:160px;max-height:420px;object-fit:cover;background:#020617eb;contain:layout paint;transform:translateZ(0);backface-visibility:hidden}.room-video-play-badge{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:999px;display:grid;place-items:center;background:#0000007a;color:#fff;backdrop-filter:blur(12px)}.room-message-delete-btn{position:absolute;top:8px;right:8px;width:26px;height:26px;border:0;border-radius:999px;display:grid;place-items:center;background:#7f1d1dd1;color:#fff;font-size:.9rem;font-weight:900;cursor:pointer}.input{flex:0 0 auto;position:fixed!important;bottom:0;left:var(--rooms-sidebar-width, 340px);width:calc(100% - var(--rooms-sidebar-width, 340px));display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#020617e0,#020617fa);border-top:1px solid rgba(148,163,184,.08);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);z-index:9000;overflow:visible!important;transform:translateZ(0);will-change:transform;box-shadow:0 -10px 40px #00000052}.input input{flex:1 1 auto;display:block!important;visibility:visible!important;opacity:1!important;width:100%;min-width:0;height:44px;border:1px solid rgba(148,163,184,.14);outline:none;border-radius:999px;padding:0 16px;background:#0f172af5!important;color:#f8fafc!important;font-size:16px!important;position:relative;z-index:5;appearance:none;-webkit-appearance:none}.input input::placeholder{color:var(--muted)}.room-media-picker-btn{width:42px;height:42px;min-width:42px;position:relative;overflow:hidden;border:0;border-radius:999px;display:grid;place-items:center;background:#0f172aeb;color:#fff;font-size:1.1rem;font-weight:900;cursor:pointer;isolation:isolate}.room-media-picker-btn input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;font-size:0!important;color:transparent!important;border:0!important;background:transparent!important;z-index:3!important}.room-media-picker-btn input[type=file]::-webkit-file-upload-button{visibility:hidden!important;display:none!important}.room-media-picker-btn input[type=file]::file-selector-button{visibility:hidden!important;display:none!important}.input button[type=submit]{height:42px;min-width:70px;border:0;border-radius:999px;padding:0 16px;background:linear-gradient(135deg,#7bf0ffe3,#6e63a2);color:#04111d;font-size:.84rem;font-weight:950;cursor:pointer}.room-media-viewer{position:fixed;inset:0;z-index:900000;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top,rgba(34,211,238,.12),transparent 30%),#000000f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);touch-action:pan-y}.room-media-viewer-card{position:relative;width:min(980px,100%);height:min(92vh,820px);overflow:hidden;display:flex;flex-direction:column;border-radius:32px;background:#020617fa;border:1px solid rgba(148,163,184,.16);box-shadow:0 34px 120px #000000ad}.room-media-viewer-topbar{flex:0 0 auto;min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#0f172afa,#020617eb);border-bottom:1px solid rgba(148,163,184,.12)}.room-media-viewer-topbar>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8fafceb;font-size:.84rem;font-weight:900}.room-media-viewer-count{min-width:48px;height:36px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#fff;font-size:.74rem;font-weight:900}.room-media-viewer-topbar button{min-width:38px;height:38px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;color:#fff;cursor:pointer;transition:transform .16s ease,background .16s ease}.room-media-viewer-topbar button:hover{transform:translateY(-1px);background:#ffffff24}.room-media-viewer-image,.room-media-viewer-video{flex:1 1 auto;width:100%;height:100%;object-fit:contain;background:radial-gradient(circle at center,#0f172a7a,#000 72%)}.older-messages-loading{margin:8px auto 12px;padding:7px 12px;border-radius:999px;background:#0f172ab8;color:#e2e8f0c7;font-size:.74rem;font-weight:750}.room-loading-shell{display:flex;flex-direction:column;gap:10px;padding:16px 14px 24px}.room-loading-bubble{height:42px;width:72%;border-radius:18px;background:#0f172ab8}.room-loading-bubble.mine{align-self:flex-end;width:58%}.room-loading-bubble.short{width:46%}.room-media-viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:58px;height:58px;border:0;border-radius:999px;display:grid;place-items:center;background:#02061794;color:#fff;font-size:2rem;font-weight:900;cursor:pointer;backdrop-filter:blur(18px);transition:transform .16s ease,background .16s ease,opacity .16s ease}.room-media-viewer-arrow:hover{transform:translateY(-50%) scale(1.04);background:#0f172ad1}.room-media-viewer-arrow:disabled{opacity:.3;cursor:not-allowed}.room-media-viewer-arrow-left{left:18px}.room-media-viewer-arrow-right{right:18px}.room-media-grid-overlay{position:fixed;inset:0;z-index:800000;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at top,rgba(34,211,238,.12),transparent 30%),#020617eb;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.room-media-grid-panel{width:min(980px,100%);height:min(90vh,860px);display:flex;flex-direction:column;overflow:hidden;border-radius:32px;background:#020617fa;border:1px solid rgba(148,163,184,.16);box-shadow:0 34px 120px #000000ad}.room-media-grid-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.12)}.room-media-grid-header p{margin:0 0 4px;color:#7dd3fceb;font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.room-media-grid-header h3{margin:0;color:#fff;font-size:1.45rem;font-weight:950}.room-media-grid-close{width:42px;height:42px;border:0;border-radius:999px;display:grid;place-items:center;background:#0f172aeb;color:#fff;font-size:1.3rem;font-weight:900;cursor:pointer}.room-media-grid-list{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-anchor:none;scroll-behavior:auto}.room-media-grid-list::-webkit-scrollbar{width:6px}.room-media-grid-list::-webkit-scrollbar-thumb{background:#94a3b82e;border-radius:999px}.room-media-grid-item{position:relative;aspect-ratio:1;overflow:hidden;background:#0f172aeb;cursor:pointer}.room-media-grid-image,.room-media-grid-video{width:100%;height:100%;object-fit:cover;background:#020617}.room-media-grid-play{position:absolute;inset:0;margin:auto;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#00000085;color:#fff;backdrop-filter:blur(10px)}.room-media-grid-file-item{background:linear-gradient(180deg,#0f172afa,#020617)}.room-media-grid-file-card{width:100%;height:100%;display:grid;place-items:center;gap:6px;padding:12px;text-align:center;color:#fff}.room-media-grid-file-card strong,.room-media-grid-file-card small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-media-grid-empty{margin:0;padding:40px 20px;text-align:center;color:#e2e8f0ad;font-size:.92rem;font-weight:800}.standalone-media-modal{position:fixed;inset:0;z-index:950000;background:#020617f5;display:flex}.standalone-media-panel{width:100vw;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.standalone-media-header{flex:0 0 auto;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:max(12px,env(safe-area-inset-top)) 14px 12px;border-bottom:1px solid rgba(148,163,184,.12);background:#020617f5}.standalone-media-close{width:42px;height:42px;border:0;border-radius:999px;display:grid;place-items:center;background:#0f172aeb;color:#fff;font-size:1.2rem;cursor:pointer}.standalone-media-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px 3px calc(120px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-anchor:none;scroll-behavior:auto}.standalone-media-tile{position:relative;aspect-ratio:1;overflow:hidden;background:#020617;cursor:pointer}.standalone-media-tile img,.standalone-media-tile video{width:100%;height:100%;object-fit:cover}.standalone-media-play{position:absolute;inset:0;margin:auto;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#00000085;color:#fff}.members-modal{position:fixed;inset:0;z-index:700000;display:grid;place-items:center;padding:18px;background:#020617d1;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.members-card{position:relative;width:min(460px,100%);max-height:min(82vh,760px);overflow-y:auto;padding:22px;border-radius:30px;background:#020617fa;border:1px solid rgba(148,163,184,.16);box-shadow:0 30px 100px #0000008f}.members-card h3{margin:0 0 16px;color:#fff;font-size:1.18rem;font-weight:950;letter-spacing:-.03em}.close-members{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:999px;display:grid;place-items:center;background:#7f1d1db8;color:#fff;font-size:1rem;font-weight:950;cursor:pointer}.create-room-modal{width:min(470px,100%)}.create-form{display:grid;gap:12px}.create-form input,.create-form select,.invite-search-row input,.invite-link-inline input{width:100%;min-width:0;border:1px solid rgba(148,163,184,.14);outline:none;border-radius:16px;padding:12px 14px;background:#0f172ab8;color:#fff;font-size:16px}.create-form input::placeholder,.invite-search-row input::placeholder,.invite-link-inline input::placeholder{color:#cbd5e17a}.create-form select option{color:#020617}.create-form button,.invite-search-row button,.invite-link-inline button,.invite-send-btn,.unhide-room-btn,.approve-request-btn{min-height:42px;border:0;border-radius:999px;padding:0 16px;background:linear-gradient(135deg,#67e8f9,#86efac);color:#04111d;font-size:.84rem;font-weight:950;cursor:pointer}.delete-room-btn,.member-remove-btn{min-height:36px;border:0;border-radius:999px;padding:0 14px;background:#7f1d1db8;color:#fecaca;font-size:.76rem;font-weight:900;cursor:pointer}.create-room-image-picker,.edit-room-field-label{display:grid;gap:8px;color:#cbd5e1ad;font-size:.82rem;font-weight:850}.create-room-image-picker input[type=file]{width:100%;padding:10px;border-radius:16px;background:#0f172a94;border:1px solid rgba(148,163,184,.14);color:#cbd5e1ad}.create-room-image-preview-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:18px;background:#0f172a94;border:1px solid rgba(148,163,184,.12)}.create-room-image-preview-row img{width:58px;height:58px;min-width:58px;border-radius:18px;object-fit:cover}.image-crop-card{max-width:390px}.image-crop-preview{width:190px;height:190px;margin:16px auto;border-radius:999px;overflow:hidden;background:#0f172aeb;border:1px solid rgba(148,163,184,.16);touch-action:none;cursor:grab}.image-crop-preview:active{cursor:grabbing}.image-crop-preview img{width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.crop-actions{display:flex;justify-content:flex-end;gap:10px}.member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.08)}.member-row>div{min-width:0}.member-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.9rem;font-weight:900}.member-row small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd5e194;font-size:.76rem;font-weight:700}.member-role-pill{min-height:32px;border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;background:#0f172ab8;border:1px solid rgba(148,163,184,.12);color:#e2e8f0b8;font-size:.72rem;font-weight:850}.member-actions,.room-invite-actions,.invite-actions,.room-invite-buttons,.invite-result-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.icon-action-btn{width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.invite-box{margin-top:14px;display:grid;gap:12px}.invite-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border-radius:18px;background:#0f172a94;border:1px solid rgba(148,163,184,.12)}.invite-search-row input{border:0;background:transparent;padding:0}.invite-results{max-height:260px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.invite-result-row,.room-invite-row,.hidden-room-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.invite-inline-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.invite-user-info{flex:1 1 auto;min-width:0;display:grid;gap:3px}.invite-user-info strong,.invite-user-info small,.hidden-room-row strong,.hidden-room-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-user-info small,.hidden-room-row span{color:#cbd5e194;font-size:.76rem}.invite-link-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.invite-link-auto-accept-toggle{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;border-radius:18px;background:#0f172a94;border:1px solid rgba(148,163,184,.12);cursor:pointer}.invite-link-auto-accept-toggle input{width:18px;height:18px;margin-top:3px;accent-color:#22d3ee}.invite-link-auto-accept-content{flex:1;min-width:0;display:grid;gap:5px}.invite-link-auto-accept-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.invite-link-auto-accept-header span{color:#fff;font-size:.84rem;font-weight:900}.invite-link-auto-accept-header strong{min-width:44px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:#22d3ee24;color:#67e8f9;font-size:.68rem;font-weight:900}.invite-link-auto-accept-content small{color:#cbd5e1ad;font-size:.72rem;line-height:1.4}.room-status,.code-box{padding:12px 14px;border-radius:16px;border:1px solid rgba(148,163,184,.12);font-size:.82rem;font-weight:800}.room-status{background:#7f1d1d47;color:#fecaca}.code-box{background:#0f172a94;color:#cbd5e1b8}.empty,.member-empty,.active-room-info-empty,.standalone-media-empty{padding:24px 16px;text-align:center;color:#cbd5e1a8;font-size:.86rem;font-weight:800}.room-card-menu-wrap,.rooms-menu-wrap{position:relative;z-index:100;display:inline-flex;align-items:center;justify-content:center}.room-card-menu-btn,.rooms-menu-btn,.rooms-create-plus-btn{width:38px;height:38px;min-width:38px;border:0;border-radius:999px;display:grid;place-items:center;background:#0f172aeb;color:#fff;font-size:1.18rem;font-weight:950;cursor:pointer}.room-card-menu-popover,.rooms-menu-popover{position:absolute;top:calc(100% + 10px);right:0;z-index:3000;width:190px;display:grid;gap:7px;padding:8px;border-radius:22px;background:#020617fa;border:1px solid rgba(148,163,184,.16);box-shadow:0 30px 90px #0000007a}.room-card-menu-popover button,.rooms-menu-popover button,.room-image-upload-option{width:100%;min-height:42px;border:0;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#0f172ab8;color:var(--text-soft);font-size:.84rem;font-weight:850;cursor:pointer}.room-card-menu-popover input[type=file],.rooms-menu-popover input[type=file],.active-room-menu-popover input[type=file],.room-image-upload-option input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.rooms-menu-badge,.rooms-invite-count,.request-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:.66rem;font-weight:950}.rooms-menu-badge,.request-badge{position:absolute;top:-5px;right:-5px;border:2px solid rgba(2,6,23,.92)}.rooms-title-row{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;min-width:0}.rooms-title-row-left{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px}.rooms-title-row h2,.rooms-title-row-title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:1.15rem;font-weight:900;letter-spacing:-.03em}.rooms-title-row small,.rooms-title-row-subtitle{flex:0 0 auto;color:var(--muted);font-size:.72rem;font-weight:800;white-space:nowrap}.rooms-title-row-actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px}.rooms-title-row-actions button,.rooms-title-row .rooms-menu-btn,.rooms-title-row .rooms-create-plus-btn{width:38px;height:38px;min-width:38px;border:0;border-radius:999px;display:grid;place-items:center;background:#0f172ad1;border:1px solid rgba(148,163,184,.12);color:#fff;font-size:1.1rem;font-weight:900;cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease}.rooms-title-row-actions button:hover,.rooms-title-row .rooms-menu-btn:hover,.rooms-title-row .rooms-create-plus-btn:hover{background:#1e293bf0;border-color:#94a3b838}.rooms-title-row-actions button:active,.rooms-title-row .rooms-menu-btn:active,.rooms-title-row .rooms-create-plus-btn:active{transform:scale(.94)}.rooms-title-row-badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:.68rem;font-weight:950;line-height:1}@media (max-width: 760px){.rooms-title-row{gap:8px}.rooms-title-row h2,.rooms-title-row-title{font-size:1rem}.rooms-title-row-actions button,.rooms-title-row .rooms-menu-btn,.rooms-title-row .rooms-create-plus-btn{width:36px;height:36px;min-width:36px}}.room-item.room-image-full-card{isolation:isolate;background:#020617}.room-full-bg-image{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.72;filter:saturate(1.12) contrast(1.04) brightness(.76);pointer-events:none;user-select:none}.room-item.room-image-full-card:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#020617ad,#02061757,#02061729),linear-gradient(180deg,#02061705,#020617ad)}.room-item.room-image-full-card:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.1),transparent 36%)}.room-item.room-image-full-card .room-info,.room-item.room-image-full-card .room-card-menu-wrap{position:relative;z-index:2}.room-item.room-image-full-card strong,.room-item.room-image-full-card span{text-shadow:0 2px 12px rgba(0,0,0,.52)}.room-item.room-image-full-card span{color:#f8fafcd1}.active-room-info-shell{position:fixed;inset:0;z-index:850000;display:flex;align-items:flex-start;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;background:#020617e0;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overscroll-behavior:contain}.active-room-info-panel{width:min(540px,100%);max-height:calc(90dvh - max(28px,env(safe-area-inset-top)));display:flex;flex-direction:column;overflow:hidden;border-radius:32px;background:#080d1cfa;border:1px solid rgba(148,163,184,.18);box-shadow:0 30px 100px #0000008f}.active-room-info-cover{flex:0 0 220px;height:220px;display:grid;place-items:center;overflow:hidden;background:#0f172aeb;color:#fff;font-size:3rem;font-weight:950}.active-room-info-cover img{width:100%;height:100%;object-fit:contain;background:#020617}.active-room-info-header{flex:0 0 auto;display:flex;justify-content:space-between;gap:14px;padding:18px 18px 12px}.active-room-info-header>div{min-width:0}.active-room-info-kicker{margin:0 0 5px;color:#7dd3fceb;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.active-room-info-header h2{margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:1.45rem;font-weight:950;letter-spacing:-.04em}.active-room-info-header p:not(.active-room-info-kicker){margin:0;color:#cbd5e1b3;font-size:.84rem;line-height:1.4}.active-room-info-close{width:38px;height:38px;min-width:38px;border:0;border-radius:999px;display:grid;place-items:center;background:#ffffff14;color:#fff;font-weight:950;cursor:pointer}.active-room-info-rows{flex:0 0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:0 14px 14px}.active-room-info-row{min-height:46px;border:0;border-radius:15px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:#0f172ad1;color:#fff;text-align:center;font-size:.68rem;font-weight:900;cursor:pointer}.active-room-info-row.open{background:linear-gradient(135deg,#0ea5e947,#22c55e29)}.active-room-info-row strong{display:none}.active-room-info-expanded-area{flex:1 1 auto;min-height:0;padding:0 14px 16px;overflow-y:auto}.active-room-info-expanded-area:empty{display:none}.active-room-info-inline-section{display:grid;gap:10px;padding:12px;border-radius:20px;background:#02061794;border:1px solid rgba(148,163,184,.08)}.active-room-info-person{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:18px;background:#0f172ab8}.active-room-info-avatar{width:44px;height:44px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:#1e293beb;color:#fff;font-weight:950}.active-room-info-avatar img{width:100%;height:100%;object-fit:cover}.active-room-info-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.88rem;font-weight:900}.active-room-info-person p{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd5e19e;font-size:.74rem}.active-room-info-approve{min-height:34px;border:0;border-radius:999px;padding:0 12px;background:linear-gradient(135deg,#86efac,#22c55e);color:#052e16;font-size:.74rem;font-weight:950;cursor:pointer}.active-room-info-inline-section.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.active-room-info-media-tile{position:relative;aspect-ratio:1;overflow:hidden;border:0;border-radius:15px;padding:0;background:#020617;cursor:pointer}.active-room-info-media-tile img,.active-room-info-media-tile video{width:100%;height:100%;object-fit:cover}.msg,.room-message-content,.room-media-preview,.room-media-preview img,.room-media-preview video{transform:translateZ(0);backface-visibility:hidden;contain:layout paint style;will-change:transform}.messages-end-anchor{width:100%;height:1px;min-height:1px;flex:0 0 1px}.active-room-info-media-tile>span{position:absolute;inset:0;display:grid;place-items:center;background:#00000047;color:#fff}.active-room-info-file-tile{height:100%;display:grid;place-items:center;padding:8px;color:#fff;text-align:center}.active-room-info-file-tile small{max-width:100%;overflow:hidden;text-overflow:ellipsis}.room-message-download-btn{position:absolute;bottom:10px;right:10px;width:38px;height:38px;min-width:38px;border:1px solid rgba(148,163,184,.14);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#020617c7;color:#f8fafc;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease;box-shadow:0 10px 24px #00000038;z-index:12;opacity:0;pointer-events:none}.room-message-media-tap:hover .room-message-download-btn,.room-message-media-tap:focus-within .room-message-download-btn,.msg:hover .room-message-download-btn,.msg:focus-within .room-message-download-btn{opacity:1;pointer-events:auto}.room-message-download-btn:hover{background:#0f172af5;border-color:#67e8f947}.room-message-download-btn:active{transform:scale(.94)}.room-message-download-btn svg{width:18px;height:18px;stroke-width:2.4}@media (max-width: 760px){.room-message-download-btn{width:34px;height:34px;min-width:34px;bottom:8px;right:8px;opacity:1;pointer-events:auto}.room-message-download-btn svg{width:16px;height:16px}}@media (max-width: 980px){.rooms-page{grid-template-columns:300px minmax(0,1fr)}.room-media-grid-list{grid-template-columns:repeat(3,minmax(0,1fr))}.input{left:var(--rooms-sidebar-width-tablet, 300px);width:calc(100% - var(--rooms-sidebar-width-tablet, 300px))}}@media (max-width: 760px){.rooms-page{grid-template-columns:1fr;height:100dvh;max-height:100dvh}.rooms-page.mobile-chat-open .sidebar{display:none}.rooms-page.mobile-chat-open .chat{display:flex}.rooms-page:not(.mobile-chat-open) .chat{display:none}.sidebar{padding:14px}.sidebar h2{font-size:1.25rem}.room-list{gap:10px;padding-bottom:140px}.room-item{min-height:76px;padding:13px;border-radius:24px}.room-image-wrap{width:54px;height:54px;min-width:54px}.chat{width:100vw;height:100dvh;min-height:100dvh;max-height:100dvh;background:#020617;overflow:hidden;contain:layout paint size}.chat-header{min-height:60px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;gap:10px}.mobile-back-btn{display:grid}.active-room-image{width:34px;height:34px;min-width:34px}.active-room-title-wrap>span{max-width:calc(100vw - 170px);font-size:.96rem}.messages{flex:1 1 auto;min-height:0;padding:10px 10px calc(114px + env(safe-area-inset-bottom))!important;scroll-padding-bottom:calc(114px + env(safe-area-inset-bottom))!important;gap:9px;scroll-behavior:smooth!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.msg{max-width:88%;padding:11px 13px;border-radius:20px 20px 20px 8px}.msg.mine{border-radius:20px 20px 8px}.msg b{font-size:.68rem}.msg p{font-size:.92rem}.room-message-media-tap{width:min(78vw,320px);border-radius:18px}.room-message-image,.room-message-video{max-height:42vh}.msg.mine .room-message-media-tap{margin-left:auto}.input{position:fixed!important;bottom:0;left:0;width:100vw;max-width:100vw;z-index:9000;display:flex;align-items:center;gap:7px;padding:8px 10px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#020617d6,#020617fa);border-top:1px solid rgba(148,163,184,.08);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);overflow:visible!important;transform:translateZ(0);will-change:transform;box-shadow:0 -12px 40px #00000057}.input input{flex:1 1 auto;display:block!important;visibility:visible!important;opacity:1!important;width:100%;min-width:0;height:42px;border:1px solid rgba(148,163,184,.14);border-radius:999px;padding:0 14px;background:#0f172af5!important;color:#f8fafc!important;font-size:16px!important}.room-media-picker-btn{width:40px;height:40px;min-width:40px}.room-media-picker-btn input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;font-size:0!important;color:transparent!important}.input button[type=submit]{min-width:64px;height:40px;padding:0 14px}.room-media-viewer{padding:0;align-items:stretch;justify-content:stretch}.room-media-viewer-card{width:100vw;height:100dvh;border-radius:0;border:0}.room-media-viewer-topbar{min-height:56px;padding:max(8px,env(safe-area-inset-top)) 10px 8px}.room-media-viewer-image,.room-media-viewer-video{height:calc(100dvh - 56px);max-height:calc(100dvh - 56px)}.room-media-viewer-arrow{display:none}.room-media-grid-overlay{padding:0;align-items:stretch;justify-content:stretch}.room-media-grid-panel{width:100vw;height:100dvh;border-radius:0;border:0}.room-media-grid-header{padding:max(12px,env(safe-area-inset-top)) 14px 12px}.room-media-grid-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px 2px 120px}.standalone-media-modal{padding:0}.standalone-media-panel{width:100vw;height:100dvh;border-radius:0}.standalone-media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px 2px calc(120px + env(safe-area-inset-bottom))}.active-room-info-shell{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.active-room-info-panel{width:100%;max-height:calc(100dvh - 20px);border-radius:28px}.active-room-info-panel{max-height:90%}.active-room-info-cover{height:160px;flex-basis:160px}.active-room-info-header{padding:14px 14px 10px}.active-room-info-header h2{font-size:1.22rem}.active-room-info-header p:not(.active-room-info-kicker){font-size:.78rem}.active-room-info-close{width:34px;height:34px}.active-room-info-rows{gap:5px;padding:0 10px 10px}.active-room-info-row{min-height:42px;font-size:.58rem;border-radius:13px}.active-room-info-expanded-area{padding:0 10px 12px}.active-room-info-inline-section{border-radius:18px}.active-room-info-person{grid-template-columns:40px minmax(0,1fr) auto;gap:8px}.active-room-info-avatar{width:40px;height:40px}.active-room-info-person strong{font-size:.82rem}.active-room-info-person p{font-size:.7rem}.active-room-info-inline-section.media-grid{gap:5px}.members-modal{padding:12px}.members-card{width:100%;max-height:86vh;padding:18px;border-radius:28px}.member-row{gap:10px}.invite-link-inline{grid-template-columns:1fr}.invite-link-inline button{width:100%}.invite-result-row,.hidden-room-row{grid-template-columns:1fr}.invite-inline-row{width:100%}}@media (max-width: 420px){.messages{padding-left:8px;padding-right:8px}.msg{max-width:90%}.room-message-media-tap{width:min(82vw,300px)}.input{width:100vw;max-width:100vw;bottom:0;left:0}}@media (max-height: 540px) and (orientation: landscape){.chat-header{min-height:50px}.messages{padding-top:10px}.room-message-image,.room-message-video{max-height:58vh}.room-media-viewer-topbar{min-height:50px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: more){.msg,.room-item,.members-card,.active-room-info-panel{border-color:#ffffff3d}.room-info span,.member-row small,.active-room-info-person p{color:#ffffffd6}}.chat,.messages,.input,.input input,.input textarea,.input form{transform:translateZ(0);will-change:transform}.messages{scroll-behavior:smooth!important}input,textarea{font-size:16px!important}.room-media-viewer,.room-media-grid-overlay,.standalone-media-modal,.active-room-info-shell{isolation:isolate}button,.room-item,.room-message-media-tap,.room-media-grid-item,.standalone-media-tile{-webkit-tap-highlight-color:transparent}video{outline:none}.rooms-page,.chat,.messages,.room-media-viewer-card{overflow-x:hidden}.glass-panel{background:linear-gradient(180deg,#0f172ac7,#020617e6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(148,163,184,.14);box-shadow:0 20px 60px #00000061}.glass-pill{background:#0f172ab8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.12)}.room-item,.msg,.input,.members-card,.active-room-info-panel,.room-media-viewer-card{will-change:transform}.room-item:hover{transform:translateY(-2px) scale(1.005)}.room-item:active{transform:scale(.99)}.room-message-media-tap:active{transform:scale(.985)}.room-card-menu-btn:active,.rooms-menu-btn:active,.rooms-create-plus-btn:active,.room-media-picker-btn:active,.input button:active,.mobile-back-btn:active{transform:scale(.94)}.msg-reactions{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}.msg-reaction{min-height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.06);color:#fff;font-size:.78rem;font-weight:800}.online-dot{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 3px #22c55e29,0 0 16px #22c55e99}.typing-indicator{display:inline-flex;align-items:center;gap:5px}.typing-indicator span{width:6px;height:6px;border-radius:999px;background:#ffffffb3;animation:typingBounce 1.2s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.14s}.typing-indicator span:nth-child(3){animation-delay:.28s}@keyframes typingBounce{0%,80%,to{transform:scale(.8);opacity:.42}40%{transform:scale(1.2);opacity:1}}.skeleton{position:relative;overflow:hidden;background:#ffffff0f}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:skeletonMove 1.4s infinite}@keyframes skeletonMove{to{transform:translate(100%)}}.shadow-soft{box-shadow:0 10px 30px #00000038}.shadow-medium{box-shadow:0 20px 60px #00000057}.shadow-heavy{box-shadow:0 30px 100px #00000080}.btn-primary{border:0;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#22c55e);color:#03141f;font-weight:900;cursor:pointer}.btn-danger{border:0;border-radius:999px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:900;cursor:pointer}.btn-soft{border:1px solid rgba(148,163,184,.14);border-radius:999px;background:#0f172abd;color:#fff;font-weight:850;cursor:pointer}.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.18),transparent)}.empty-state{width:100%;display:grid;place-items:center;gap:10px;padding:40px 20px;text-align:center}.empty-state h3{margin:0;color:#fff;font-size:1.1rem;font-weight:900}.empty-state p{margin:0;color:#cbd5e19e;font-size:.88rem}img{image-rendering:auto;-webkit-user-drag:none}.room-message-image,.room-message-video,.room-media-viewer-image,.room-media-viewer-video,.room-media-grid-image,.room-media-grid-video,.active-room-info-media-tile img,.active-room-info-media-tile video{backface-visibility:hidden;transform:translateZ(0)}video::-webkit-media-controls{border-radius:18px}video::-webkit-media-controls-panel{background:#020617eb}.input input,.create-form input,.room-search,textarea{appearance:none;-webkit-appearance:none;outline:none}textarea{resize:none}.room-media-viewer,.room-media-grid-overlay,.active-room-info-shell,.standalone-media-modal,.chat,.messages{backface-visibility:hidden;perspective:1000px}.room-item,.msg,.room-message-media-tap,.room-media-grid-item,.standalone-media-tile,.input,.room-card-menu-popover,.rooms-menu-popover,.active-room-menu-popover{transform:translateZ(0)}@supports (padding: max(0px)){.chat-header,.room-media-viewer-topbar,.standalone-media-header{padding-top:max(10px,env(safe-area-inset-top))}}.room-message-media-tap::-webkit-scrollbar,.room-media-viewer::-webkit-scrollbar,.standalone-media-modal::-webkit-scrollbar{display:none}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.22) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#94a3b838;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b857}::-webkit-scrollbar-track{background:transparent}.hidden{display:none!important}.invisible{visibility:hidden!important}.no-pointer{pointer-events:none!important}.no-scroll{overflow:hidden!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center{display:grid;place-items:center}.flex-center{display:flex;align-items:center;justify-content:center}html,body,#root{width:100%;height:100%;min-height:100%;overflow:hidden;background:#020617}body{overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.room-privacy-toggle-title{display:block;margin:0 0 8px;color:#e2e8f0c7;font-size:.78rem;font-weight:850;letter-spacing:-.01em}.room-privacy-toggle{width:fit-content;max-width:100%;min-height:40px;display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:#020617b8;border:1px solid rgba(148,163,184,.14);box-shadow:inset 0 1px #ffffff0a,0 12px 28px #0003}.room-privacy-toggle button{min-width:76px;height:32px;border:0;border-radius:999px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#cbd5e1a8;font-size:.76rem;font-weight:900;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.room-privacy-toggle button:hover{color:#f8fafc;background:#ffffff0e}.room-privacy-toggle button:active{transform:scale(.96)}.room-privacy-toggle button.active,.room-privacy-toggle button[aria-pressed=true]{color:#ecfeff;background:linear-gradient(135deg,#22d3ee3d,#22c55e29);box-shadow:inset 0 0 0 1px #67e8f92e,0 8px 20px #22d3ee14}.room-item{overflow:visible;isolation:isolate}.room-item:before,.room-item:after,.room-full-bg-image{pointer-events:none!important}.room-item-main,.room-info,.room-image-wrap{position:relative;z-index:1}.room-card-menu-wrap{position:relative!important;z-index:50!important;flex:0 0 42px;width:42px;min-width:42px;min-height:42px;display:inline-flex!important;align-items:center;justify-content:center;pointer-events:auto!important;overflow:visible!important;isolation:isolate}.room-card-menu-btn{position:relative!important;z-index:51!important;width:36px;height:36px;min-width:36px;border:1px solid rgba(148,163,184,.14);border-radius:999px;display:grid!important;place-items:center;background:#0f172ad1;color:#f8fafceb;box-shadow:0 8px 18px #00000038;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.room-card-menu-btn:hover,.room-card-menu-btn[aria-expanded=true]{background:#1e293bf5;border-color:#67e8f942;color:#fff}.room-card-menu-popover{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;z-index:9999!important;width:184px;display:grid!important;gap:6px;padding:7px;border-radius:18px;background:#020617fa;border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 70px #00000075;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto!important}.room-card-menu-popover button,.room-card-menu-popover .room-image-upload-option{width:100%;min-height:38px;border:0;border-radius:13px;padding:0 11px;display:flex!important;align-items:center;justify-content:flex-start;gap:9px;background:transparent;color:#e2e8f0db;font-size:.82rem;font-weight:850;text-align:left;cursor:pointer;pointer-events:auto!important}.room-card-menu-popover button:hover,.room-card-menu-popover .room-image-upload-option:hover{background:#0f172adb;color:#fff}.room-card-menu-popover input[type=file],.room-image-upload-option input[type=file]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.room-item:has(.room-card-menu-popover),.room-item:focus-within{z-index:200!important}@media (max-width: 760px){.room-privacy-toggle-title{font-size:.74rem;margin-bottom:7px}.room-privacy-toggle{min-height:38px;padding:4px}.room-privacy-toggle button{min-width:70px;height:30px;padding:0 11px;font-size:.72rem}.room-card-menu-wrap{flex-basis:40px;width:40px;min-width:40px}.room-card-menu-popover{right:-2px!important;width:178px}}.room-media-preview,.room-media-preview img,.room-media-preview video,.msg{transform:translateZ(0);backface-visibility:hidden}.room-media-preview video{object-fit:cover;contain:paint}.messages{overscroll-behavior-y:contain;overflow-anchor:auto;-webkit-overflow-scrolling:touch;scroll-behavior:auto}.selected-room-media-preview,.selected-room-media-preview-multiple{position:absolute!important;left:10px!important;right:10px!important;bottom:calc(64px + env(safe-area-inset-bottom))!important;z-index:9001!important;max-height:118px!important;min-height:0!important;height:auto!important;padding:8px!important;border-radius:18px!important;overflow:hidden!important;background:#020617f5!important;border:1px solid rgba(148,163,184,.14)!important;box-shadow:0 16px 42px #0000005c!important;backdrop-filter:blur(22px) saturate(170%)!important;-webkit-backdrop-filter:blur(22px) saturate(170%)!important}.selected-room-media-preview-list{width:100%!important;max-height:98px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important}.selected-room-media-preview-item{position:relative!important;flex:0 0 86px!important;width:86px!important;height:86px!important;min-width:86px!important;max-width:86px!important;max-height:86px!important;border-radius:16px!important;overflow:hidden!important;background:#0f172aeb!important;border:1px solid rgba(148,163,184,.12)!important}.selected-room-media-preview-item img,.selected-room-media-preview-item video,.selected-room-media-preview img,.selected-room-media-preview video,.selected-room-media-preview-multiple img,.selected-room-media-preview-multiple video{width:100%!important;height:100%!important;max-width:86px!important;max-height:86px!important;object-fit:cover!important;border-radius:14px!important}.selected-room-media-preview-item span{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:8px!important;color:#e2e8f0db!important;font-size:.7rem!important;font-weight:800!important;text-align:center!important;overflow:hidden!important}.remove-selected-room-media,.selected-room-media-remove-btn,.selected-room-media-preview-item button{position:absolute!important;top:5px!important;right:5px!important;z-index:4!important;width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;border:0!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:#7f1d1de6!important;color:#fff!important;cursor:pointer!important}.room-media-upload-progress{position:absolute!important;left:10px!important;right:10px!important;bottom:6px!important;height:4px!important;overflow:hidden!important;border-radius:999px!important;background:#94a3b829!important}.room-media-upload-progress span{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#67e8f9,#86efac)!important}@media (min-width: 761px){.selected-room-media-preview,.selected-room-media-preview-multiple{left:calc(var(--rooms-sidebar-width, 340px) + 12px)!important;right:12px!important;bottom:68px!important;max-height:122px!important}}@media (max-width: 420px){.selected-room-media-preview-item{flex-basis:78px!important;width:78px!important;height:78px!important;min-width:78px!important;max-width:78px!important;max-height:78px!important}.selected-room-media-preview-item img,.selected-room-media-preview-item video,.selected-room-media-preview img,.selected-room-media-preview video,.selected-room-media-preview-multiple img,.selected-room-media-preview-multiple video{max-width:78px!important;max-height:78px!important}}.room-message-media-stable{contain:layout paint;transform:translateZ(0);backface-visibility:hidden;min-height:92px}.room-message-media-stable img,.room-message-media-stable video{display:block;transform:translateZ(0);backface-visibility:hidden}.reel-detail-page{min-height:100vh;padding:28px;background:#07111f;color:#fff;overflow-x:hidden;contain:layout style}.reel-back-btn{border:0;background:#ffffff14;color:#fff;padding:12px 16px;cursor:pointer;margin-bottom:22px;transition:transform .16s ease,background .16s ease;transform:translateZ(0);backface-visibility:hidden}.reel-back-btn:hover{transform:translate3d(0,-1px,0);background:#ffffff1f}.reel-detail-layout{display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:34px;align-items:start;contain:layout}.reel-media-panel{background:#ffffff0d;min-height:520px;display:grid;place-items:center;overflow:hidden;contain:paint;transform:translateZ(0)}.reel-media-panel img,.reel-media-panel video{width:100%;height:100%;max-height:620px;object-fit:contain;background:#07111f;transform:translateZ(0);backface-visibility:hidden}.reel-media-placeholder{width:100%;height:520px;display:grid;place-items:center;font-size:5rem;background:linear-gradient(135deg,#1d4ed8,#7c3aed);contain:content}.reel-content-panel{max-width:780px;contain:content}.reel-topic{display:inline-block;background:#a7f3d024;color:#a7f3d0;padding:8px 12px;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;contain:content}.reel-content-panel h1{font-size:clamp(2rem,5vw,4.3rem);line-height:1;margin:20px 0 14px;letter-spacing:-.06em;text-wrap:balance}.reel-author-row a{color:#93c5fd;text-decoration:none;font-weight:800;transition:opacity .16s ease}.reel-author-row a:hover{opacity:.85}.reel-body{margin-top:24px;white-space:pre-line;line-height:1.9;font-size:1.08rem;color:#ffffffdb}.reel-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0;contain:layout}.reel-actions button,.reel-comment-form button{border:0;background:#a7f3d0;color:#07111f;font-weight:900;padding:12px 16px;cursor:pointer;transition:transform .16s ease,opacity .16s ease;transform:translateZ(0);backface-visibility:hidden}.reel-actions button:hover,.reel-comment-form button:hover{transform:translate3d(0,-1px,0);opacity:.96}.reel-status{color:#fecaca;padding:24px}.reel-status.small{padding:0;color:#a7f3d0}.reel-comments{margin-top:30px;contain:layout}.reel-comments h3{margin-bottom:14px}.reel-comment-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:20px}.reel-comment-form input{border:0;outline:0;padding:14px 16px;transition:background .16s ease}.reel-comment-form input:focus{background:#fffffff5}.reel-comment-list{display:grid;gap:12px;contain:layout}.reel-comment{background:#ffffff0f;padding:14px 16px;contain:content;transform:translateZ(0)}.reel-comment strong{color:#a7f3d0}.reel-comment p{margin:7px 0 0;line-height:1.6}.empty-comments{color:#fff9}@media (max-width: 860px){.reel-detail-page{padding:16px}.reel-detail-layout{grid-template-columns:1fr}.reel-media-panel,.reel-media-placeholder{min-height:300px;height:300px}.reel-comment-form{grid-template-columns:1fr}}@supports (content-visibility: auto){.reel-comment,.reel-media-panel,.reel-content-panel{content-visibility:auto;contain-intrinsic-size:1px 400px}}@media (prefers-reduced-motion: reduce){.reel-back-btn,.reel-actions button,.reel-comment-form button,.reel-author-row a{transition:none!important}}.news-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(148,163,184,.08),transparent 32rem),#020617;color:#e5e7eb;padding:28px 16px 90px;overflow-x:hidden;contain:layout style}.news-hero{max-width:1180px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05);contain:layout}.news-kicker{color:#38bdf8;font-size:.8rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.news-hero h1{margin:8px 0;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em;text-wrap:balance}.news-hero p{max-width:620px;color:#94a3b8;line-height:1.6}.last-updated{display:block;margin-top:8px;color:#64748b;font-size:.85rem;font-weight:700}.refresh-news-btn{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e5e7eb;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease;transform:translateZ(0);backface-visibility:hidden}.refresh-news-btn:hover{transform:translate3d(0,-1px,0);background:#ffffff14;border-color:#fff3}.refresh-news-btn:disabled{opacity:.5;cursor:not-allowed}.news-controls{max-width:1180px;margin:0 auto 18px;display:grid;grid-template-columns:1fr 170px;gap:12px;contain:layout}.news-controls input,.news-controls select{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#f8fafc;border-radius:18px;padding:16px 18px;font-size:1rem;outline:none;transition:border-color .16s ease,background .16s ease}.news-controls input:focus,.news-controls select:focus{border-color:#38bdf8}.news-controls input::placeholder{color:#64748b}.cache-note{max-width:1180px;margin:0 auto 16px;color:#38bdf8;font-size:.85rem;font-weight:800}.section-tabs{max-width:1180px;margin:0 auto 18px;display:flex;gap:10px;overflow-x:auto;padding-bottom:12px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;contain:layout}.section-tabs button{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#94a3b8;white-space:nowrap;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease;transform:translateZ(0);backface-visibility:hidden}.section-tabs button:hover{background:#ffffff14;color:#e2e8f0}.section-tabs button:hover{transform:translate3d(0,-1px,0)}.section-tabs button.active{background:#f8fafc;color:#020617}.news-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;contain:layout}.news-card{background:#0f172aa6;border:1px solid rgba(255,255,255,.06);border-radius:22px;overflow:hidden;box-shadow:0 16px 40px #00000047;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;transform:translateZ(0);backface-visibility:hidden;contain:layout paint}.news-card:hover{transform:translate3d(0,-2px,0);box-shadow:0 26px 60px #0006;border-color:#ffffff24}.news-card.featured{grid-column:span 2}.news-card img,.missing-news-image,.skeleton-image{width:100%;height:210px;object-fit:cover;background:#0f172a;transform:translateZ(0);backface-visibility:hidden;transition:transform .22s ease}.news-card:hover img{transform:translateZ(0) scale(1.02)}.news-card.featured img,.news-card.featured .missing-news-image{height:330px}.missing-news-image{display:grid;place-items:center;color:#64748b;font-weight:900}.news-card-body{padding:16px;contain:content}.section-label{display:inline-block;color:#38bdf8;font-size:.75rem;font-weight:900;margin-bottom:10px}.news-card h3{margin:0 0 8px;color:#f8fafc;font-size:1.05rem;line-height:1.35}.news-card.featured h3{font-size:1.45rem}.news-card p{margin:0;color:#94a3b8;font-size:.92rem;line-height:1.55}.news-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;contain:layout}.news-actions a,.news-actions button{border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .16s ease,background .16s ease,color .16s ease;transform:translateZ(0);backface-visibility:hidden}.news-actions a{background:#f8fafc;color:#020617}.news-actions a:hover{transform:translate3d(0,-1px,0)}.news-actions button{background:#ffffff0d;color:#e5e7eb;border:1px solid rgba(255,255,255,.08)}.news-actions button:hover{background:#ffffff1a}.news-actions button:hover{transform:translate3d(0,-1px,0)}.news-status,.scroll-loader{text-align:center;color:#94a3b8;font-weight:800;margin-top:36px}.news-status.error{color:#f87171}.skeleton-card{pointer-events:none;contain:content}.skeleton-image,.skeleton-line{position:relative;overflow:hidden;background:#111827}.skeleton-line{height:14px;border-radius:999px;margin-bottom:12px}.skeleton-line.small{width:35%}.skeleton-line.large{height:20px;width:90%}.skeleton-image:after,.skeleton-line:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:shimmer 2.2s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (max-width: 900px){.news-grid{grid-template-columns:1fr}.news-card.featured{grid-column:span 1}.news-card.featured img,.news-card.featured .missing-news-image{height:230px}.news-controls{grid-template-columns:1fr}.news-hero{flex-direction:column;align-items:flex-start}}@supports (content-visibility: auto){.news-card,.skeleton-card{content-visibility:auto;contain-intrinsic-size:320px 420px}}@media (max-width: 760px),(prefers-reduced-motion: reduce){.skeleton-image:after,.skeleton-line:after{animation:none!important}.news-card,.section-tabs button,.news-actions a,.news-actions button,.refresh-news-btn{transition-duration:.01ms!important}}.read-books-page{width:100%;min-height:calc(100vh - 72px);margin:0;padding:1.25rem clamp(14px,3vw,48px) 82px;color:#f8fafc;box-sizing:border-box;position:relative;isolation:isolate;overflow-x:hidden;contain:layout style;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.1),transparent 30%),radial-gradient(circle at 88% 12%,rgba(139,92,246,.075),transparent 32%),#020617}.read-books-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;will-change:transform;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.64),transparent 80%)}.read-books-hero,.read-books-search,.book-row,.read-books-status,.book-load-sentinel{width:100%;margin-left:auto;margin-right:auto}.read-books-hero{position:relative;overflow:hidden;margin-bottom:22px;min-height:clamp(280px,36vh,420px);display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,48px);border-radius:32px;background:linear-gradient(145deg,#0f172adb,#0f172a94);border:1px solid rgba(255,255,255,.085);box-shadow:0 22px 62px #00000047;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);contain:content}.read-books-hero:after{content:"";position:absolute;width:320px;height:320px;right:-110px;bottom:-130px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.16),transparent 68%);pointer-events:none}.read-books-kicker{display:inline-flex;width:fit-content;align-items:center;gap:8px;color:#bae6fd;font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:#38bdf81f;border:1px solid rgba(125,211,252,.16)}.read-books-hero h1{max-width:920px;margin:16px 0 12px;color:#f8fafc;font-size:clamp(2.45rem,5.8vw,5rem);line-height:.92;letter-spacing:-.075em}.read-books-hero p{max-width:720px;margin:0;color:#e2e8f0a8;font-size:clamp(.95rem,1.7vw,1.08rem);line-height:1.72;font-weight:650}.read-books-search{position:sticky;top:82px;z-index:8;margin-bottom:30px;padding:13px;border-radius:26px;background:linear-gradient(145deg,#0f172adb,#0f172a9e);border:1px solid rgba(255,255,255,.085);box-shadow:0 20px 56px #00000047;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);contain:layout style}.read-books-search-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.18);background:#ffffff0e;border-radius:18px;padding:7px 8px 7px 15px;transition:border-color .16s ease,background .16s ease}.books-loading-card{width:min(520px,100%);margin:30px auto;padding:18px 20px;border:1px solid rgba(148,163,184,.18);border-radius:22px;background:#0f172ab8;backdrop-filter:blur(8px);contain:content;color:#e5edf8;display:flex;align-items:center;gap:16px;box-shadow:0 20px 48px #02061738}.premium-book-loader{width:44px;height:56px;border-radius:8px 11px 11px 8px;background:linear-gradient(145deg,#f8fafc,#cbd5e1);position:relative;flex:0 0 auto;box-shadow:inset 5px 0 #0f172a24;overflow:hidden;animation:premiumBookFloat 1.8s ease-in-out infinite;transform:translateZ(0);display:block}.premium-book-loader:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.72),transparent);transform:translate(-120%);animation:premiumBookShine 2.1s ease-in-out infinite}.premium-book-loader span{position:absolute;right:8px;top:13px;width:17px;height:2px;border-radius:999px;background:#0f172a38;box-shadow:0 8px #0f172a24,0 16px #0f172a1a}.books-loading-copy p{margin:3px 0 0;color:#aebed1;font-size:.9rem}@keyframes premiumBookFloat{50%{transform:translateY(-5px)}}@keyframes premiumBookShine{54%,to{transform:translate(130%)}}.read-books-search-box:focus-within{border-color:#38bdf875;background:#ffffff13}.read-books-search input,.read-books-search-box input{width:100%;border:0;background:transparent;color:#f8fafc;padding:10px 4px;font-size:1rem;font-weight:800;outline:none}.read-books-search input::placeholder,.read-books-search-box input::placeholder{color:#cbd5e173}.search-clear-btn,.quick-searches button,.read-book-actions a,.read-book-actions button{border-radius:999px;font-weight:900;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease;transform:translateZ(0);backface-visibility:hidden}.search-clear-btn{border:1px solid rgba(255,255,255,.07);background:#ffffff13;color:#e5e7eb;padding:10px 14px}.search-clear-btn:hover,.quick-searches button:hover,.read-book-actions a:hover,.read-book-actions button:hover{transform:translate3d(0,-1px,0)}.quick-searches{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;contain:layout}.quick-searches button{border:1px solid rgba(148,163,184,.14);background:#ffffff0e;color:#e2e8f0c2;padding:8px 12px;font-size:.82rem}.quick-searches button:hover{background:#38bdf81f;border-color:#7dd3fc3d;color:#f8fafc}.category-bar{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:6px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;contain:layout}.category-bar::-webkit-scrollbar{height:6px}.category-bar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.category-btn{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#e2e8f0bf;font-size:.78rem;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease;transform:translateZ(0);backface-visibility:hidden}.category-btn:hover{background:#38bdf81f;border-color:#7dd3fc40;color:#fff;transform:translate3d(0,-1px,0)}.category-btn.active{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;border-color:transparent;box-shadow:0 8px 20px #38bdf840}.book-filters{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin-top:12px}.book-filters input,.book-filters select{border:1px solid rgba(148,163,184,.16);border-radius:15px;background:#ffffff0d;color:#f8fafc;padding:12px 13px;font-weight:820;outline:none;transition:border-color .16s ease,background .16s ease}.book-filters input:focus,.book-filters select:focus{border-color:#38bdf875;background:#ffffff13}.book-filters select option{color:#0f172a}.access-filter-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:30%;margin:14px 0 12px;padding:5px;border:1px solid rgba(148,163,184,.14);border-radius:20px;background:#02061757;box-shadow:inset 0 1px #ffffff0d,0 14px 34px #00000024;contain:layout}.access-filter-btn{min-height:38px;width:100%;border:0;border-radius:15px;padding:9px 10px;background:transparent;color:#e2e8f0ad;font-size:.78rem;font-weight:950;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease;transform:translateZ(0);backface-visibility:hidden}.access-filter-btn:hover{transform:translate3d(0,-1px,0);background:#fff1;color:#fff}.access-filter-btn.active{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;box-shadow:0 10px 24px #38bdf83d}.book-row{margin-bottom:42px;contain:layout}.book-row h2{width:fit-content;margin:0 0 16px;color:#f8fafc;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1;letter-spacing:-.045em}.book-row-scroll{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.3) rgba(15,23,42,.8);overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;contain:layout}.book-row-scroll::-webkit-scrollbar{height:8px}.book-row-scroll::-webkit-scrollbar-track{background:#0f172acc;border-radius:999px}.book-row-scroll::-webkit-scrollbar-thumb{background:#94a3b857;border-radius:999px}.book-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;contain:layout}.read-book-card{min-width:218px;max-width:218px;overflow:hidden;position:relative;isolation:isolate;border:1px solid rgba(148,163,184,.13);border-radius:24px;background:linear-gradient(145deg,#0f172ad6,#0f172a8f);box-shadow:0 18px 46px #00000042;scroll-snap-align:start;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;transform:translateZ(0);backface-visibility:hidden;contain:layout paint;padding-bottom:4px}.book-results-grid .read-book-card{min-width:0;max-width:none;width:100%}.read-book-card:hover{transform:translate3d(0,-2px,0);border-color:#7dd3fc38;box-shadow:0 28px 72px #00000061}.book-cover-placeholder{height:248px;display:grid;place-items:center;position:relative;overflow:hidden;contain:paint;background:radial-gradient(circle at top,rgba(56,189,248,.18),transparent 46%),linear-gradient(145deg,#0f172a,#1e293b)}.book-cover-placeholder img,.book-cover-placeholder .book-cover-img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;padding:10px;box-sizing:border-box;background:linear-gradient(145deg,#0f172a,#1e293b);transform:translateZ(0);backface-visibility:hidden}.book-cover-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-120%);transition:transform .28s ease}.read-book-card:hover .book-cover-placeholder:after{transform:translate(120%)}.book-cover-placeholder span{width:74px;height:74px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#38bdf8,#8b5cf6);color:#fff;font-size:2rem;font-weight:950;box-shadow:0 18px 40px #38bdf838;contain:content}.read-book-body{display:flex;min-height:180px;flex-direction:column;padding:18px 16px;gap:6px;contain:content}.read-book-body h3{display:-webkit-box;min-height:3.2em;margin:0 0 10px;overflow:hidden;color:#f8fafc;font-size:1.02rem;line-height:1.5;letter-spacing:-.015em;font-weight:800;-webkit-box-orient:vertical;-webkit-line-clamp:2}.read-book-body p{display:-webkit-box;margin:0;overflow:hidden;color:#cbd5e1b3;font-size:.9rem;line-height:1.6;font-weight:600;-webkit-box-orient:vertical;-webkit-line-clamp:2}.read-book-body small{display:inline-flex;width:fit-content;margin-top:8px;padding:5px 8px;border-radius:999px;color:#e2e8f09e;background:#ffffff0e;font-size:.68rem;font-weight:800}.read-book-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:16px;contain:layout}.read-book-actions a,.read-book-actions button{min-height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:10px 12px;font-size:.85rem;font-weight:800;letter-spacing:.02em}.read-book-actions a{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;box-shadow:0 10px 24px #38bdf833}.read-book-actions button{background:#ffffff14;color:#e5e7eb}.read-book-actions a:hover,.read-book-actions button:hover{box-shadow:0 8px 18px #0000002e}.read-book-actions a:active,.read-book-actions button:active{transform:translateZ(0) scale(.98);opacity:.84}.read-books-status{text-align:center;color:#cbd5e1b8;font-weight:900;margin:28px 0}.read-books-status.error{color:#fca5a5}.book-load-sentinel{height:1px}@media (min-width: 900px) and (prefers-reduced-motion: no-preference){.read-books-page:before{animation:readBooksAmbient 18s ease-in-out infinite alternate}}@keyframes readBooksAmbient{0%{transform:translate3d(-1%,-1%,0)}to{transform:translate3d(1%,1%,0)}}@media (max-width: 720px){.read-books-page{padding:.75rem 12px 76px}.read-books-hero{min-height:auto;border-radius:24px;padding:22px 18px}.read-books-hero h1{font-size:clamp(2.05rem,11vw,3rem);line-height:.94}.read-books-search{top:76px;margin-bottom:24px;border-radius:22px;padding:10px}.category-bar{margin-bottom:12px}.category-bar{gap:8px}.category-btn{padding:7px 12px;font-size:.75rem}.book-filters{grid-template-columns:1fr}.book-row{margin-bottom:32px}.book-row-scroll{gap:13px;padding-bottom:14px}.book-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.read-book-card{min-width:188px;max-width:188px;border-radius:21px}.book-results-grid .read-book-card{min-width:0;max-width:none}.book-cover-placeholder{height:210px}.book-cover-placeholder span{width:60px;height:60px;border-radius:18px;font-size:1.65rem}.read-book-body{min-height:154px;padding:12px}.read-book-actions{grid-template-columns:1fr}}@media (max-width: 520px){.access-filter-bar{width:100%;gap:6px;padding:4px;border-radius:18px}.access-filter-btn{min-height:34px;padding:8px 6px;border-radius:13px;font-size:.68rem;letter-spacing:-.01em}}@media (max-width: 420px){.book-results-grid{grid-template-columns:1fr}.book-results-grid .book-cover-placeholder{height:260px}}@media (prefers-reduced-motion: reduce){.read-books-page:before,.book-cover-placeholder:after{animation:none;transition:none}.read-book-card,.read-book-actions a,.read-book-actions button,.quick-searches button,.search-clear-btn,.book-filters input,.book-filters select,.access-filter-btn{transition:none}}.read-book-card:hover .read-book-body h3{color:#e0f2fe}@supports (content-visibility: auto){.read-book-card,.book-row{content-visibility:auto;contain-intrinsic-size:260px 460px}}@media (max-width: 720px){.read-books-page:before,.book-cover-placeholder:after{animation:none!important}.book-cover-placeholder:after{display:none}}@media (prefers-reduced-motion: reduce){.read-books-page:before,.book-cover-placeholder:after,.premium-book-loader,.premium-book-loader:after{animation:none!important}.book-cover-placeholder:after{display:none}}.reader-page{position:relative;min-height:100vh;width:100%;padding:clamp(18px,3vw,34px) clamp(14px,4vw,54px) 90px;display:flex;justify-content:center;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8fafc;isolation:isolate;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.075),transparent 34%),radial-gradient(circle at 88% 8%,rgba(34,197,94,.045),transparent 32%),radial-gradient(circle at 54% 96%,rgba(139,92,246,.05),transparent 36%),linear-gradient(180deg,#01050f,#020617 48%,#00030a);overflow-x:hidden;contain:layout style}.reader-page:before{content:"";position:fixed;inset:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 18% 10%,rgba(56,189,248,.04),transparent 30%),radial-gradient(circle at 84% 18%,rgba(34,197,94,.03),transparent 26%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 72%)}.reader-container{position:relative;z-index:1;width:min(1040px,100%);margin:0 auto;contain:layout}.reader-surface-card{border:1px solid rgba(255,255,255,.085);background:radial-gradient(circle at top,rgba(56,189,248,.045),transparent 44%),linear-gradient(145deg,#080d19d6,#020617a8);box-shadow:0 14px 32px #0000003d,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);contain:content}.reader-loading{min-height:100vh;display:grid;place-items:center;padding:24px;color:#f8fafc;background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.08),transparent 36%),radial-gradient(circle at 82% 18%,rgba(34,197,94,.04),transparent 32%),linear-gradient(180deg,#01050f,#00030a)}.reader-loading-card{width:min(360px,100%);padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:radial-gradient(circle at top,rgba(56,189,248,.06),transparent 44%),linear-gradient(145deg,#080d19db,#020617ad);text-align:center;box-shadow:0 16px 38px #00000047,inset 0 1px #ffffff0f;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);contain:content}.reader-loading-card p{margin:14px 0 4px;font-size:1.05rem;font-weight:950}.reader-loading-card span{color:#e2e8f0a3;font-size:.9rem}.reader-spinner{width:42px;height:42px;margin:0 auto;border-radius:999px;border:3px solid rgba(148,163,184,.22);box-shadow:0 0 12px #38bdf80f;border-top-color:#38bdf8d1;animation:readerSpin 1.4s linear infinite;transform:translateZ(0)}@keyframes readerSpin{to{transform:rotate(360deg)}}.reader-topbar{position:sticky;top:14px;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:18px;padding:10px;border-radius:24px;contain:layout;box-shadow:0 12px 28px #0000003d,inset 0 1px #ffffff0f}.menu-btn,.reader-icon-btn,.reader-topbar>button{width:44px;height:44px;border:0;border-radius:16px;background:#080d19c7;color:#f8fafc;font-weight:950;cursor:pointer;box-shadow:inset 0 1px #ffffff12,0 8px 18px #0000002e;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease;border:1px solid rgba(148,163,184,.12);transform:translateZ(0);backface-visibility:hidden}.menu-btn:hover,.reader-icon-btn:hover,.reader-topbar>button:hover{transform:translate3d(0,-1px,0);background:#0f172ae0;border-color:#94a3b833;box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff12}.reader-progress-text{min-width:0}.reader-progress-text strong{display:block;overflow:hidden;color:#fff;font-size:.98rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.reader-progress-text span{display:block;margin-top:2px;color:#e2e8f099;font-size:.78rem;font-weight:850}.reader-hero-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-bottom:16px;padding:clamp(20px,4vw,34px);border-radius:34px;overflow:hidden;contain:content;background:radial-gradient(circle at 8% 0%,rgba(56,189,248,.09),transparent 36%),radial-gradient(circle at 94% 8%,rgba(34,197,94,.055),transparent 32%),radial-gradient(circle at 60% 100%,rgba(139,92,246,.055),transparent 38%),linear-gradient(145deg,#080d19e6,#020617c2)}.reader-kicker{display:inline-flex;width:fit-content;margin:0 0 12px;padding:7px 11px;border:1px solid rgba(103,232,249,.09);border-radius:999px;background:#38bdf80e;color:#bfdbfedb;font-size:.72rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;text-shadow:none}.reader-hero-copy h1{margin:0;color:#fff;font-size:clamp(2rem,5.8vw,4.6rem);line-height:.95;letter-spacing:-.07em;text-wrap:balance;text-shadow:0 18px 42px rgba(0,0,0,.42)}.reader-hero-copy p{max-width:620px;margin:14px 0 0;color:#e2e8f0ad;font-weight:750;line-height:1.6}.reader-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;contain:layout}.reader-chip-row span{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#080d19ad;color:#f8fafcd1;box-shadow:inset 0 1px #ffffff0f;font-size:.78rem;font-weight:900}.reader-hero-actions{display:flex;align-items:center;gap:10px;margin-top:18px;contain:layout}.reader-bookmark-btn,.reader-hero-bookmark-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:42px;padding:10px 16px;border:0;border-radius:999px;background:#080d19c2;color:#f8fafc;font-size:.86rem;font-weight:950;cursor:pointer;box-shadow:inset 0 1px #ffffff14,0 8px 20px #0000002e;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease;border:1px solid rgba(148,163,184,.12);transform:translateZ(0);backface-visibility:hidden}.reader-bookmark-btn:hover,.reader-hero-bookmark-btn:hover{transform:translate3d(0,-1px,0);background:#0f172ae0;border-color:#94a3b833;box-shadow:0 10px 22px #00000038}.reader-bookmark-btn.active,.reader-hero-bookmark-btn.active{background:linear-gradient(135deg,#38bdf8e6,#22c55ec7);color:#fff;box-shadow:0 10px 22px #0000002e,0 0 16px #38bdf814}.reader-orbit-progress{width:122px;height:122px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#0b1120 58%,transparent 60%),conic-gradient(rgba(34,197,94,.82) var(--reader-progress),rgba(56,189,248,.12) 0);box-shadow:0 10px 24px #00000038,0 0 14px #38bdf80e;contain:content}.reader-orbit-progress div{text-align:center}.reader-orbit-progress strong{display:block;color:#fff;font-size:1.4rem;font-weight:950}.reader-orbit-progress span{color:#e2e8f09e;font-size:.74rem;font-weight:850}.reader-menu,.reader-controls,.bookmark-list,.reader-focus-strip{margin:14px 0;padding:14px;border-radius:24px;contain:layout;box-shadow:0 12px 28px #0000003d,inset 0 1px #ffffff0e}.menu-row,.menu-group{display:grid;gap:10px;margin-bottom:10px}.reader-menu .menu-row{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-menu .menu-group{grid-template-columns:auto minmax(70px,1fr) auto;align-items:center}.menu-group span{min-width:70px;min-height:40px;padding:0 10px;border-radius:999px;background:#080d19b3;display:inline-flex;align-items:center;justify-content:center;color:#e2e8f09e;border:1px solid rgba(255,255,255,.08);font-weight:950}.reader-menu button,.reader-controls button,.bookmark-list button,.reader-retry-btn{min-height:40px;border:0;border-radius:999px;padding:10px 14px;background:#080d19c2;color:#f8fafc;font-size:.86rem;font-weight:950;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease,box-shadow .16s ease,border-color .16s ease;border:1px solid rgba(148,163,184,.1);box-shadow:inset 0 1px #ffffff0f,0 7px 16px #00000029;transform:translateZ(0);backface-visibility:hidden}.reader-menu button:hover,.reader-controls button:hover:not(:disabled),.bookmark-list button:hover,.reader-retry-btn:hover{transform:translate3d(0,-1px,0);background:#0f172ae0;border-color:#94a3b833;box-shadow:0 10px 22px #00000038}.reader-menu-active{background:linear-gradient(135deg,#38bdf8e6,#22c55ec7)!important;color:#fff!important}.reader-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.reader-controls span{color:#e2e8f0a3;font-size:.86rem;font-weight:900;text-align:center}.reader-controls button:disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}.reader-progress{height:8px;overflow:hidden;margin:16px 0;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 10px #00000059;contain:paint}.reader-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8db,#22c55ec7);box-shadow:0 0 10px #22c55e1f;transition:width .16s ease}.bookmark-list{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.bookmark-list strong{display:block;margin-bottom:10px;color:#fff;font-size:.9rem}.bookmark-list>div{display:flex;flex-wrap:wrap;gap:8px;contain:layout}.reader-focus-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;contain:layout}.reader-focus-strip span,.reader-focus-strip em{color:#e2e8f099;font-size:.8rem;font-style:normal;font-weight:850}.reader-focus-strip strong{color:#fff;font-size:1rem;font-weight:950}.reader-content{position:relative;max-width:820px;margin:18px auto 0;padding:clamp(30px,4.5vw,58px) clamp(28px,5vw,64px);border-radius:34px;color:#f8fafceb;font-family:Georgia,Times New Roman,serif;transform-origin:center left;will-change:auto;contain:content;box-shadow:0 16px 38px #0000003d,inset 0 1px #ffffff0f}.reader-content p{max-width:62ch;margin:0 auto .42em;letter-spacing:.01em;word-spacing:.04em;contain:content}.reader-content p:empty,.reader-content p:has(+p:empty){margin-bottom:.85em}.page-flip-next{animation:pageFlipNext .16s ease}.page-flip-prev{animation:pageFlipPrev .16s ease}@keyframes pageFlipNext{0%{opacity:1;transform:translate(0)}50%{opacity:.45;transform:translate3d(-6px,0,0)}to{opacity:1;transform:translate(0)}}@keyframes pageFlipPrev{0%{opacity:1;transform:translate(0)}50%{opacity:.45;transform:translate3d(6px,0,0)}to{opacity:1;transform:translate(0)}}.reader-error-card{max-width:760px;min-height:360px;margin:clamp(44px,10vh,90px) auto 0;padding:clamp(24px,5vw,46px);border-radius:34px;contain:content}.reader-error-card h1{max-width:680px;margin:0 0 12px;color:#fff;font-size:clamp(2.2rem,6vw,4.5rem);line-height:.95;letter-spacing:-.07em;text-wrap:balance;text-shadow:0 18px 42px rgba(0,0,0,.42)}.reader-error{color:#fca5a5;font-weight:900;line-height:1.6}.reader-error-alt{margin-top:18px;color:#f8fafcc7}.reader-error-alt ul{margin:10px 0 0;padding-left:20px}.reader-error-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;contain:layout}.reader-retry-btn{background:linear-gradient(135deg,#38bdf8e6,#22c55ec7)}.reader-retry-btn.secondary{background:#080d19c2}.reader-theme-light.reader-page{color:#0f172a;background:radial-gradient(circle at 12% 0%,rgba(14,165,233,.12),transparent 30%),linear-gradient(180deg,#f8fafc,#e2e8f0)}.reader-theme-light .reader-surface-card{background:#ffffffc7;color:#0f172a;border-color:#0f172a14;box-shadow:0 10px 24px #0f172a14;backdrop-filter:blur(16px) saturate(135%)}.reader-theme-light .reader-content,.reader-theme-light .reader-hero-copy h1,.reader-theme-light .reader-progress-text strong,.reader-theme-light .reader-focus-strip strong,.reader-theme-light .bookmark-list strong,.reader-theme-light .reader-error-card h1{color:#0f172a}.reader-theme-light .reader-progress-text span,.reader-theme-light .reader-hero-copy p,.reader-theme-light .reader-controls span,.reader-theme-light .reader-focus-strip span,.reader-theme-light .reader-focus-strip em,.reader-theme-light .menu-group span{color:#0f172a9e}.reader-theme-light .menu-btn,.reader-theme-light .reader-icon-btn,.reader-theme-light .reader-menu button,.reader-theme-light .reader-controls button,.reader-theme-light .bookmark-list button,.reader-theme-light .reader-bookmark-btn,.reader-theme-light .reader-hero-bookmark-btn{background:#0f172a14;color:#0f172a}.reader-theme-sepia.reader-page{color:#f8ead1;background:radial-gradient(circle at 12% 0%,rgba(217,119,6,.12),transparent 30%),linear-gradient(180deg,#2a2118,#15100b)}.reader-theme-sepia .reader-surface-card{background:#352719b8;border-color:#facc151a}@media (max-width: 720px){.reader-page{padding:10px 10px 74px}.reader-page:before{display:none}.reader-topbar,.reader-hero-card,.reader-content,.reader-menu,.reader-controls,.bookmark-list,.reader-focus-strip{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.menu-btn,.reader-icon-btn,.reader-topbar>button,.reader-bookmark-btn,.reader-hero-bookmark-btn,.reader-menu button,.reader-controls button,.bookmark-list button,.reader-retry-btn{transition-duration:.01ms!important}.reader-topbar{top:8px;border-radius:20px;box-shadow:0 10px 24px #00000042}.reader-hero-card{grid-template-columns:1fr;border-radius:26px}.reader-orbit-progress{width:96px;height:96px}.reader-controls{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.reader-controls span{font-size:.78rem;line-height:1.2}.reader-controls button{min-height:38px;padding:9px 11px;font-size:.78rem}.reader-content{max-width:100%;padding:22px 18px;border-radius:24px;box-shadow:0 12px 28px #00000042}.reader-content p{max-width:100%;margin-bottom:.55em}.reader-chip-row span{font-size:.72rem}}@supports (content-visibility: auto){.reader-content,.reader-menu,.reader-controls,.bookmark-list,.reader-focus-strip,.reader-hero-card{content-visibility:auto;contain-intrinsic-size:320px 520px}}@media (min-width: 421px) and (max-width: 720px){.reader-menu .menu-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reader-menu .menu-group{grid-template-columns:auto minmax(64px,1fr) auto;gap:8px}.reader-menu .menu-group span{min-width:64px;min-height:38px;font-size:.84rem}.reader-menu button{width:100%;min-height:40px;padding:9px 10px;font-size:.8rem}}@media (max-width: 420px){.reader-topbar{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;padding:8px}.menu-btn,.reader-icon-btn,.reader-topbar>button{width:40px;height:40px;border-radius:14px}.reader-hero-copy h1{font-size:2.2rem}.reader-hero-actions,.reader-bookmark-btn,.reader-hero-bookmark-btn{width:100%}.reader-error-actions{display:grid;grid-template-columns:1fr}.reader-menu{padding:12px}.reader-menu .menu-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reader-menu .menu-group{display:grid;grid-template-columns:auto minmax(56px,1fr) auto;gap:8px}.reader-menu .menu-group span{min-width:56px;min-height:34px;font-size:.78rem;padding:0 6px}.reader-menu button{width:100%;min-height:38px;padding:9px 10px;font-size:.78rem}.reader-retry-btn{width:100%}.reader-controls{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;padding:10px}.reader-controls button{width:auto;min-height:36px;padding:8px 10px;font-size:.72rem;white-space:nowrap}.reader-controls span{min-width:0;font-size:.7rem;line-height:1.15}}@media (prefers-reduced-motion: reduce){.reader-spinner,.page-flip-next,.page-flip-prev{animation:none!important}.menu-btn,.reader-icon-btn,.reader-topbar>button,.reader-bookmark-btn,.reader-hero-bookmark-btn,.reader-menu button,.reader-controls button,.bookmark-list button,.reader-retry-btn,.reader-progress>div{transition-duration:.01ms!important}}.post-ai-page{min-height:100dvh;padding:18px;color:#f8fafc;overflow-x:hidden;contain:layout style;background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 26rem),radial-gradient(circle at top right,rgba(14,165,233,.14),transparent 24rem),linear-gradient(180deg,#020617,#08111f 52%,#020617)}.post-ai-shell{width:min(1100px,100%);margin:0 auto;display:grid;gap:18px;contain:layout}.post-ai-back,.post-ai-comments,.post-ai-form button{width:fit-content;min-height:42px;border:0;border-radius:16px;padding:0 16px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#182986,#670b92);color:#fff;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 12px 30px #0ea5e947;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease;transform:translateZ(0);backface-visibility:hidden}.post-ai-back:hover,.post-ai-comments:hover,.post-ai-form button:hover:not(:disabled){transform:translate3d(0,-1px,0)}.post-ai-header,.post-ai-original,.post-ai-card,.post-ai-chat{border-radius:30px;background:linear-gradient(180deg,#0f172af5,#0f172ad1);border:1px solid rgba(148,163,184,.12);box-shadow:0 24px 60px #00000057,inset 0 1px #ffffff0a;overflow:hidden;contain:content}.post-ai-header,.post-ai-original,.post-ai-card,.post-ai-chat{padding:24px}.post-ai-header p,.post-ai-card-head span{margin:0;color:#7dd3fc;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.post-ai-header h1{margin:10px 0 14px;font-size:clamp(2.2rem,5vw,4.4rem);line-height:.92;letter-spacing:-.08em;font-weight:950;text-wrap:balance}.post-ai-header span,.post-ai-original p,.post-ai-card p,.post-ai-empty{color:#e2e8f0c7;line-height:1.78}.post-ai-original-paragraphs,.post-ai-explanation-paragraphs,.post-ai-message-paragraphs{display:grid;gap:16px}.post-ai-original-paragraphs p,.post-ai-explanation-paragraphs p,.post-ai-message-paragraphs p{margin:0;padding:0}.post-ai-original-paragraphs h3,.post-ai-explanation-paragraphs h3,.post-ai-message-paragraphs h3{margin:10px 0 -2px;color:#f8fafc;font-size:1rem;font-weight:900;letter-spacing:-.03em;line-height:1.2}.post-ai-explanation-paragraphs{gap:18px}.post-ai-message-paragraphs{gap:12px}.post-ai-original strong{color:#fff}.post-ai-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.post-ai-card-head small{color:#e2e8f0b8;font-weight:800}.post-ai-loading{display:flex;align-items:center;gap:10px;color:#e2e8f0c7}.post-ai-loading span{width:12px;height:12px;border-radius:999px;background:#38bdf8;animation:postAiPulse 1.6s ease-in-out infinite alternate;transform:translateZ(0)}.post-ai-status{margin-top:12px;color:#fca5a5;font-weight:800}.post-ai-messages{min-height:180px;display:flex;flex-direction:column;gap:10px;margin-bottom:14px;contain:layout}.post-ai-msg{width:fit-content;max-width:min(82%,680px);padding:12px 15px;border-radius:22px 22px 22px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#f8fafc;line-height:1.6;font-size:.97rem;word-break:break-word;contain:content;transform:translateZ(0)}.post-ai-msg.mine{margin-left:auto;border-radius:22px 22px 8px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:0;box-shadow:0 8px 18px #0ea5e92e}.post-ai-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;contain:layout}.post-ai-form input{height:52px;min-width:0;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:#fffffff5;color:#07111f;padding:0 18px;font-size:16px;outline:none;transition:border-color .16s ease,background .16s ease}.post-ai-form input:focus{border-color:#38bdf8e6;box-shadow:0 0 0 2px #38bdf824}.post-ai-form button:disabled{opacity:.55;cursor:not-allowed}@keyframes postAiPulse{0%{transform:scale(.7);opacity:.55}to{transform:scale(1.1);opacity:1}}@media (max-width: 720px){.post-ai-page{padding:12px}.post-ai-header,.post-ai-original,.post-ai-card,.post-ai-chat{border-radius:24px;padding:18px}.post-ai-form{grid-template-columns:1fr}.post-ai-form button{width:100%}.post-ai-original-paragraphs,.post-ai-explanation-paragraphs{gap:14px}.post-ai-message-paragraphs{gap:10px}}@supports (content-visibility: auto){.post-ai-card,.post-ai-chat,.post-ai-msg{content-visibility:auto;contain-intrinsic-size:1px 180px}}@media (max-width: 720px),(prefers-reduced-motion: reduce){.post-ai-loading span{animation:none!important}.post-ai-back,.post-ai-comments,.post-ai-form button,.post-ai-msg{transition-duration:.01ms!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}.topbar{transition:transform .22s ease,opacity .22s ease;will-change:transform;transform:translateZ(0);contain:layout style}.topbar-hidden{transform:translateY(-120%);opacity:0;pointer-events:none}.install-popup{position:fixed;left:50%;bottom:22px;z-index:9999;transform:translate(-50%);width:min(92%,380px);padding:18px;border-radius:22px;background:#0f172aeb;color:#fff;box-shadow:0 20px 55px #00000059;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);animation:installSlideUp .28s ease-out}.install-hint{font-size:.8rem;opacity:.7}@media (max-width: 480px){.install-popup{width:calc(100% - 32px);left:16px;right:16px;bottom:90px;transform:none;padding:16px}.install-popup button{width:100%;margin-top:14px}}.install-popup button:disabled{opacity:.5;cursor:not-allowed}.install-popup button:not(:disabled):active{transform:scale(.96)}.install-popup p{margin:0;line-height:1.4}.install-popup p:first-child{font-size:1rem;font-weight:800;margin-bottom:6px}.install-popup p:nth-child(2){font-size:.88rem;color:#ffffffb8;margin-bottom:14px}.install-popup button{border:0;cursor:pointer;border-radius:14px;padding:11px 15px;font-weight:800;font-size:.9rem;transition:.2s ease}.install-popup button:first-of-type{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff;margin-right:10px;box-shadow:0 10px 24px #2563eb59}.install-popup button:last-of-type{background:#ffffff1a;color:#ffffffd9}.install-popup button:hover{transform:translateY(-1px)}@keyframes installSlideUp{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 480px){.install-popup{bottom:14px;padding:16px;border-radius:20px}.install-popup button{width:100%;margin-top:8px}.install-popup button:first-of-type{margin-right:0}}body{font-family:Inter,Arial,sans-serif;background:#07111f;color:#f8fafc;overflow-x:hidden;min-height:100vh}.glass-topbar{background:#07111fc2;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.fancy-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#a7f3d0,#60a5fa);color:#07111f;font-size:1.5rem;font-weight:1000;box-shadow:0 14px 35px #60a5fa47}.quick-icon-link{position:relative;width:46px;height:46px;flex-shrink:0;border-radius:16px;display:grid;place-items:center;text-decoration:none;background:#ffffff14;border:1px solid rgba(255,255,255,.1);font-size:1.2rem}.quick-icon-link:hover,.quick-icon-link.active{background:#1e2e5a;transform:translateZ(0)}.logout-pill,.login-pill{border:0;text-decoration:none;padding:13px 16px;border-radius:16px;background:#ffffff14;color:#fff;font-weight:900;cursor:pointer}.logout-pill:hover,.login-pill:hover{background:#a7f3d0;color:#07111f}.nav-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;background:#ef4444;color:#fff;font-size:.7rem;font-weight:900}a{text-decoration:none;color:inherit}.date-divider{margin:18px auto;width:fit-content;padding:6px 12px;background:#ffffff14;color:#ffffffb3;font-size:.78rem}button{font-family:inherit}.topbar{position:sticky;top:0;z-index:100;padding:16px 22px 14px;background:linear-gradient(180deg,#030712f0,#07111fd1),radial-gradient(circle at top left,rgba(52,211,153,.12),transparent 34%),radial-gradient(circle at top right,rgba(96,165,250,.12),transparent 28%);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px #00000047}.topbar-row{display:flex;justify-content:space-between;align-items:center;gap:18px}.brand-logo{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.logo-dot{width:16px;height:16px;border-radius:999px;background:linear-gradient(135deg,#34d399,#60a5fa,#a78bfa);box-shadow:0 0 18px #34d399a6,0 0 34px #60a5fa59}.brand-logo h1{margin:0;font-size:1.7rem;line-height:1;letter-spacing:-.04em;color:#f8fafc;text-shadow:1px 1px 0 #94a3b8,2px 2px 0 #64748b,3px 3px 0 #475569,4px 4px 6px rgba(0,0,0,.4),0 0 12px rgba(52,211,153,.6),0 0 25px rgba(96,165,250,.4)}.brand-logo p{margin:4px 0 0;font-size:.76rem;color:#e2e8f09e;letter-spacing:.02em}.brand-actions{display:flex;align-items:center;gap:10px}.brand-actions a,.brand-actions button{border:1px solid rgba(255,255,255,.08);backface-visibility:hidden;box-shadow:0 3px 3px #9d9d9db5;padding:10px 15px;border-radius:999px;background:#ffffff0e;color:#f8fafce6;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease,border-color .22s ease}.brand-actions a:hover,.brand-actions button:hover{transform:translateY(-1px);background:linear-gradient(135deg,#20445a,#0d2b4c);color:#fff;border-color:transparent;box-shadow:0 3px 3px #8ba39ad5}.topnav{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.topnav a{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding:13px 14px;border-radius:18px;color:#e2e8f0b8;background:linear-gradient(180deg,#0f172aeb,#111827f5);border:1px solid rgba(96,165,250,.08);box-shadow:inset 0 1px #ffffff05,0 8px 20px #0206172e;text-decoration:none;font-weight:900;letter-spacing:-.01em;transition:background-color .01ms linear,border-color .01ms linear,color .01ms linear,box-shadow .01ms linear}.topnav a:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#60a5fa24,#2563eb14);opacity:0;transition:none}.topnav a:hover{color:#f8fbff;border-color:#60a5fa3d;background:linear-gradient(180deg,#14203afa,#0f172a);box-shadow:inset 0 1px #ffffff08,0 10px 24px #2563eb1f}.topnav a:hover:before{opacity:0}.topnav a.active{background:linear-gradient(135deg,#1e293bfa,#1e40afb8);color:#f8fbff;border-color:#60a5fa3d;box-shadow:inset 0 1px #ffffff0a,0 12px 28px #2563eb29}.topnav a.active:before{opacity:0}.topnav a:active{opacity:1}@media (max-width: 700px){.topbar{padding:12px}.topbar-row,.brand-logo{gap:10px}.brand-logo h1{font-size:1.8rem}.brand-logo p{display:none}.logo-dot{width:13px;height:13px}.brand-actions{gap:6px}.brand-actions a,.brand-actions button{padding:8px 10px;font-size:1rem;box-shadow:0 3px 3px #34d39938}.topnav{margin-top:12px;grid-template-columns:repeat(4,1fr);gap:7px}.topnav a{padding:10px 6px;border-radius:14px;font-size:1rem}}img,picture,video,canvas,svg{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}input,textarea,select,button{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports (content-visibility: auto){.content,.feed-page,.profile-page,.chat-page{content-visibility:auto;contain-intrinsic-size:1px 1200px}}.brain-game{width:min(100%,760px);margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:28px;color:#fff;background:radial-gradient(circle at 12% 0%,rgba(56,189,248,.12),transparent 34%),radial-gradient(circle at 100% 12%,rgba(139,92,246,.14),transparent 36%),#0f172ac2;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 70px #00000052}.sequence-grid{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:14px;max-width:340px;margin:12px auto}.sequence-cell{aspect-ratio:1;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:radial-gradient(circle at top right,rgba(56,189,248,.1),transparent 36%),#ffffff0f;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.sequence-cell:hover{transform:translateY(-2px);background:#ffffff1a}.sequence-cell.active{background:linear-gradient(135deg,#38bdf8,#8b5cf6);box-shadow:0 0 30px #38bdf86b;animation:sequencePulse .55s ease both}.market-survival-game{gap:18px}.boss-stage{width:min(100%,820px);margin:0 auto;padding:22px;border-radius:30px;background:radial-gradient(circle at top,rgba(251,191,36,.15),transparent 38%),radial-gradient(circle at bottom right,rgba(139,92,246,.13),transparent 34%),#02061794;border:1px solid rgba(251,191,36,.24);box-shadow:0 24px 80px #00000057}.boss-header{margin-bottom:18px;padding:18px;border-radius:22px;background:#fbbf2414;border:1px solid rgba(251,191,36,.14)}.boss-header h2{margin:0 0 8px;color:#fde68a;font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.05em}.boss-stage .brain-game{box-shadow:none}.survival-status{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-radius:18px;color:#fff;background:#f59e0b1a;border:1px solid rgba(251,191,36,.18)}.survival-status span{color:#ffffffb8;font-size:.84rem;font-weight:900}.survival-status strong{color:#fef3c7}@keyframes sequencePulse{0%{transform:scale(.94)}55%{transform:scale(1.06)}to{transform:scale(1)}}.serious-game{animation:gameFadeUp .35s ease both}.game-kicker{margin:0 0 6px;color:#cbd5e1b8;font-size:.74rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.brain-game h2{margin:0;color:#fff;font-size:clamp(1.65rem,4vw,2.4rem);line-height:1.04;letter-spacing:-.055em}.brain-game h3{margin:0;color:#e0f2fe;font-size:1rem}.game-hint{margin:0;color:#ffffffad;line-height:1.62;font-size:.95rem}.game-feedback{margin:2px 0 0;color:#ffffff9e;font-size:.8rem}.decision-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.decision-btn{min-height:54px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;background:#fff1;cursor:pointer;font-weight:900;transition:transform .18s ease,background .18s ease,border-color .18s ease}.decision-btn:hover:not(:disabled){transform:translateY(-2px);background:#ffffff1a;border-color:#93c5fd47}.decision-btn.selected{background:linear-gradient(135deg,#38bdf8eb,#8b5cf6e6);border-color:#ffffff2e;box-shadow:0 14px 34px #38bdf83d}.decision-btn:disabled{opacity:.55;cursor:not-allowed}.game-main-btn{min-height:54px;padding:13px 18px;border:0;border-radius:18px;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);cursor:pointer;font-weight:950;letter-spacing:-.01em;box-shadow:0 16px 36px #22c55e3d;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.game-main-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 44px #22c55e4d}.game-main-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.match-game{gap:18px}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:4px}.match-column{display:flex;flex-direction:column;gap:12px}.match-tile{position:relative;min-height:58px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top right,rgba(56,189,248,.1),transparent 36%),#ffffff0f;color:#fff;font-weight:900;cursor:pointer;text-align:left;transition:transform .2s ease,background .2s ease,border-color .2s ease}.match-tile:hover:not(:disabled){transform:translateY(-2px);background:#ffffff1a;border-color:#93c5fd47}.match-tile.active{background:linear-gradient(135deg,#38bdf8,#6366f1);border-color:transparent;box-shadow:0 10px 24px #38bdf852}.match-tile.matched{background:linear-gradient(135deg,#22c55e,#4ade80);border-color:transparent;box-shadow:0 10px 24px #22c55e47}.match-tile:disabled{cursor:not-allowed}.match-feedback{padding:12px 14px;border-radius:16px;color:#ffffffbd;background:#3b82f61a;border:1px solid rgba(147,197,253,.14);font-size:.86rem;line-height:1.5}.memory-palace-game{gap:16px}.memory-game-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.memory-timer{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:38px;padding:0 12px;border-radius:999px;color:#fef3c7;background:#f59e0b24;border:1px solid rgba(251,191,36,.24);font-weight:950;box-shadow:0 10px 28px #f59e0b1f}.memory-timer.recall{color:#bfdbfe;background:#3b82f61f;border-color:#93c5fd38}.memory-palace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:12px;margin:10px 0 4px}.memory-tile{position:relative;display:grid;min-height:78px;place-items:center;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;color:#fff;background:radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 36%),#ffffff0f;cursor:pointer;font-size:.92rem;font-weight:900;text-align:center;animation:memoryTileIn .32s ease both;transition:transform .18s ease,border-color .18s ease,background .18s ease}.memory-tile:hover{transform:translateY(-2px);border-color:#93c5fd52;background:#ffffff1a}.memory-tile.study{cursor:default;background:radial-gradient(circle at top right,rgba(34,197,94,.16),transparent 36%),linear-gradient(145deg,#22c55e1f,#38bdf814);border-color:#22c55e38}.memory-tile.selected{border-color:#7dd3fc73;background:linear-gradient(135deg,#38bdf8d9,#8b5cf6d9);box-shadow:0 14px 34px #38bdf83d}.memory-tile span{position:relative;z-index:1}.word-list,.sequence-row,.sequence-display,.pattern-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.word-chip,.sequence-chip,.pattern-chip{padding:10px 12px;border-radius:14px;color:#fff;background:#ffffff12;border:1px solid rgba(255,255,255,.1);font-weight:850}.sequence-chip.active,.pattern-chip.active,.word-chip.active{background:linear-gradient(135deg,#38bdf8,#8b5cf6);border-color:transparent}.science-order-box{display:grid;gap:8px;margin:14px 0}.science-order-box span{padding:12px;border-radius:14px;color:#fff;background:#3b82f61f;border:1px solid rgba(147,197,253,.16)}.trading-sim-game{gap:18px}.trading-sim-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.trade-badge{padding:8px 12px;border-radius:999px;color:#cbd5e1;background:#ffffff12;border:1px solid rgba(255,255,255,.1);font-size:.76rem;font-weight:900;white-space:nowrap}.trade-badge.win{color:#bbf7d0;background:#22c55e21;border-color:#22c55e40}.market-board{padding:18px;border-radius:24px;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at top,rgba(56,189,248,.14),transparent 36%),#0206176b;background-size:42px 42px,42px 42px,auto,auto;border:1px solid rgba(255,255,255,.1)}.market-header,.market-zones{display:flex;justify-content:space-between;color:#ffffff9e;font-size:.78rem;font-weight:800}.market-header strong{color:#93c5fd}.upgraded-chart,.candle-chart{position:relative;height:170px;display:flex;align-items:center;justify-content:center;gap:18px;margin:10px 0}.upgraded-chart:before,.upgraded-chart:after,.candle-chart:before,.candle-chart:after{content:"";position:absolute;left:6%;right:6%;height:1px;border-top:1px dashed rgba(255,255,255,.14)}.upgraded-chart:before,.candle-chart:before{top:28%}.upgraded-chart:after,.candle-chart:after{bottom:28%}.candle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;border-radius:7px;animation:candlePop .45s ease both}.candle i{position:absolute;width:2px;height:calc(100% + 26px);border-radius:99px;opacity:.65}.candle.green{background:linear-gradient(180deg,#86efac,#22c55e);box-shadow:0 0 22px #22c55e40}.candle.red{background:linear-gradient(180deg,#fca5a5,#ef4444);box-shadow:0 0 22px #ef44443d}.candle.green i{background:#86eface6}.candle.red i{background:#fca5a5e6}.candle.small{height:42px}.candle.medium{height:72px}.candle.tall{height:108px}.trade-brief{padding:14px 15px;border-radius:18px;background:#3b82f617;border:1px solid rgba(147,197,253,.14)}.trade-brief strong{color:#bfdbfe}.trade-brief p{margin:6px 0 0;color:#ffffffb8;line-height:1.55}.trade-actions{display:grid;grid-template-columns:repeat(3,1fr)}.trade-actions .decision-btn{display:flex;flex-direction:column;gap:4px}.trade-actions .decision-btn span{font-size:.72rem;opacity:.7}.trade-feedback{padding:14px 15px;border-radius:18px;animation:feedbackSlide .35s ease both}.trade-feedback p{margin:6px 0 0;line-height:1.55}.trade-feedback.success{background:#22c55e1c;border:1px solid rgba(34,197,94,.22)}.trade-feedback.wrong{background:#f871711a;border:1px solid rgba(248,113,113,.2)}@keyframes gameFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes memoryTileIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes candlePop{0%{opacity:0;transform:translateY(14px) scaleY(.6)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){.brain-game{width:100%;padding:18px;border-radius:22px}.memory-game-top,.trading-sim-top{flex-direction:column}.match-grid,.trade-actions,.decision-row{grid-template-columns:1fr}.memory-palace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.memory-tile{min-height:68px;padding:12px;border-radius:15px;font-size:.86rem}.upgraded-chart,.candle-chart{gap:12px;height:140px}.candle{width:14px}}