.legal-page{min-height:100vh;background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 35%),radial-gradient(circle at bottom right,rgba(168,85,247,.1),transparent 35%),linear-gradient(180deg,#050913,#07111d 55%,#091421);color:#f8fafc;padding:72px 20px}.legal-container{max-width:980px;margin:0 auto;padding:42px;border-radius:28px;background:linear-gradient(180deg,rgba(18,27,42,.92),rgba(9,16,28,.95));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.05)}.legal-container h1{margin:0 0 12px;font-size:3rem;font-weight:900;letter-spacing:-.05em;background:linear-gradient(90deg,#fff,#9be7ff,#9bffd0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.updated{display:inline-flex;align-items:center;gap:8px;margin-bottom:42px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:.82rem;font-weight:700}.legal-container h2{margin-top:48px;margin-bottom:16px;font-size:1.55rem;font-weight:800;color:#fff;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.legal-container h3{margin-top:28px;margin-bottom:10px;font-size:1.05rem;font-weight:700;color:#8ce3ff}.legal-container p{margin:0 0 16px;color:#d7e3ef;font-size:1rem;line-height:1.8}.legal-container ul{margin:18px 0 26px 18px;padding:0}.legal-container li{margin:10px 0;color:#d7e3ef;line-height:1.75}.legal-container li::marker{color:#38bdf8}.legal-container strong{color:#fff}.legal-container a{color:#54d4ff;text-decoration:none;font-weight:700;transition:.25s}.legal-container a:hover{color:#8ce9ff;text-decoration:underline}.legal-container section{margin-top:42px}.legal-container hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:46px 0}.legal-container blockquote{margin:20px 0;padding:18px 22px;border-left:4px solid #38bdf8;border-radius:14px;background:rgba(56,189,248,.06);color:#dbeafe}.legal-container code{background:rgba(255,255,255,.06);padding:3px 7px;border-radius:6px;font-family:monospace}@media (max-width:768px){.legal-page{padding:24px 14px}.legal-container{padding:24px;border-radius:22px}.legal-container h1{font-size:2.2rem}.legal-container h2{font-size:1.3rem}.legal-container p,.legal-container li{font-size:.96rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.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,rgba(15,23,42,.92),rgba(2,6,23,.98));color:rgba(248,250,252,.96);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 rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05);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,rgba(30,41,59,.96),#020617);border-color:rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06)}.hamburger-btn:active{transform:translateZ(0) scale(.97)}.hamburger-line{width:17px;height:2px;border-radius:999px;background:rgba(248,250,252,.96);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 rgba(255,255,255,.18)}.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;top:0;right:0;bottom:0;left:0;z-index:3100;pointer-events:auto;border:0;background:radial-gradient(circle at 82% 78%,rgba(34,211,238,.08),transparent 32%),rgba(0,3,10,.46);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,rgba(15,23,42,.9),rgba(2,6,23,.98));border:1px solid rgba(255,255,255,.07);box-shadow:0 30px 70px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.04);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-brand-mark{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:10px;background:#eaf8ff;color:#09202d;font-size:1rem;font-weight:900;letter-spacing:-.06em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.menu-header span{display:block;margin-bottom:3px;color:rgba(148,163,184,.72);font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.menu-header .menu-brand-mark{margin:0;color:#09202d;font-size:1rem;line-height:1;letter-spacing:-.06em;text-transform:none}.menu-header h3{margin:0;color:rgba(248,250,252,.96);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:rgba(15,23,42,.78);color:rgba(248,250,252,.9);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:rgba(30,41,59,.9);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:rgba(148,163,184,.58);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:rgba(226,232,240,.92);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:rgba(255,255,255,.05);border-color:rgba(255,255,255,.06);color:#fff;transform:translate(-1px)}.menu-section a:active,.menu-link-btn:active{transform:translateZ(0) scale(.985)}.menu-section a.active{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.08)}.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:rgba(226,232,240,.92);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:rgba(15,23,42,.76);color:rgba(226,232,240,.9)}.login-pill{border:0;background:rgba(248,250,252,.92);color:#020617}.logout-pill:hover{background:rgba(30,41,59,.9);border-color:rgba(148,163,184,.18)}.logout-pill:active,.login-pill:active{transform:translateZ(0) scale(.985)}.menu-panel::-webkit-scrollbar{width:5px}.menu-panel::-webkit-scrollbar-thumb{background:rgba(148,163,184,.18);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:rgba(2,6,23,.72);border:1px solid rgba(148,163,184,.12);box-shadow:0 10px 24px rgba(0,0,0,.2)}.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,rgba(15,23,42,.92),rgba(2,6,23,.98));border:1px solid rgba(255,255,255,.07);box-shadow:0 24px 60px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.04);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:rgba(15,23,42,.64);border:1px solid rgba(148,163,184,.08);box-shadow:inset 0 1px rgba(255,255,255,.024);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:rgba(8,13,28,.78);box-shadow:0 24px 80px rgba(0,0,0,.45);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,rgba(34,211,238,.25),rgba(34,197,94,.22));box-shadow:0 0 35px rgba(34,211,238,.18)}.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:rgba(148,163,184,.1);color:#e2e8f0!important;font-size:12px!important;font-weight:700}.room-invite-note{padding:12px 14px;border-radius:18px;background:rgba(15,23,42,.72);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:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.22)}.room-invite-status{color:#bbf7d0!important;background:rgba(34,197,94,.12);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 rgba(34,197,94,.24)}.room-invite-secondary-btn{margin-top:10px;color:#e2e8f0;background:rgba(148,163,184,.1);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;top:0;right:0;bottom:0;left: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;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 82%);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,rgba(12,18,34,.86),rgba(2,6,23,.68));border:1px solid rgba(255,255,255,.105);box-shadow:0 14px 34px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.075);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:rgba(125,211,252,.24);box-shadow:0 18px 40px rgba(0,0,0,.3),0 0 20px rgba(56,189,248,.07)}.books-pill{width:fit-content;display:inline-flex;align-items:center;margin-bottom:14px;padding:7px 12px;border-radius:999px;background:rgba(56,189,248,.075);color:rgba(219,234,254,.92);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:rgba(226,232,240,.74);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,rgba(56,189,248,.18),rgba(56,189,248,.05)),linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.84));box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -1px rgba(56,189,248,.12),0 10px 25px rgba(0,0,0,.3),0 0 0 1px rgba(56,189,248,.05),0 0 16px rgba(56,189,248,.055);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:rgba(125,211,252,.42);box-shadow:0 18px 40px rgba(0,0,0,.3),0 0 20px rgba(56,189,248,.07)}.books-actions button:active,.books-empty-state button:active,.books-discover-actions button:active{transform:translateZ(0) scale(.985);border-color:rgba(125,211,252,.4)}.books-actions .secondary{color:#e2e8f0;border-color:rgba(148,163,184,.26);background:linear-gradient(145deg,rgba(8,13,25,.92),rgba(2,6,23,.78));box-shadow:inset 0 1px rgba(255,255,255,.07),0 9px 22px rgba(0,0,0,.26)}.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,rgba(56,189,248,.09),rgba(15,23,42,.74));box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 16px rgba(56,189,248,.06);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:rgba(226,232,240,.7);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:rgba(12,18,34,.72);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.06);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:rgba(226,232,240,.62);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:rgba(226,232,240,.64);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:rgba(125,211,252,.55);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;top:0;right:0;bottom:0;left: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:rgba(125,211,252,.82);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:rgba(226,232,240,.7);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,rgba(12,18,34,.84),rgba(2,6,23,.64));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 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.055);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:rgba(226,232,240,.42);font-size:1.35rem;transition:transform .16s ease,color .16s ease}.mini-book-list button:hover{transform:translate3d(0,-1px,0);background:rgba(8,13,25,.9);border-color:rgba(125,211,252,.22);box-shadow:0 12px 26px rgba(0,0,0,.22)}.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,rgba(51,65,85,.95),rgba(15,23,42,.95));box-shadow:0 8px 18px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.07);contain:paint}.mini-cover:before{content:"📖";grid-area:1 / 1;color:rgba(226,232,240,.6);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:rgba(226,232,240,.62);font-size:.74rem;font-weight:800}.book-progress-track{width:100%;height:5px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 8px rgba(0,0,0,.32);contain:paint}.book-progress-track span,.book-progress-track>span{display:block;min-width:6px;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(56,189,248,.86),rgba(34,197,94,.78));box-shadow:0 0 10px rgba(34,197,94,.12);transition:width .16s ease}.books-empty-state{padding:18px;border-radius:18px;display:grid;gap:8px;background:rgba(12,18,34,.72);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 22px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.055);contain:content}.books-empty-state strong{color:#f8fafc;font-size:.98rem}.books-empty-state p{margin:0;color:rgba(226,232,240,.7);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,rgba(12,18,34,.86),rgba(2,6,23,.68));box-shadow:0 14px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06);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:rgba(226,232,240,.72);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,rgba(56,189,248,.18),rgba(56,189,248,.05)),linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.84));box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -1px rgba(56,189,248,.12),0 10px 25px rgba(0,0,0,.3),0 0 0 1px rgba(56,189,248,.05),0 0 16px rgba(56,189,248,.055);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:rgba(125,211,252,.42);box-shadow:0 18px 40px rgba(0,0,0,.3),0 0 20px rgba(56,189,248,.07)}.books-discover-actions .secondary{background:linear-gradient(145deg,rgba(8,13,25,.92),rgba(2,6,23,.78));color:#e2e8f0;border-color:rgba(148,163,184,.26);box-shadow:inset 0 1px rgba(255,255,255,.07),0 9px 22px rgba(0,0,0,.26)}.books-discover-actions .secondary:hover{background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(2,6,23,.88))}@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;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(56,189,248,.35),rgba(168,85,247,.25),rgba(34,197,94,.2));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:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.25)}.survival-timer span{font-weight:800;font-size:.85rem;color:rgba(255,255,255,.7)}.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)}}.market-survival-game{gap:18px}.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:rgba(59,130,246,.12);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%),rgba(2,6,23,.55);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.35);contain:content;transform:translateZ(0)}.game-kicker{font-size:.7rem;letter-spacing:.12em;color:rgba(255,255,255,.55);margin-bottom:6px}.brain-game h2{font-size:1.8rem;margin:0 0 8px;color:#fff}.game-hint{margin-bottom:20px;color:rgba(255,255,255,.72);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:rgba(255,255,255,.06);color:rgba(255,255,255,.75);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:rgba(255,255,255,.12)}.decision-btn.selected{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;border:none;box-shadow:0 10px 30px rgba(56,189,248,.4)}.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 rgba(34,197,94,.4)}.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%),rgba(2,6,23,.42);border:1px solid rgba(255,255,255,.1)}.survival-card h3{margin:0 0 8px;color:#fff}.survival-card p{margin:0;color:rgba(255,255,255,.72);line-height:1.55}.survival-feedback{padding:13px 14px;border-radius:18px;font-size:.9rem;line-height:1.5;background:rgba(255,255,255,.06);color:rgba(255,255,255,.76)}.survival-feedback.win{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.22)}.survival-feedback.lose{background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.2)}@media (max-width: 700px){.survival-status-row{flex-direction:column}}.streak-card:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-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:rgba(255,255,255,.06);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:rgba(139,92,246,.25);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 rgba(99,102,241,.35)}.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 rgba(34,197,94,.5);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 rgba(139,92,246,.45)}.profile-btn:active{transform:translateZ(0) scale(.98)}.profile-mini-btn:hover{box-shadow:0 0 10px rgba(139,92,246,.6)}.profile-btn,.profile-mini-btn{will-change:transform}.analytics-card{padding:24px;border-radius:28px;background:rgba(15,23,42,.72);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,rgba(15,23,42,.92),rgba(15,23,42,.62));border:1px solid rgba(255,255,255,.11);box-shadow:0 22px 65px rgba(0,0,0,.28);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;top:0;right:0;bottom:0;left: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:rgba(147,197,253,.36)}.unlock-card span{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;margin-bottom:18px;font-size:1.9rem;background:rgba(255,255,255,.08);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:rgba(255,255,255,.66);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:rgba(15,23,42,.78);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:rgba(248,113,113,.12);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:rgba(255,255,255,.06)}.mistake-answer-grid span{display:block;margin-bottom:6px;color:rgba(255,255,255,.55);font-size:.78rem}.mistake-answer-grid strong{color:#fff}.mistake-explanation{padding:14px;border-radius:18px;background:rgba(59,130,246,.1);border:1px solid rgba(147,197,253,.16)}.mistake-explanation strong{color:#bfdbfe}.mistake-explanation p,.mistake-tip{color:rgba(255,255,255,.72);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:rgba(147,197,253,.1);border:1px solid rgba(147,197,253,.18);font-size:.78rem;font-weight:950}.unlock-card.unlocked{border-color:rgba(34,197,94,.38);box-shadow:0 24px 70px rgba(34,197,94,.12)}.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 rgba(34,197,94,.28)}.unlock-card.locked{opacity:.58;filter:grayscale(.35)}.unlock-card.locked:hover{transform:none;border-color:rgba(255,255,255,.11)}.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 rgba(56,189,248,.18);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 rgba(139,92,246,.28)}.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:rgba(255,255,255,.7);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,rgba(15,23,42,.86),rgba(15,23,42,.58));backdrop-filter:blur(8px);box-shadow:0 24px 70px rgba(0,0,0,.34);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:rgba(255,255,255,.07);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:rgba(15,23,42,.94);border:1px solid rgba(147,197,253,.25);box-shadow:0 24px 80px rgba(0,0,0,.45);contain:content}.achievement-toast span{font-size:2rem}.achievement-toast strong{color:#fff}.achievement-toast p{margin:4px 0 0;color:rgba(255,255,255,.68)}.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,rgba(56,189,248,.2),rgba(139,92,246,.2));border:1px solid rgba(147,197,253,.22);color:rgba(255,255,255,.94);font-size:.72rem;font-weight:950;letter-spacing:.05em;box-shadow:inset 0 0 18px rgba(255,255,255,.05)}.mini-bar-group{width:100%}.mini-bar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;color:rgba(255,255,255,.62);font-size:.68rem;font-weight:850}.mini-bar-row strong{color:rgba(255,255,255,.9);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:rgba(255,255,255,.66);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;top:0;right:0;bottom:0;left: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:rgba(147,197,253,.48)}.topic-card.blue:hover,.topic-card.cyan:hover{box-shadow:0 30px 90px rgba(56,189,248,.18)}.topic-card.purple:hover,.topic-card.pink:hover{box-shadow:0 30px 90px rgba(168,85,247,.16)}.topic-card.green:hover{box-shadow:0 30px 90px rgba(34,197,94,.14)}.topic-card.orange:hover{box-shadow:0 30px 90px rgba(249,115,22,.14)}.topic-card h3{margin:32px 0 10px;font-size:1.24rem;letter-spacing:-.02em}.topic-card p{min-height:52px;margin:0;color:rgba(255,255,255,.66);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:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.78);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:rgba(255,255,255,.08);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:rgba(255,255,255,.07);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:rgba(56,189,248,.22);border-color:rgba(147,197,253,.7)}.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:rgba(255,255,255,.74);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 rgba(56,189,248,.22)}.score-ring span{display:block;font-size:2.1rem;font-weight:950}.score-ring small{display:block;color:rgba(255,255,255,.72);font-weight:900}.progress-insight{margin-top:24px;padding:22px;border-radius:24px;background:rgba(255,255,255,.08);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:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.stat-grid span{display:block;color:rgba(255,255,255,.6);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:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);contain:content}.review-item.correct{border-color:rgba(34,197,94,.42)}.review-item.wrong{border-color:rgba(248,113,113,.42)}.review-item p{margin:8px 0}.review-item small{color:rgba(255,255,255,.64);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 rgba(34,197,94,.18)}.result-card.lose{box-shadow:0 30px 100px rgba(249,115,22,.16)}@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}}@media (max-width: 1050px){.quiz-hero{grid-template-columns:1fr!important}.streak-card{max-width:none!important}}@media (max-width: 700px){.quiz-page{padding:14px 10px 34px!important}.quiz-hero{gap:14px!important;margin-bottom:18px!important}.quiz-hero h1{font-size:clamp(2rem,10vw,3rem)!important}.quiz-hero p{font-size:.88rem!important}.topic-grid,.unlock-grid{gap:10px!important}.topic-card,.unlock-card,.streak-card,.question-card,.result-card,.brain-game,.analytics-card{border-radius:18px!important;padding:15px!important}.memory-wordle-row{gap:6px}.memory-wordle-tile{border-radius:11px}.memory-wordle-controls{grid-template-columns:1fr}.decision-row,.option-list{gap:7px!important}.decision-btn,.option-btn{min-height:44px!important;padding:11px 13px!important}.submit-answer-btn,.game-main-btn,.result-actions button,.unlock-action-btn,.profile-btn{width:100%!important}}.brain-game .decision-btn,.brain-game .option-btn,.brain-game .match-tile,.brain-game .word-chip,.brain-game .memory-tile{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;transition:background 80ms ease,border-color 80ms ease,color 80ms ease,box-shadow 80ms ease,transform 80ms ease!important}.brain-game .decision-btn.selected,.brain-game .decision-btn[aria-pressed=true],.brain-game .option-btn.selected,.brain-game .option-btn[aria-pressed=true],.brain-game .match-tile.active,.brain-game .match-tile.matched,.brain-game .match-tile[aria-pressed=true],.brain-game .word-chip.active,.brain-game .word-chip[aria-pressed=true],.brain-game .memory-tile.selected,.brain-game .memory-tile[aria-pressed=true]{background:linear-gradient(135deg,#06b6d4,#22c55e)!important;color:#021014!important;border-color:rgba(34,211,238,.72)!important;box-shadow:0 14px 34px rgba(34,211,238,.24)!important}.brain-game .decision-btn.selected:hover,.brain-game .decision-btn.selected:focus,.brain-game .decision-btn.selected:active,.brain-game .decision-btn[aria-pressed=true]:hover,.brain-game .decision-btn[aria-pressed=true]:focus,.brain-game .decision-btn[aria-pressed=true]:active,.brain-game .option-btn.selected:hover,.brain-game .option-btn.selected:focus,.brain-game .option-btn.selected:active,.brain-game .option-btn[aria-pressed=true]:hover,.brain-game .option-btn[aria-pressed=true]:focus,.brain-game .option-btn[aria-pressed=true]:active,.brain-game .word-chip.active:hover,.brain-game .word-chip.active:focus,.brain-game .word-chip.active:active,.brain-game .word-chip[aria-pressed=true]:hover,.brain-game .word-chip[aria-pressed=true]:focus,.brain-game .word-chip[aria-pressed=true]:active,.brain-game .memory-tile.selected:hover,.brain-game .memory-tile.selected:focus,.brain-game .memory-tile.selected:active,.brain-game .memory-tile[aria-pressed=true]:hover,.brain-game .memory-tile[aria-pressed=true]:focus,.brain-game .memory-tile[aria-pressed=true]:active{background:linear-gradient(135deg,#06b6d4,#22c55e)!important;color:#021014!important;border-color:rgba(34,211,238,.72)!important;box-shadow:0 14px 34px rgba(34,211,238,.24)!important;transform:translate3d(0,-1px,0)!important}.brain-game .decision-btn.selected *,.brain-game .decision-btn[aria-pressed=true] *,.brain-game .option-btn.selected *,.brain-game .option-btn[aria-pressed=true] *,.brain-game .word-chip.active *,.brain-game .word-chip[aria-pressed=true] *,.brain-game .memory-tile.selected *,.brain-game .memory-tile[aria-pressed=true] *{color:inherit!important}.xp-burst-layer{position:fixed;top:0;right:0;bottom:0;left: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 rgba(34,197,94,.42),0 0 42px rgba(56,189,248,.35);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;top:-16px;right:-16px;bottom:-16px;left:-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 rgba(250,204,21,.8);animation:xpParticle 1s ease-out forwards;animation-delay:var(--d)}.xp-particle:nth-child(3n){background:#38bdf8;box-shadow:0 0 16px rgba(56,189,248,.8)}.xp-particle:nth-child(4n){background:#22c55e;box-shadow:0 0 16px rgba(34,197,94,.8)}.xp-fly-dot{position:fixed;left:50%;bottom:135px;width:14px;height:14px;border-radius:999px;background:#a7f3d0;box-shadow:0 0 18px rgba(34,197,94,.9),0 0 34px rgba(56,189,248,.65);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;top:0;right:0;bottom:0;left: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,rgba(8,13,25,.92),rgba(2,6,23,.82));border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07);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:rgba(191,219,254,.86);background:rgba(56,189,248,.06);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:rgba(226,232,240,.68);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,rgba(8,13,25,.84),rgba(2,6,23,.66));border:1px solid rgba(255,255,255,.085);box-shadow:0 14px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06);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:rgba(148,163,184,.18);box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 18px rgba(56,189,248,.04)}.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:rgba(226,232,240,.6);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:rgba(8,13,25,.68);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:rgba(226,232,240,.6);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:rgba(191,219,254,.86);background:rgba(56,189,248,.055);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,rgba(8,13,25,.8),rgba(2,6,23,.62));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 rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.055)}.mistake-review-card:hover{transform:translate3d(0,-1px,0);background:rgba(8,13,25,.9);border-color:rgba(148,163,184,.15)}.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:rgba(254,205,211,.88);background:rgba(244,63,94,.075);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:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);contain:content}.mistake-answer-grid span{display:block;margin-bottom:4px;color:rgba(226,232,240,.56);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:rgba(56,189,248,.04);border:1px solid rgba(103,232,249,.06);contain:content}.mistake-explanation strong{display:block;margin-bottom:4px;color:rgba(191,219,254,.86);font-size:.78rem}.mistake-explanation p,.mistake-tip{margin:0;color:rgba(226,232,240,.66);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 rgba(0,0,0,.28);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 rgba(0,0,0,.24);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;top:0;right:0;bottom:0;left: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:rgba(8,13,25,.82);color:#f8fafc;font-weight:900;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.22);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:rgba(15,23,42,.88);border-color:rgba(148,163,184,.24);box-shadow:0 12px 28px rgba(0,0,0,.22)}.quiz-kicker{margin:0 0 10px;font-size:.72rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:rgba(125,211,252,.82);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,rgba(8,13,25,.92),rgba(2,6,23,.82));border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);contain:content}.quiz-hero.game-profile-hero:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-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:rgba(226,232,240,.68);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,rgba(8,13,25,.84),rgba(2,6,23,.66));border:1px solid rgba(148,163,184,.12);box-shadow:inset 0 1px rgba(255,255,255,.07),0 14px 32px rgba(0,0,0,.24);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:rgba(226,232,240,.64)!important}.profile-level-track{margin-top:16px;height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 10px rgba(0,0,0,.35);contain:paint}.profile-level-fill{height:100%;border-radius:999px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(56,189,248,.9),rgba(34,197,94,.82));box-shadow:0 0 12px rgba(34,197,94,.16);animation:none;transition:width .22s ease;transform:translateZ(0)}.profile-level-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left: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,rgba(8,13,25,.84),rgba(2,6,23,.66));border:1px solid rgba(255,255,255,.09);box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.06);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;top:0;right:0;bottom:0;left: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:rgba(148,163,184,.18);box-shadow:0 16px 32px rgba(0,0,0,.26),0 0 18px rgba(56,189,248,.04)}.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:rgba(15,23,42,.72);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 16px rgba(56,189,248,.04)}.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:rgba(226,232,240,.62)}.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,rgba(8,13,25,.84),rgba(2,6,23,.66));border:1px solid rgba(255,255,255,.09);box-shadow:0 14px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06);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;top:-1px;right:-1px;bottom:-1px;left:-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;top:-80px;right:-80px;bottom:-80px;left:-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:rgba(148,163,184,.18);box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 18px rgba(56,189,248,.043)}.unlock-card:hover:before,.unlock-card.unlocked:after{opacity:1}.unlock-card.unlocked{border-color:rgba(34,197,94,.22);box-shadow:0 16px 36px rgba(0,0,0,.25),0 0 18px rgba(34,197,94,.043)}.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:rgba(15,23,42,.72);box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 14px rgba(56,189,248,.04);contain:content}.unlock-card.unlocked .unlock-card-top span{animation:none;box-shadow:0 0 10px rgba(34,197,94,.08),inset 0 1px rgba(255,255,255,.08)}.unlock-card-top small{padding:6px 10px;border-radius:999px;font-size:.64rem;font-weight:950;color:rgba(226,232,240,.78);background:rgba(15,23,42,.7);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:rgba(226,232,240,.62);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:rgba(191,219,254,.86);background:rgba(56,189,248,.067);border:1px solid rgba(147,197,253,.1);font-size:.78rem;font-weight:950}.unlock-card.unlocked .unlock-status{color:#bbf7d0;background:rgba(34,197,94,.075);border-color:rgba(34,197,94,.16)}.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,rgba(56,189,248,.92),rgba(34,197,94,.86));box-shadow:0 10px 22px rgba(0,0,0,.18),0 0 16px rgba(56,189,248,.08);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;transform:translateZ(0);backface-visibility:hidden}.unlock-action-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left: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 rgba(0,0,0,.22),0 0 18px rgba(56,189,248,.08)}.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:rgba(8,13,25,.78);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.16);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:rgba(255,255,255,.1);border-color:rgba(148,163,184,.18);box-shadow:0 10px 22px rgba(0,0,0,.2)}.memory-tile.selected{background:linear-gradient(135deg,rgba(56,189,248,.9),rgba(34,197,94,.78));border-color:transparent;box-shadow:0 8px 20px rgba(0,0,0,.2),0 0 16px rgba(56,189,248,.08)}.memory-tile.study{background:linear-gradient(135deg,rgba(34,197,94,.09),rgba(56,189,248,.07));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 rgba(34,197,94,.12)}50%{box-shadow:0 0 12px rgba(56,189,248,.16)}}@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 rgba(0,0,0,.28);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 rgba(0,0,0,.24)}.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}}.quiz-page{width:min(1180px,calc(100% - 28px))!important;padding:clamp(14px,3vw,28px) 0 42px!important}.back-btn{min-height:36px!important;margin-bottom:10px!important;padding:8px 13px!important;border-radius:999px!important;font-size:.82rem!important}.quiz-kicker{margin-bottom:8px!important;font-size:.68rem!important;letter-spacing:.14em!important}.quiz-hero.game-profile-hero{grid-template-columns:minmax(0,1fr) minmax(230px,280px)!important;gap:16px!important;padding:clamp(18px,3vw,26px)!important;border-radius:24px!important;box-shadow:0 16px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)!important}.quiz-hero.game-profile-hero h1{max-width:700px!important;font-size:clamp(2.15rem,4.6vw,4.6rem)!important;line-height:.95!important}.quiz-hero.game-profile-hero p:not(.quiz-kicker){max-width:600px!important;margin-top:12px!important;font-size:.92rem!important;line-height:1.55!important}.game-profile-stat-card{padding:18px!important;border-radius:20px!important}.game-profile-stat-card h3{font-size:1.8rem!important}.game-profile-stat-card p{margin-top:6px!important;font-size:.78rem!important}.profile-level-track{height:9px!important;margin-top:12px!important}.profile-overview-grid{gap:12px!important;margin:18px auto!important}.profile-overview-card{min-height:112px!important;padding:16px!important;border-radius:20px!important}.profile-overview-card span{width:42px!important;height:42px!important;margin-bottom:8px!important;border-radius:14px!important;font-size:1.35rem!important}.profile-overview-card strong{margin-top:6px!important;font-size:1rem!important}.profile-overview-card p{margin-top:5px!important;font-size:.74rem!important;line-height:1.35!important}.unlock-section{margin:28px auto!important}.section-heading-row{margin-bottom:12px!important}.unlock-section h2{font-size:clamp(1.25rem,2.4vw,1.85rem)!important}.unlock-grid{gap:12px!important}.unlock-card{min-height:auto!important;padding:16px!important;border-radius:20px!important;gap:8px!important}.unlock-card-top span{width:42px!important;height:42px!important;border-radius:14px!important;font-size:1.4rem!important}.unlock-card-top small{padding:5px 8px!important;font-size:.6rem!important}.unlock-card h3{margin:12px 0 5px!important;font-size:1rem!important}.unlock-card p{min-height:auto!important;font-size:.8rem!important;line-height:1.42!important}.unlock-status{margin-top:6px!important;padding:6px 10px!important;font-size:.72rem!important}.unlock-action-btn{min-height:40px!important;margin-top:8px!important;padding:10px 14px!important;font-size:.84rem!important}.memory-palace-grid{gap:8px!important;margin:14px 0!important;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important}.memory-tile{min-height:44px!important;padding:11px 12px!important;border-radius:14px!important;font-size:.82rem!important}@media (min-width: 1180px){.unlock-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (max-width: 950px){.quiz-hero.game-profile-hero{grid-template-columns:1fr!important}.profile-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.unlock-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 760px){.quiz-page{width:min(100% - 20px,1180px)!important;padding:14px 0 34px!important}.quiz-hero.game-profile-hero{padding:16px!important;border-radius:20px!important}.quiz-hero.game-profile-hero h1{font-size:clamp(2rem,10vw,3rem)!important}.quiz-hero.game-profile-hero p:not(.quiz-kicker){font-size:.86rem!important}.profile-overview-grid{grid-template-columns:repeat(3,minmax(104px,1fr))!important;gap:8px!important;margin:14px auto!important}.profile-overview-card{min-width:104px!important;min-height:104px!important;padding:12px 8px!important;border-radius:18px!important}.unlock-section{margin:22px auto!important}.unlock-grid{grid-template-columns:1fr!important;gap:10px!important}.unlock-card{padding:14px!important;border-radius:18px!important}.unlock-action-btn{width:100%!important}}@media (min-width: 1100px){.quiz-page{width:min(1480px,calc(100% - 48px))!important;padding:26px 0 56px!important}.quiz-hero.game-profile-hero{grid-template-columns:minmax(0,1fr) 360px!important;gap:24px!important;padding:30px!important}.quiz-hero.game-profile-hero h1{max-width:920px!important;font-size:clamp(3.2rem,5vw,6rem)!important}.quiz-hero.game-profile-hero p:not(.quiz-kicker){max-width:780px!important;font-size:1rem!important}.game-profile-stat-card{min-height:210px!important;padding:24px!important}.game-profile-stat-card h3{font-size:2.25rem!important}.profile-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:24px auto!important}.profile-overview-card{min-height:140px!important;padding:22px!important}.unlock-section{margin:36px auto!important}.unlock-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.unlock-card{min-height:230px!important;padding:22px!important}.unlock-card h3{font-size:1.12rem!important}.unlock-card p{font-size:.86rem!important;line-height:1.52!important}}@media (min-width: 1450px){.quiz-page{width:min(1560px,calc(100% - 72px))!important}.unlock-grid{grid-template-columns:repeat(5,minmax(0,1fr))!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:rgba(255,255,255,.95);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:rgba(7,17,31,.78);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:rgba(255,255,255,.58);font-size:.78rem}.icon-btn{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.075);color:#fff;cursor:pointer;font-weight:900;transition:background .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden}.icon-btn:hover{background:rgba(167,243,208,.18);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 rgba(0,0,0,.16);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%),rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.075);box-shadow:0 10px 24px rgba(0,0,0,.14);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%),rgba(167,243,208,.12)}.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:rgba(255,255,255,.9);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:rgba(255,255,255,.075);color:rgba(255,255,255,.78);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:rgba(167,243,208,.18);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:rgba(255,255,255,.62)}.empty-bubble{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:2rem;background:rgba(255,255,255,.07)}.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:rgba(167,243,208,.12);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:rgba(255,255,255,.1);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:rgba(7,17,31,.88);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 textarea{width:100%;min-height:46px;border:0;outline:none;border-radius:999px;padding:0 18px;background:rgba(255,255,255,.94);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 rgba(0,0,0,.16)}.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 rgba(0,0,0,.16);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 textarea{min-height:42px;font-size:.92rem}.send-btn{min-width:66px;height:42px;padding:0 14px}}.comments-page{background:#02070d}.comments-topbar{min-height:60px;padding:9px max(14px,calc((100vw - 820px)/2));background:rgba(2,7,13,.94);border-bottom-color:rgba(148,163,184,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.comments-title-wrap h1{font-size:.98rem;letter-spacing:-.02em}.comments-title-wrap span{color:#7f8da1;font-size:.73rem}.comments-topbar .icon-btn{width:38px;height:38px;background:transparent;color:#cbd5e1}.comments-topbar .icon-btn:hover{background:rgba(148,163,184,.08);color:#fff}.comments-body{padding:18px 16px 132px}.comments-list{max-width:760px;gap:2px}.comment-row,.comment-row.mine{align-items:start;padding:14px 10px;border-radius:16px;animation-duration:.14s;transition:background .16s ease}.comment-row:hover{background:rgba(148,163,184,.043)}.avatar,.compose-avatar,.mine-avatar{color:#dce7f3;background:#142130;box-shadow:none}.mine-avatar{background:#163047}.avatar-button{padding:0;border:0;font:inherit;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.avatar-button:hover:not(:disabled){color:#fff;background:#1d3a50;transform:translateY(-1px)}.avatar-button:disabled{cursor:default;opacity:.7}.comment-bubble,.comment-bubble.mine{width:100%;max-width:100%;padding:2px 4px;border:0;border-radius:0;background:transparent;box-shadow:none}.comment-head{min-height:22px;gap:10px}.comment-head time{color:#64748b;font-size:.72rem;font-weight:650}.comment-username{color:#f1f5f9;font-size:.88rem}.comment-username:disabled{cursor:default;opacity:1}.comment-bubble p{margin-top:5px;color:#cbd5e1;font-size:.94rem;line-height:1.58}.comment-actions{display:flex;gap:14px;margin-top:7px}.comment-actions button{padding:2px 0;border-radius:0;background:transparent;color:#718096;font-size:.72rem}.comment-actions button:hover{transform:none;background:transparent;color:#bae6fd}.comments-empty,.comments-loading{min-height:52vh}.empty-bubble{width:58px;height:58px;background:rgba(148,163,184,.07);font-size:1.45rem}.replying-bar{bottom:calc(70px + env(safe-area-inset-bottom));padding:9px max(16px,calc((100vw - 760px)/2));border-top:0;background:#0c1823;backdrop-filter:none}.replying-bar span{color:#bae6fd;font-size:.82rem}.comment-compose{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding:11px max(14px,calc((100vw - 790px)/2)) calc(11px + env(safe-area-inset-bottom));border-top-color:rgba(148,163,184,.1);background:rgba(2,7,13,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.comment-compose textarea{min-height:44px;max-height:120px;padding:11px 15px;border-radius:15px;resize:none;overflow-y:auto;background:rgba(148,163,184,.09);color:#f8fafc;font:inherit;font-size:.92rem;line-height:1.45}.comment-compose textarea::placeholder{color:#64748b}.comment-compose textarea:focus{background:rgba(148,163,184,.13)}.send-btn{min-width:64px;height:40px;padding:0 14px;background:#e2e8f0;color:#07111f;box-shadow:none}.send-btn:hover:not(:disabled){box-shadow:none}@media (max-width: 640px){.comments-topbar{padding-inline:12px}.comments-body{padding:8px 8px 120px}.comment-row,.comment-row.mine{padding:12px 6px}.comment-compose{grid-template-columns:34px minmax(0,1fr) auto;padding:9px 10px calc(9px + env(safe-area-inset-bottom))}.comment-compose textarea{min-height:40px;padding:9px 12px}.comment-compose .compose-avatar{width:34px;height:34px}.send-btn{min-width:56px;height:38px;padding-inline:11px}}@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;top:0;right:0;bottom:0;left: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:rgba(15,23,42,.74);box-shadow:0 10px 28px rgba(0,0,0,.16);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%),rgba(15,23,42,.78)}.create-pill{display:inline-flex;width:fit-content;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(56,189,248,.12);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:rgba(226,232,240,.68);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:rgba(125,211,252,.22)}.create-stats strong{display:block;margin-bottom:5px;color:#93c5fd;font-size:1.35rem;letter-spacing:-.04em}.create-stats span{color:rgba(226,232,240,.66);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%),rgba(15,23,42,.72)}.form-section{display:grid;gap:8px;contain:layout}.form-section label,.create-form label{color:rgba(255,255,255,.82);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:rgba(238,244,255,.95);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:rgba(56,189,248,.5);box-shadow:0 0 0 2px rgba(56,189,248,.1)}.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:rgba(255,255,255,.055);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:rgba(56,189,248,.09);border-color:rgba(125,211,252,.2)}.upload-card input{display:none}.upload-card span{color:#fff;font-size:.86rem;font-weight:900}.upload-card small{color:rgba(255,255,255,.58);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:rgba(2,6,23,.35);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:rgba(255,255,255,.07);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:rgba(255,255,255,.11)}.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 rgba(56,189,248,.18);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 rgba(139,92,246,.18)}.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:rgba(15,23,42,.66)}.create-side h3{margin:0 0 4px;color:#fff;font-size:1.05rem;letter-spacing:-.02em}.tip-card{padding:14px;border-radius:18px;background:rgba(255,255,255,.06);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:rgba(255,255,255,.086)}.tip-card span{display:inline-flex;margin-bottom:6px;color:#a7f3d0;font-size:.82rem;font-weight:900}.tip-card p{margin:0;color:rgba(255,255,255,.66);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:rgba(167,243,208,.13)}.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:rgba(255,255,255,.58);background:rgba(255,255,255,.05)}.stage-list div span{background:rgba(255,255,255,.08);color:rgba(255,255,255,.66)}.stage-list div.active{color:#fff;background:rgba(167,243,208,.14)}.stage-list div.done{color:rgba(255,255,255,.75)}.stage-list div.done span,.stage-list div.success span{background:#22c55e;color:#fff}.stage-list div.success{color:#fff;background:rgba(34,197,94,.16)}.upload-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;align-content:center;background:rgba(7,17,31,.9);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 rgba(96,165,250,.35);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:rgba(255,255,255,.65);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:rgba(255,255,255,.08);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:rgba(255,255,255,.067);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:rgba(255,255,255,.06)}.visibility-toggle button.active{color:#07111f;background:linear-gradient(135deg,#a7f3d0,#38bdf8);box-shadow:0 8px 20px rgba(56,189,248,.18)}.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}}.create-page{min-height:100vh;padding:24px clamp(14px,4vw,40px) 96px;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.12),transparent 30%),radial-gradient(circle at 90% 8%,rgba(168,85,247,.1),transparent 34%),#050812}.create-hero.create-hero-minimal{max-width:820px;margin:0 auto 18px;padding:10px 4px 4px;background:transparent;border:0;box-shadow:none}.create-hero-minimal .create-pill{display:inline-flex;align-items:center;width:fit-content;padding:7px 12px;border-radius:999px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.22);color:#67e8f9;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.create-hero-minimal h1{margin:14px 0 8px;font-size:clamp(2rem,6vw,4.2rem);line-height:.94;letter-spacing:-.07em;color:#f8fafc}.create-hero-minimal p{max-width:520px;margin:0;color:rgba(226,232,240,.72);font-size:.98rem;line-height:1.6}.create-layout{max-width:820px;margin:0 auto}.create-form{padding:clamp(16px,3vw,26px);border:1px solid rgba(148,163,184,.14);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.86));box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px)}.form-section.compact-section{margin-bottom:16px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.section-title-row span,.upload-card em{color:rgba(148,163,184,.82);font-size:.78rem;font-style:normal;font-weight:600}.create-form label{color:rgba(241,245,249,.92);font-size:.82rem;font-weight:800;letter-spacing:.02em}.topic-row{display:grid;grid-template-columns:minmax(130px,.4fr) minmax(0,1fr);gap:10px}.create-form input,.create-form textarea,.create-form select{width:100%;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(15,23,42,.72);color:#f8fafc;outline:none;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.create-form input,.create-form select{min-height:48px;padding:0 14px}.create-form textarea{min-height:170px;padding:14px;resize:vertical}.create-form input:focus,.create-form textarea:focus,.create-form select:focus{border-color:rgba(34,211,238,.55);background:rgba(15,23,42,.94);box-shadow:0 0 0 4px rgba(34,211,238,.1)}.compact-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.upload-card{position:relative;min-height:128px;padding:16px;border:1px dashed rgba(148,163,184,.24);border-radius:22px;background:rgba(15,23,42,.52);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.upload-card:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.45);background:rgba(15,23,42,.78)}.upload-card span{display:block;margin-bottom:4px;color:#f8fafc;font-weight:850}.upload-card small{display:block;margin-top:12px;max-width:100%;overflow:hidden;color:rgba(203,213,225,.76);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.upload-card input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-preview{width:100%;max-height:180px;margin-top:12px;border-radius:18px;object-fit:cover}.bottom-row{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-top:6px}.visibility-box{margin-bottom:0!important}.visibility-toggle{display:inline-flex;gap:6px;padding:5px;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(15,23,42,.68)}.visibility-toggle button,.publish-btn{border:0;border-radius:999px;font-weight:850;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.visibility-toggle button{min-height:38px;padding:0 14px;background:transparent;color:rgba(203,213,225,.82)}.visibility-toggle button.active{background:rgba(34,211,238,.14);color:#67e8f9;box-shadow:inset 0 0 0 1px rgba(34,211,238,.16)}.publish-btn{min-width:138px;min-height:48px;padding:0 22px;background:linear-gradient(135deg,#06b6d4,#22c55e);color:#021014;box-shadow:0 16px 34px rgba(34,211,238,.18)}.publish-btn:hover:not(:disabled),.visibility-toggle button:hover:not(:disabled){transform:translateY(-1px)}.publish-btn:disabled,.visibility-toggle button:disabled,.create-form input:disabled,.create-form textarea:disabled,.create-form select:disabled{cursor:not-allowed;opacity:.58}.status{margin:14px 0 0;padding:12px 14px;border:1px solid rgba(34,211,238,.14);border-radius:16px;background:rgba(34,211,238,.08);color:rgba(226,232,240,.9)}@media (max-width: 720px){.create-page{padding:18px 12px 88px}.create-form{border-radius:24px}.topic-row,.compact-media-grid{grid-template-columns:1fr}.bottom-row{align-items:stretch;flex-direction:column}.visibility-toggle,.publish-btn{width:100%}.visibility-toggle button{flex:1}}.topic-mode-toggle,.visibility-toggle{display:inline-flex;width:100%;gap:6px;padding:5px;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(15,23,42,.68)}.topic-mode-toggle button,.visibility-toggle button{flex:1;min-height:40px;border:0;border-radius:999px;background:transparent;color:rgba(203,213,225,.82);font-weight:800;cursor:pointer}.topic-mode-toggle button.active,.visibility-toggle button.active{background:rgba(34,211,238,.15);color:#67e8f9}.topic-input-row{margin-top:10px}.single-media-card{display:flex;min-height:118px;flex-direction:column;justify-content:center}.single-media-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px}@media (min-width: 1024px){.create-page{width:min(1280px,calc(100% - 64px));padding:28px 0 72px}.create-hero.create-hero-minimal{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:24px;margin:0 auto 22px}.create-hero-minimal h1{max-width:760px;font-size:clamp(3rem,4.8vw,5.4rem)}.create-hero-minimal p{max-width:620px}.create-layout{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.create-form{padding:26px;border-radius:30px}.create-side{position:sticky;top:92px;display:grid;gap:12px;padding:20px;border-radius:30px}.compact-section{margin-bottom:18px}.topic-mode-toggle{max-width:420px}.topic-input-row{max-width:620px}.create-form textarea{min-height:190px}.single-media-card{min-height:132px;max-width:620px}.bottom-row{display:grid;grid-template-columns:320px minmax(160px,220px);justify-content:space-between;align-items:end;gap:20px}.publish-btn{width:100%}.create-stats{grid-template-columns:1fr}}@media (min-width: 1024px) and (max-width: 1180px){.create-layout{grid-template-columns:minmax(0,1fr) 280px}.create-side{padding:18px}}.feed-skeleton-wrap{display:grid;gap:22px;padding:20px;contain:layout}.feed-skeleton-card{border-radius:24px;padding:18px;background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px rgba(0,0,0,.14);contain:layout paint;content-visibility:auto;contain-intrinsic-size:320px 420px}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.15),rgba(255,255,255,.06));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 rgba(0,0,0,.12)}.skeleton-image{height:180px}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none!important}}.snap-feed-page{height:calc(100vh - 72px);width:100%;overflow:hidden;scroll-behavior:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;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;top:0;right:0;bottom:0;left: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;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%)}.snap-feed{height:100%;position:relative;contain:layout style;overflow-y:auto;scroll-behavior:auto;padding:26px 0 96px;scroll-snap-type:y proximity;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.snap-feed::-webkit-scrollbar{width:3px}.snap-feed::-webkit-scrollbar-track{background:transparent}.snap-feed::-webkit-scrollbar-thumb{background:rgba(148,163,184,.18);border-radius:999px}.snap-feed::-webkit-scrollbar-thumb:hover{background:rgba(125,211,252,.32)}.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;top:0;right:0;bottom:0;left: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:rgba(167,243,208,.12);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:rgba(11,27,19,.6);border-color:rgba(167,243,208,.34);transform:translateY(-2px)}.post-author{margin-bottom:16px}.creator-link{color:rgba(255,255,255,.62);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:rgba(255,255,255,.82);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 rgba(255,255,255,.06)}.ai-loading-box{background:rgba(148,163,184,.1);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:rgba(255,255,255,.78)}.ai-loader-dot{width:9px;height:9px;border-radius:999px;background:#38bdf8;box-shadow:0 0 18px rgba(56,189,248,.8);animation:aiPulse .9s ease-in-out infinite}.translate-dropdown{background:rgba(105,105,105,.224);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:rgba(255,255,255,.12);border-color:rgba(125,211,252,.36)}.translate-dropdown option{color:#0f172a}.translated-box{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3)}.translated-box strong{display:block;margin-bottom:6px;color:#4ade80}.simple-explanation{background:rgba(56,189,248,.12);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:rgba(255,255,255,.075);color:#fff;font-size:1.08rem;line-height:1;font-weight:900;cursor:pointer;box-shadow:0 1px 1px rgba(255,234,234,.87);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:rgba(15,23,42,.96);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:rgba(56,189,248,.15);box-shadow:0 3px 3px rgba(14,164,233,.714)}.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:rgba(255,255,255,.65);margin-bottom:12px}.comment-item{padding:14px 16px;margin-bottom:10px;border-radius:18px;background:rgba(255,255,255,.055);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:rgba(255,255,255,.07)}.comment-box input::placeholder{color:rgba(255,255,255,.46)}.comment-box input:focus{border-color:rgba(125,211,252,.38);box-shadow:0 0 0 4px rgba(56,189,248,.08)}.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 rgba(56,189,248,.2)}.topic-rail{position:fixed;top:96px;right:14px;z-index:50;width:46px;max-height:calc(75vh - 130px);display:grid;gap:7px;padding:8px;overflow-y:auto;border-radius:999px;background:rgba(7,17,31,.52);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.25);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:rgba(255,255,255,.68);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:rgba(255,255,255,.07);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,rgba(42,11,81,.624),#335488);color:#e2e8f0;font-size:1.55rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 1px 1px solid rgba(199,199,199,.898);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:rgba(15,23,42,.72);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:rgba(30,41,59,.86);border-color:rgba(125,211,252,.28)}.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:rgba(15,23,42,.78);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 rgba(0,0,0,.28);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:2px}@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}}.snap-feed-page.has-inner-feed{background:#07111c}.snap-feed-page.has-inner-feed:before{opacity:.32;background:linear-gradient(rgba(148,163,184,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.014) 1px,transparent 1px);background-size:64px 64px}.feed-inner-header{position:absolute;inset:0 0 auto;z-index:95;min-height:88px;display:grid;grid-template-columns:minmax(250px,.7fr) minmax(340px,1.5fr);align-items:center;gap:clamp(18px,3vw,44px);padding:10px clamp(20px,3.5vw,48px);border-bottom:1px solid rgba(148,163,184,.11);background:rgba(7,17,28,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.feed-inner-heading{min-width:0;display:flex;align-items:center;gap:12px}.feed-inner-back{flex:0 0 auto;height:34px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:rgba(15,23,42,.62);color:#cbd5e1;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.feed-inner-back:hover{border-color:rgba(148,163,184,.3);background:#172231;color:#f8fafc}.feed-inner-title{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px}.feed-inner-title>span{grid-column:1 / -1;margin-bottom:1px;color:#7dd3fc;font-size:.58rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.feed-inner-title h1{min-width:0;margin:0;overflow:hidden;color:#f8fafc;font-size:clamp(1.08rem,1.7vw,1.42rem);font-weight:760;line-height:1.1;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.feed-inner-title p{margin:0;color:#64748b;font-size:.68rem;font-weight:650;white-space:nowrap}.feed-inner-topics{min-width:0;display:flex;align-items:center;gap:6px;padding:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.feed-inner-topics::-webkit-scrollbar{display:none}.feed-inner-topics .topic-pill{flex:0 0 auto;width:auto;height:30px;padding:0 9px 0 6px;gap:6px;border:1px solid rgba(148,163,184,.12);border-radius:9px;background:transparent;color:#94a3b8;box-shadow:none;transform:none}.feed-inner-topics .topic-pill:hover{border-color:rgba(148,163,184,.24);background:rgba(148,163,184,.07);color:#e2e8f0;transform:none}.feed-inner-topics .topic-pill.active{border-color:rgba(125,211,252,.3);background:rgba(14,116,144,.16);color:#e0f2fe;font-weight:760}.feed-inner-topics .topic-pill strong{opacity:1;font-size:.7rem;font-weight:700}.feed-inner-topics .topic-pill span{width:18px;height:18px;min-width:18px;display:grid;place-items:center;border-radius:6px;background:rgba(148,163,184,.08);color:#7dd3fc;font-size:.72rem}.has-inner-feed .snap-feed{padding:108px 0 88px;scroll-padding-top:108px}.has-inner-feed .snap-post,.has-inner-feed .snap-post:not(.no-media),.has-inner-feed .snap-post.no-media{width:min(calc(100% - 48px),1180px);max-width:1180px;min-height:calc(100vh - 204px);margin-bottom:32px;overflow:hidden;border:0!important;border-radius:18px;background:transparent;box-shadow:none!important}.has-inner-feed .snap-post:hover{transform:none;border-color:transparent!important;box-shadow:none!important}.has-inner-feed .snap-post:not(.no-media){grid-template-columns:minmax(300px,46%) 1fr}.has-inner-feed .snap-post.no-media{width:min(calc(100% - 48px),900px)}.has-inner-feed .snap-post:not(.no-media) .mini-media{min-height:calc(100vh - 204px);border:0!important;background:transparent}.has-inner-feed .snap-post:not(.no-media) .post-content,.has-inner-feed .snap-post.no-media .post-content{padding:clamp(26px,4vw,54px)}.has-inner-feed .post-topic{padding:7px 10px;margin-bottom:18px;border-color:rgba(125,211,252,.18);border-radius:8px;background:rgba(14,116,144,.1);color:#bae6fd;font-size:.66rem;font-weight:750;box-shadow:none}.has-inner-feed .post-topic:hover{border-color:rgba(125,211,252,.3);background:rgba(14,116,144,.16);transform:none}.has-inner-feed .post-author{margin-bottom:8px}.has-inner-feed .creator-link{color:#94a3b8;font-size:.78rem;font-weight:650}.has-inner-feed .post-content h1,.has-inner-feed .snap-post.no-media h1{max-width:760px;margin-top:10px;font-size:clamp(2rem,4vw,3.8rem);font-weight:760;line-height:1.02;letter-spacing:-.055em;text-shadow:none}.has-inner-feed .post-content p,.has-inner-feed .snap-post.no-media p{max-width:720px;margin-top:20px;color:#cbd5e1;font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.72}.has-inner-feed .post-actions{margin-top:24px;gap:8px}.has-inner-feed .post-actions button,.has-inner-feed .icon-action-btn{width:40px;height:40px;min-width:40px;border-color:rgba(148,163,184,.14);border-radius:11px;background:rgba(148,163,184,.067);box-shadow:none}.has-inner-feed .post-actions button:hover,.has-inner-feed .icon-action-btn:hover{border-color:rgba(125,211,252,.24);background:rgba(14,116,144,.13);box-shadow:none}.has-inner-feed .translate-dropdown{min-height:40px;border:1px solid rgba(148,163,184,.14);border-radius:11px;background:rgba(148,163,184,.067);color:#cbd5e1}.has-inner-feed .post-learn-more-hint{display:none}.feed-inner-state{position:absolute;top:88px;right:24px;bottom:0;left:24px;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#cbd5e1}.feed-inner-state-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#0d1824;color:#7dd3fc}.feed-inner-state-kicker{color:#64748b;font-size:.68rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.feed-inner-state h2{margin:9px 0 7px;color:#f1f5f9;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.15;letter-spacing:-.035em}.feed-inner-state>p{max-width:430px;margin:0;color:#94a3b8;font-size:.9rem;line-height:1.55}.feed-inner-state-actions{display:flex;gap:9px;margin-top:22px}.feed-inner-state>button,.feed-inner-state-actions button{min-height:40px;padding:0 15px;border:1px solid #bae6fd;border-radius:10px;background:#bae6fd;color:#082f49;font:inherit;font-size:.8rem;font-weight:760;cursor:pointer}.feed-inner-state>button{margin-top:22px}.feed-inner-state-actions button.secondary{border-color:rgba(148,163,184,.18);background:#0d1824;color:#cbd5e1}.feed-inner-loading{position:absolute;top:88px;right:0;bottom:0;left:0;overflow:hidden}.feed-inner-status{padding-top:190px;color:#94a3b8;font-weight:650}@media (max-width: 760px){.feed-inner-header{min-height:104px;display:block;padding:8px 10px 7px}.feed-inner-heading{gap:11px}.feed-inner-back{width:32px;height:32px;padding:0;justify-content:center}.feed-inner-back span{display:none}.feed-inner-title h1{font-size:1.05rem}.feed-inner-header .mobile-topic-scroll,.feed-inner-topics{height:32px;margin-top:7px!important;padding:1px 0!important;gap:6px!important}.feed-inner-topics .topic-pill,.mobile-topic-scroll.feed-inner-topics .topic-pill{height:28px!important;min-height:28px!important;padding:0 8px 0 6px!important;border-radius:8px!important;background:transparent!important}.feed-inner-topics .topic-pill.active,.mobile-topic-scroll.feed-inner-topics .topic-pill.active{border-color:rgba(125,211,252,.3)!important;background:rgba(14,116,144,.16)!important;color:#e0f2fe!important;box-shadow:none!important}.has-inner-feed .snap-feed{padding:120px 0 max(112px,calc(env(safe-area-inset-bottom) + 92px))!important;scroll-padding-top:120px}.has-inner-feed .snap-post,.has-inner-feed .snap-post:not(.no-media),.has-inner-feed .snap-post.no-media{width:calc(100% - 20px);min-height:auto;margin-bottom:18px;border-radius:14px;background:transparent}.has-inner-feed .snap-post:not(.no-media){grid-template-columns:1fr}.has-inner-feed .snap-post:not(.no-media) .mini-media{min-height:230px;height:min(48vh,360px);border:0!important}.has-inner-feed .snap-post:not(.no-media) .post-content,.has-inner-feed .snap-post.no-media .post-content{padding:22px 20px 24px}.has-inner-feed .post-content h1,.has-inner-feed .snap-post.no-media h1{font-size:clamp(1.75rem,8vw,2.35rem);line-height:1.04}.feed-inner-state{top:104px;right:24px;bottom:0;left:24px}.feed-inner-loading{top:104px;right:0;bottom:0;left:0}}@media (prefers-reduced-motion: reduce){.feed-inner-back,.feed-inner-topics .topic-pill,.has-inner-feed .snap-post{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:rgba(2,6,23,.94)!important;backdrop-filter:blur(20px) saturate(155%)!important;-webkit-backdrop-filter:blur(20px) saturate(155%)!important;box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.024)!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;margin-top:20px!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:rgba(15,23,42,.74)!important;border:1px solid rgba(148,163,184,.09)!important;color:rgba(226,232,240,.82)!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:rgba(30,41,59,.82)!important;color:rgba(248,250,252,.95)!important}.mobile-topic-scroll .topic-pill.active{background:rgba(34,211,238,.13)!important;border-color:rgba(34,211,238,.24)!important;color:#f8fafc!important;box-shadow:0 0 0 1px rgba(34,211,238,.05),0 8px 18px rgba(0,0,0,.18)!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:rgba(255,255,255,.055)!important;color:rgba(103,232,249,.9)!important;font-size:.78rem!important}.mobile-topic-scroll .topic-pill.active span{background:rgba(34,211,238,.16)!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,rgba(34,211,238,.07),rgba(255,255,255,.024));color:rgba(207,250,254,.86);font-size:.78rem;font-weight:850;text-align:center}.topic-launch-screen{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;background:#050a12;isolation:isolate}.topic-launch-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgba(34,211,238,.055),transparent 35%),#050a12}.topic-launch-backdrop:after{content:"";position:absolute;left:50%;top:50%;width:min(72vw,860px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(125,211,252,.055) 0%,rgba(56,189,248,.018) 38%,transparent 70%);pointer-events:none}.topic-launch-ambient,.topic-launch-grid-lines{display:none}.topic-launch-shell,.topic-launch-content{width:100%;height:100%}.topic-launch-hero{position:absolute;top:14px;left:50%;z-index:30;width:fit-content;max-width:calc(100% - 24px);padding:10px 14px;transform:translate(-50%);border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(6,14,25,.78);box-shadow:0 12px 32px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);text-align:center;pointer-events:none}.topic-launch-badge{margin:0 auto 5px;padding:4px 8px;display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#67e8f9;font-size:.58rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.topic-launch-hero h1{margin:0;color:#f8fafc;font-size:clamp(1.35rem,3vw,2rem);line-height:1;letter-spacing:-.055em}.topic-launch-hero h1 span{color:#67e8f9;background:none;-webkit-text-fill-color:currentColor}.topic-launch-hero>p{display:none}.topic-canvas-viewport{position:relative;width:100%;height:100%;overflow:auto;cursor:grab;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto;will-change:scroll-position;touch-action:pan-x pan-y;scrollbar-width:none;scroll-snap-type:none;scroll-padding:0}.topic-canvas-viewport:focus-visible{outline:none;box-shadow:inset 0 0 0 1px rgba(125,211,252,.16)}.topic-canvas-surface{position:relative;min-width:calc(100vw + 160px);min-height:calc(100% + 160px);contain:layout style paint;transform:translateZ(0);overflow:visible;max-width:none;max-height:none;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:42px 42px}.topic-canvas-origin{display:none}.topic-canvas-surface .topic-launch-card{--topic-center-scale: 1;--topic-center-opacity: 1;position:absolute;z-index:2;min-width:0;min-height:0;margin:0;padding:4px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),rgba(8,17,29,.86);color:#f8fafc;text-align:left;cursor:pointer;pointer-events:auto;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 2px rgba(128,128,128,.647),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:var(--topic-center-opacity);transform:translateZ(0) scale(var(--topic-center-scale, 1));transform-origin:center;transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .22s ease,filter .22s ease,border-color .16s ease,background .16s ease,box-shadow .22s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}.topic-canvas-viewport:not(.topic-canvas-dragging) .topic-launch-card[data-topic-visible=true][data-topic-selectable=true]{pointer-events:auto!important;cursor:pointer}.topic-launch-card{transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s,filter .22s,box-shadow .22s}.topic-canvas-surface .topic-launch-card:hover,.topic-canvas-surface .topic-launch-card:focus-visible{transform:translate3d(0,-4px,0) scale(calc(var(--topic-center-scale) + .035));opacity:1;border-color:rgba(103,232,249,.28);box-shadow:0 20px 48px rgba(0,0,0,.42),0 0 30px rgba(56,189,248,.12)}.topic-launch-card-featured{background:radial-gradient(circle at 16% 16%,rgba(34,211,238,.1),transparent 38%),rgba(8,17,29,.9)!important}.topic-launch-orb{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:rgba(166,215,221,.945);background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.17),transparent 42%),linear-gradient(145deg,rgba(0,0,0,.92),rgba(99,102,241,.1));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .22s cubic-bezier(.22,1,.36,1),color .22s ease,border-color .22s ease,box-shadow .22s ease}.topic-launch-orb svg{display:block;filter:drop-shadow(0 5px 12px rgba(34,211,238,.22))}.topic-launch-card:hover .topic-launch-orb,.topic-launch-card:focus-visible .topic-launch-orb{transform:translate3d(0,-2px,0) scale(1.06);color:#d5fbff;border-color:rgba(124,231,255,.42);box-shadow:0 16px 38px rgba(0,0,0,.38),0 0 32px rgba(34,211,238,.16),inset 0 1px rgba(255,255,255,.16)}.topic-launch-copy{display:grid;gap:5px;padding:12px}.topic-launch-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.topic-launch-card-header strong{color:#f8fafc;font-size:.92rem;line-height:1.15;letter-spacing:-.025em}.topic-launch-copy small{color:rgba(103,232,249,.75);font-size:.58rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.topic-launch-copy em{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:rgba(203,213,225,.58);font-size:.7rem;font-style:normal;line-height:1.35}.topic-launch-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(8,17,29,.86);color:rgba(226,232,240,.74);font-size:.72rem;font-weight:750}.topic-launch-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;pointer-events:none}.topic-launch-skeleton-card{position:absolute;width:clamp(142px,16vw,214px);height:clamp(112px,13vw,164px);border:1px solid rgba(255,255,255,.055);border-radius:16px;background:linear-gradient(105deg,rgba(255,255,255,.024) 20%,rgba(255,255,255,.067),rgba(255,255,255,.024) 64%),#0a111b;background-size:220% 100%;animation:topicSkeletonSweep 1.4s ease-in-out infinite}.topic-launch-skeleton-card-1{left:50%;top:50%;transform:translate(-50%,-50%)}.topic-launch-skeleton-card-2{left:18%;top:24%;transform:scale(.88);opacity:.7}.topic-launch-skeleton-card-3{right:16%;top:22%;transform:scale(.82);opacity:.62}.topic-launch-skeleton-card-4{left:20%;bottom:17%;transform:scale(.78);opacity:.52}.topic-launch-skeleton-card-5{right:18%;bottom:16%;transform:scale(.84);opacity:.58}.topic-launch-skeleton-label{position:absolute;left:50%;top:calc(50% + 112px);transform:translate(-50%);color:rgba(203,213,225,.58);font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.topic-launch-error{position:fixed;right:16px;top:66px;z-index:80;display:flex;align-items:center;gap:10px;width:max-content;max-width:min(420px,calc(100vw - 32px));padding:9px 10px 9px 12px;border:1px solid rgba(248,113,113,.16);border-radius:12px;background:rgba(18,13,18,.9);color:rgba(254,226,226,.78);box-shadow:0 14px 34px rgba(0,0,0,.28);font-size:.7rem;box-sizing:border-box}.topic-launch-error span{min-width:0;line-height:1.35}.topic-launch-error button{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(248,113,113,.2);border-radius:8px;background:rgba(248,113,113,.07);color:#fecaca;cursor:pointer;font:inherit;font-weight:800}@keyframes topicSkeletonSweep{0%{background-position:120% 0}to{background-position:-120% 0}}@media (max-width: 760px){.topic-canvas-viewport{overscroll-behavior:none}.topic-launch-hero{top:8px;padding:8px 11px;border-radius:13px}.topic-launch-badge{margin-bottom:3px;font-size:.52rem}.topic-launch-hero h1{font-size:clamp(1.15rem,5.6vw,1.55rem)}.topic-canvas-surface .topic-launch-card{transition:transform .36s cubic-bezier(.22,1,.36,1),opacity .32s ease,filter .32s ease,box-shadow .32s ease,border-color .22s ease,background .22s ease}.topic-launch-orb{width:35px;height:35px;border-radius:11px;font-size:1rem}.topic-launch-card-header strong{font-size:.84rem}.topic-launch-copy small{font-size:.54rem}.topic-launch-copy em{font-size:.86rem}.topic-launch-copy{padding:5px}.topic-launch-error{left:12px;right:12px;top:58px;justify-content:space-between}.topic-launch-skeleton-card-2,.topic-launch-skeleton-card-4{left:4%}.topic-launch-skeleton-card-3,.topic-launch-skeleton-card-5{right:4%}}@media (prefers-reduced-motion: reduce){.topic-canvas-surface .topic-launch-card{opacity:1;transform:none;animation:none;transition:none}.topic-launch-skeleton-card{animation:none}}.feed-load-trigger{width:100%;height:2px;pointer-events:none}.topic-canvas-navbar{position:absolute;top:0;left:0;right:0;z-index:60;min-height:54px;padding:max(10px,env(safe-area-inset-top)) 18px 10px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,rgba(5,10,18,.58),rgba(5,10,18,.12),transparent);border-bottom:1px solid rgba(255,255,255,.035);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:none}.topic-canvas-brand{display:inline-flex;align-items:center;gap:7px;color:#f8fafc;font-size:.95rem;font-weight:900;letter-spacing:-.035em}.topic-canvas-brand-monogram{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#eaf8ff;color:#09202d;font-size:.76rem;font-weight:950;line-height:1;letter-spacing:-.06em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.topic-canvas-nav-label{color:rgba(203,213,225,.58);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topic-scroll-hint{position:absolute;left:50%;bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));z-index:70;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(7,15,27,.68);color:rgba(226,232,240,.72);box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:.68rem;font-weight:800;white-space:nowrap;pointer-events:none;animation:topicScrollHintIn .5s ease both,topicScrollHintFloat 1.8s ease-in-out .5s infinite}.topic-scroll-hint-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:rgba(103,232,249,.1);color:#67e8f9}.topic-scroll-hint-icon svg{animation:topicScrollArrow 1.4s ease-in-out infinite}@keyframes topicScrollHintIn{0%{opacity:0;transform:translate(-50%,8px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes topicScrollHintFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-3px)}}@keyframes topicScrollArrow{0%,to{transform:translate(-2px);opacity:.5}50%{transform:translate(2px);opacity:1}}@media (max-width: 760px){.topic-canvas-navbar{min-height:48px;padding:max(8px,env(safe-area-inset-top)) 13px 8px}.topic-canvas-brand{font-size:.88rem}.topic-canvas-nav-label{font-size:.58rem}.topic-scroll-hint{bottom:max(12px,calc(env(safe-area-inset-bottom) + 8px));padding:7px 10px;gap:6px;font-size:.62rem}.topic-scroll-hint-icon{width:21px;height:21px}}@media (prefers-reduced-motion: reduce){.topic-scroll-hint,.topic-scroll-hint-icon svg{animation:none}}.feed-load-trigger{width:100%;min-height:72px;display:grid;place-items:center;pointer-events:none}.topic-canvas-viewport{scroll-behavior:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.topic-canvas-viewport.topic-canvas-dragging{cursor:grabbing;user-select:none}@media (prefers-reduced-motion: reduce){.topic-canvas-viewport,.snap-feed-page{scroll-behavior:auto}}.topic-canvas-viewport{position:relative;overflow:auto;overscroll-behavior:none;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none;will-change:scroll-position;contain:layout paint style}.topic-canvas-surface{position:relative;min-width:100%;min-height:100%;transform:translateZ(0);backface-visibility:hidden}.topic-canvas-surface .topic-launch-card{position:absolute;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:14px;padding:16px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:linear-gradient(180deg,#101722,#0a1018);color:#f4f7fb;opacity:var(--topic-center-opacity, 1);filter:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translate3d(0,var(--topic-center-lift, 0px),var(--topic-center-depth, 0px)) rotateX(var(--topic-center-tilt-x, 0deg)) rotateY(var(--topic-center-tilt-y, 0deg)) scale(var(--topic-center-scale, 1));transform-origin:center;box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.024);will-change:transform,opacity;backface-visibility:hidden;transition:transform 64ms linear,opacity 64ms linear,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;animation:topicCardReveal .36s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--topic-delay, 0ms)}.topic-canvas-surface .topic-launch-card:hover{border-color:rgba(125,211,252,.2);background:linear-gradient(180deg,#121b27,#0b121b);transform:translate3d(0,calc(var(--topic-center-lift, 0px) - 3px),var(--topic-center-depth, 0px)) rotateX(var(--topic-center-tilt-x, 0deg)) rotateY(var(--topic-center-tilt-y, 0deg)) scale(calc(var(--topic-center-scale, 1) + .015));box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04)}.topic-canvas-surface .topic-launch-card:active{transform:translate3d(0,var(--topic-center-lift, 0px),var(--topic-center-depth, 0px)) rotateX(var(--topic-center-tilt-x, 0deg)) rotateY(var(--topic-center-tilt-y, 0deg)) scale(calc(var(--topic-center-scale, 1) * .985))}.topic-canvas-surface .topic-launch-card:focus-visible{outline:none;border-color:rgba(125,211,252,.55);transform:translate3d(0,calc(var(--topic-center-lift, 0px) - 3px),var(--topic-center-depth, 0px)) rotateX(var(--topic-center-tilt-x, 0deg)) rotateY(var(--topic-center-tilt-y, 0deg)) scale(calc(var(--topic-center-scale, 1) + .015));box-shadow:0 0 0 3px rgba(56,189,248,.1),0 14px 34px rgba(0,0,0,.34)}.topic-launch-card-featured{border-color:rgba(125,211,252,.16)!important;background:linear-gradient(180deg,#111c28,#0a121b)!important}.topic-launch-card-glow{display:none}.topic-launch-copy,.topic-launch-orb{position:relative;z-index:2}.topic-launch-orb{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.035);color:#91a4b9;box-shadow:none;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.topic-launch-orb svg{width:22px;height:22px;filter:none}.topic-launch-card:hover .topic-launch-orb{transform:none;color:#bae6fd;border-color:rgba(125,211,252,.16);background:rgba(125,211,252,.055);box-shadow:none}.topic-launch-copy{width:100%;gap:6px;padding:0}.topic-launch-card-header strong{color:#f1f5f9;font-size:.9rem;font-weight:680;letter-spacing:-.015em}.topic-launch-card-header svg{color:#64748b;opacity:.72;transition:color .18s ease,transform .18s ease}.topic-launch-card:hover .topic-launch-card-header svg{color:#bae6fd;transform:translate(2px)}.topic-launch-copy small{color:#718096;font-size:.56rem;font-weight:700;letter-spacing:.1em}.topic-launch-copy em{color:#8794a6;font-size:.69rem;line-height:1.45}@keyframes topicCardReveal{0%{opacity:0;transform:translate3d(0,22px,-120px) scale(.9)}to{opacity:var( --topic-center-opacity, 1 );transform:translate3d(0,var( --topic-center-lift, 0px ),var( --topic-center-depth, 0px )) rotateX(var(--topic-center-tilt-x, 0deg)) rotateY(var(--topic-center-tilt-y, 0deg)) scale(var( --topic-center-scale, 1 ))}}@media (max-width: 700px){.topic-canvas-surface .topic-launch-card{gap:12px;padding:14px;border-radius:14px;transition:transform .12s ease,opacity .12s ease,filter .12s ease}.topic-launch-orb{width:38px;height:38px;border-radius:10px}}@media (prefers-reduced-motion: reduce){.topic-launch-card,.topic-launch-card-glow,.topic-launch-orb{animation:none;transition:none}.topic-canvas-viewport{scroll-behavior:auto}}.topic-canvas-viewport{scroll-behavior:auto;overscroll-behavior:contain;perspective:900px;perspective-origin:50% 50%;scrollbar-width:none;-webkit-overflow-scrolling:touch;contain:strict}.topic-canvas-surface{position:relative;contain:layout paint;transform:translateZ(0);transform-style:preserve-3d}.topic-canvas-dragging .topic-launch-card{pointer-events:none;transition:none}.topic-launch-shell{display:flex;flex-direction:column;min-height:0}.topic-launch-hero{position:relative;top:auto;left:auto;flex:0 0 auto;width:min(1120px,calc(100% - 40px));max-width:none;margin:0 auto;padding:26px 0 18px;transform:none;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:left}.topic-launch-badge{margin:0 0 8px;padding:0}.topic-launch-hero h1{display:block;font-size:clamp(1.65rem,3.4vw,2.55rem);line-height:1.05}.topic-launch-hero>p{display:block;margin:9px 0 0;color:rgba(203,213,225,.62);font-size:.86rem}.topic-launch-content{flex:1 1 auto;min-height:0;width:min(1160px,100%);margin:0 auto;padding:0 20px 20px}.topic-launch-section-heading{display:none}.topic-gallery-viewport{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.28) transparent;outline:none}.topic-gallery-viewport:focus-visible{box-shadow:inset 0 0 0 1px rgba(125,211,252,.2)}.topic-gallery-grid.topic-canvas-surface{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px;width:100%;min-width:0;min-height:0;padding:2px 2px 24px;overflow:visible;contain:none;transform:none;background:none}.topic-gallery-grid.topic-canvas-surface .topic-launch-card{position:relative;inset:auto;width:100%;height:auto;min-width:0;min-height:168px;padding:16px;visibility:visible!important;pointer-events:auto!important;opacity:1;transform:none;will-change:auto;animation:topicGalleryCardIn .32s cubic-bezier(.22,1,.36,1) both}.topic-gallery-grid.topic-canvas-surface .topic-launch-card:hover,.topic-gallery-grid.topic-canvas-surface .topic-launch-card:focus-visible{transform:translateY(-3px)}@keyframes topicGalleryCardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){.topic-launch-hero{width:calc(100% - 28px);padding:18px 0 14px}.topic-launch-hero h1{font-size:1.55rem}.topic-launch-content{padding:0 14px 14px}.topic-gallery-grid.topic-canvas-surface{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-gallery-grid.topic-canvas-surface .topic-launch-card{min-height:150px;padding:13px}}@media (max-width: 420px){.topic-gallery-grid.topic-canvas-surface{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.topic-gallery-grid.topic-canvas-surface .topic-launch-card{animation:none}}.topic-launch-screen{padding:0}.topic-launch-shell,.topic-launch-content{position:relative;display:block;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0}.topic-launch-hero{position:absolute;top:14px;left:50%;z-index:72;width:fit-content;max-width:calc(100% - 24px);margin:0;padding:9px 13px;transform:translate(-50%);border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(5,12,21,.7);box-shadow:0 12px 30px rgba(0,0,0,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:center;pointer-events:none}.topic-launch-badge{margin:0}.topic-launch-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:55;pointer-events:none;background:radial-gradient(ellipse clamp(280px,34vw,520px) clamp(220px,38vh,360px) at 50% 50%,rgba(103,232,249,.026) 0,transparent 48%,rgba(3,8,15,.055) 68%,rgba(3,8,15,.16) 100%)}.topic-canvas-viewport{position:relative;width:100%;height:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;cursor:grab;user-select:none;scrollbar-width:none;scroll-behavior:auto;perspective:clamp(650px,70vw,1100px);perspective-origin:50% 50%;contain:strict}.topic-canvas-viewport::-webkit-scrollbar{display:none}.topic-canvas-viewport.topic-canvas-dragging{cursor:grabbing}.topic-canvas-surface{position:relative;min-width:300%;min-height:300%;overflow:visible;contain:layout paint;transform:translateZ(0);transform-style:preserve-3d;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:clamp(34px,3vw,46px) clamp(34px,3vw,46px)}.topic-canvas-tile{position:absolute;width:calc(100% / 3);height:calc(100% / 3);overflow:visible;contain:layout style}.topic-canvas-tile-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:visible}.topic-canvas-tile:not(.topic-canvas-tile-primary) .topic-launch-card{animation:none}.topic-canvas-surface .topic-launch-card{position:absolute;inset:auto;min-width:0;min-height:0;padding:clamp(12px,1.2vw,17px);gap:clamp(10px,1vw,14px);border-radius:clamp(13px,1.3vw,18px);border-color:rgba(148,163,184,.11);background:radial-gradient(circle at 18% 12%,rgba(125,211,252,calc(var(--topic-focus, 0) * .045)),transparent 42%),linear-gradient(180deg,#111a26,#0a111a);visibility:visible;opacity:var(--topic-center-opacity, 1);content-visibility:auto;contain-intrinsic-size:190px 160px;transform:translate3d(0,var(--topic-center-lift, 0px),var(--topic-center-depth, 0px)) rotateX(var(--topic-center-tilt-x, 0deg)) rotateY(var(--topic-center-tilt-y, 0deg)) scale(var(--topic-center-scale, 1));box-shadow:0 calc(10px + var(--topic-focus, 0) * 8px) calc(26px + var(--topic-focus, 0) * 16px) rgba(0,0,0,.3),0 0 calc(var(--topic-focus, 0) * 22px) rgba(56,189,248,calc(var(--topic-focus, 0) * .07)),inset 0 1px rgba(255,255,255,.04);transition:transform .11s linear,opacity .11s linear,border-color .19s ease,background .19s ease,box-shadow .19s ease}.topic-launch-card[data-topic-detail=low] .topic-launch-copy{opacity:.78}.topic-launch-card[data-topic-detail=low] .topic-launch-copy em,.topic-launch-card[data-topic-detail=low] .topic-launch-orb{opacity:.58}.topic-launch-orb{width:clamp(36px,3.2vw,44px);height:clamp(36px,3.2vw,44px)}.topic-scroll-hint{z-index:74}.topic-launch-error{position:fixed;top:auto;right:20px;bottom:22px;left:auto;z-index:80;width:max-content;max-width:min(360px,calc(100vw - 32px))}@media (max-width: 700px){.topic-launch-hero{top:9px;width:fit-content;max-width:calc(100% - 20px);padding:7px 10px}.topic-launch-content{padding:0}.topic-canvas-viewport{perspective:clamp(560px,150vw,760px)}.topic-canvas-surface .topic-launch-card{min-width:132px;min-height:126px;padding:10px 11px;gap:8px;border-radius:14px}.topic-launch-card-header strong{font-size:.8rem}.topic-launch-copy small{font-size:.52rem}.topic-launch-copy em{display:-webkit-box;overflow:hidden;font-size:.7rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.topic-launch-error{top:auto;right:12px;bottom:calc(env(safe-area-inset-bottom) + 82px);left:12px;width:auto}}@media (max-width: 420px){.topic-canvas-nav-label{display:none}}@media (prefers-reduced-motion: reduce){.topic-canvas-viewport{perspective:none;scroll-behavior:auto}.topic-canvas-surface{transform-style:flat}.topic-canvas-surface .topic-launch-card,.topic-canvas-surface .topic-launch-card:hover,.topic-canvas-surface .topic-launch-card:focus-visible{animation:none;transition:none;transform:none}}.topic-canvas-viewport{perspective:none;scroll-behavior:auto;overflow-anchor:none;contain:layout paint size}.topic-canvas-surface{transform:none;transform-style:flat;contain:layout paint}.topic-canvas-tile{width:calc(100% / 3);height:calc(100% / 3);contain:layout paint style}.topic-canvas-tile-content{width:var(--topic-tile-content-width);height:var(--topic-tile-content-height)}.topic-canvas-surface .topic-launch-card,.topic-canvas-surface .topic-launch-card:hover,.topic-canvas-surface .topic-launch-card:focus-visible{visibility:visible!important;content-visibility:visible;opacity:var(--topic-center-opacity, 1)!important;pointer-events:auto!important;cursor:pointer;transform:translate3d(0,var(--topic-center-lift, 0px),0) scale(var(--topic-center-scale, 1))!important;transform-origin:center;will-change:auto;border-color:rgba(148,163,184,.09);background:radial-gradient(circle at 22% 10%,rgba(125,211,252,.07),transparent 45%),linear-gradient(145deg,rgba(18,31,44,.98),rgba(7,14,22,.98));box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 18px rgba(56,189,248,.035),inset 0 1px rgba(255,255,255,.043);transition:transform .1s linear,opacity .1s linear,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.topic-canvas-viewport.topic-canvas-scrolling .topic-launch-card{transition:none!important}.topic-canvas-surface .topic-launch-card[data-topic-centered=true]{z-index:8;border-color:rgba(125,211,252,.24);background:radial-gradient(circle at 22% 10%,rgba(125,211,252,.15),transparent 47%),linear-gradient(145deg,rgba(20,38,52,.99),rgba(8,17,27,.99));box-shadow:0 22px 48px rgba(0,0,0,.4),0 0 28px rgba(56,189,248,.1),inset 0 1px rgba(255,255,255,.07)}.topic-canvas-surface .topic-launch-card[data-topic-centered=true] .topic-launch-orb{color:#b9edff;background:rgba(56,189,248,.12)}.topic-canvas-viewport.topic-canvas-dragging .topic-launch-card{pointer-events:none!important;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}@media (prefers-reduced-motion: reduce){.topic-canvas-surface .topic-launch-card,.topic-canvas-surface .topic-launch-card:hover,.topic-canvas-surface .topic-launch-card:focus-visible{opacity:1!important;transform:none!important;transition:none}}.google-login-btn{width:100%;min-height:54px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.96);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 rgba(0,0,0,.24)}.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 rgba(0,0,0,.08)}.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:rgba(103,232,249,.14);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:rgba(255,255,255,.72);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:rgba(255,255,255,.07);box-shadow:0 24px 80px rgba(0,0,0,.18)}.login-highlights strong{display:block;color:#93c5fd;font-size:1.4rem;margin-bottom:8px}.login-highlights span{color:rgba(255,255,255,.72);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%),rgba(255,255,255,.07);box-shadow:0 35px 100px rgba(0,0,0,.25)}.login-card-header h2{margin:0;color:#fff;font-size:2rem;letter-spacing:-.04em}.login-card-header p{margin:10px 0 0;color:rgba(255,255,255,.68)}.login-card label{display:grid;gap:10px;color:rgba(255,255,255,.86);font-weight:700}.login-card input{width:100%;border:0;outline:none;border-radius:20px;padding:17px 18px;background:rgba(238,244,255,.94);color:#07111f;font-size:1rem;font-family:inherit}.login-card input:focus{box-shadow:0 0 0 4px rgba(147,197,253,.22),inset 0 0 0 1px rgba(37,99,235,.28)}.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,rgba(20,184,166,.12),rgba(59,130,246,.08)),rgba(255,255,255,.055);box-shadow:0 35px 100px rgba(0,0,0,.2)}.login-side h3{margin:0 0 10px;color:#fff;font-size:1.35rem}.login-tip{padding:22px;border-radius:26px;background:rgba(255,255,255,.075)}.login-tip span{display:inline-flex;margin-bottom:10px;color:#a7f3d0;font-weight:800}.login-tip p{margin:0;color:rgba(255,255,255,.72);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}}.social-login-stack{display:grid;gap:.75rem;margin-top:.75rem}.apple-login-btn{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#fff;color:#05070b;font:inherit;font-weight:800;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.apple-login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.24)}.apple-login-btn:focus-visible{outline:3px solid rgba(255,255,255,.28);outline-offset:3px}.apple-login-btn:disabled{cursor:not-allowed;opacity:.62}.apple-icon{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:1.35rem;line-height:1}.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:rgba(255,255,255,.075);box-shadow:0 35px 100px rgba(0,0,0,.22)}.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:rgba(255,255,255,.68)}.register-card input{width:100%;border:0;outline:none;border-radius:18px;padding:16px 17px;background:rgba(238,244,255,.95);color:#07111f;font-size:1rem}.register-card input:focus{box-shadow:0 0 0 4px rgba(147,197,253,.22)}.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%),rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.085);box-shadow:0 22px 65px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.06);display:grid;gap:14px}.friend-search-eyebrow{display:inline-flex;width:fit-content;margin-bottom:8px;padding:6px 10px;border-radius:999px;background:rgba(125,211,252,.1);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:rgba(226,232,240,.68);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:rgba(255,255,255,.94);color:#07111f;font-weight:800;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.friend-search-row input:focus{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 4px rgba(56,189,248,.12)}.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,rgba(56,191,248,.608),rgba(138,92,246,.592));color:#fff;font-weight:950;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 14px 32px rgba(56,189,248,.16);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;top:0;right:0;bottom:0;left: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:rgba(125,211,252,.28);box-shadow:0 3px 3px rgba(164,157,157,.733)}.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:rgba(255,255,255,.055);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:rgba(125,211,252,.2);background:rgba(255,255,255,.075)}.friend-result-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-weight:950;color:#fff;background:linear-gradient(135deg,rgba(56,191,248,.573),rgba(138,92,246,.514));box-shadow:0 12px 28px rgba(56,189,248,.14)}.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:rgba(226,232,240,.62);font-size:.86rem;font-weight:700}.profile-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left: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,rgba(15,23,42,.72),rgba(2,6,23,.5));border:1px solid rgba(255,255,255,.105);box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055);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 rgba(255,255,255,.035),0 0 0 1px rgba(125,211,252,.22),0 34px 95px rgba(0,0,0,.5),0 0 36px rgba(56,189,248,.12)}.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,rgba(56,191,248,.533),rgba(138,92,246,.498));box-shadow:0 0 0 10px rgba(255,255,255,.035),0 0 0 1px rgba(255,255,255,.18),0 34px 95px rgba(0,0,0,.5),0 0 38px rgba(139,92,246,.22)}.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:rgba(125,211,252,.1);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 rgba(56,189,248,.08)}.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:rgba(226,232,240,.74);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;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:translate(-120%);transition:transform .45s ease}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;width:100vw;height:100dvh;padding:24px;display:grid;place-items:center;background:rgba(2,6,23,.78);backdrop-filter:blur(16px)}.profile-modal{width:min(100%,980px);height:min(100%,760px);max-height:calc(100dvh - 48px);border-radius:34px;background:rgba(15,23,42,.98);border:1px solid rgba(255,255,255,.12);box-shadow:0 34px 110px rgba(0,0,0,.58);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto}.profile-modal-header,.profile-modal-footer{padding:22px;border-color:rgba(255,255,255,.08)}.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:rgba(255,255,255,.08);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:rgba(2,6,23,.62);color:#fff;font-size:.72rem;font-weight:900;pointer-events:none}.crop-reset-btn{min-height:44px;border:0;border-radius:999px;background:rgba(255,255,255,.08);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 rgba(56,189,248,.14)}.profile-dashboard-btn{background:rgba(56,189,248,.1);color:#f8fafc;box-shadow:none}.profile-saved-btn{background:rgba(139,92,246,.11);color:#f8fafc;box-shadow:none}.profile-books-btn{background:rgba(34,197,94,.11);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:rgba(125,211,252,.28);box-shadow:0 18px 42px rgba(0,0,0,.26)}.profile-dashboard-btn:hover,.profile-saved-btn:hover,.profile-books-btn:hover{background:rgba(255,255,255,.13)}.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:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.06)}.profile-edit-box input{width:100%;border:1px solid rgba(255,255,255,.1);outline:none;border-radius:17px;padding:14px 15px;background:rgba(255,255,255,.94);color:#07111f;font-weight:750;transition:border-color .2s ease,box-shadow .2s ease}.profile-edit-box input:focus{border-color:rgba(56,189,248,.65);box-shadow:0 0 0 4px rgba(56,189,248,.12)}.profile-edit-box button{border:0;border-radius:17px;padding:13px;background:linear-gradient(135deg,rgba(56,191,248,.5),rgba(138,92,246,.396));color:#fff;font-weight:950;cursor:pointer;box-shadow:0 14px 32px rgba(56,189,248,.16)}.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:rgba(2,6,23,.42);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 20px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)}.stat-card:hover{transform:translateY(-5px);border-color:rgba(125,211,252,.28);background:radial-gradient(circle at top right,rgba(139,92,246,.16),transparent 34%),linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.7));box-shadow:0 34px 86px rgba(0,0,0,.34),0 0 36px rgba(56,189,248,.08)}.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:rgba(226,232,240,.68);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:rgba(255,255,255,.043);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px rgba(255,255,255,.05)}.profile-tabs button{border:0;background:transparent;color:rgba(248,250,252,.72);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:rgba(255,255,255,.07);transform:translateY(-1px)}.profile-tabs button.active{background:linear-gradient(135deg,#f8fafc,#c7f9ff);color:#020617;box-shadow:0 12px 28px rgba(56,189,248,.12)}.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%),rgba(2,6,23,.44);border:1px solid rgba(255,255,255,.085);box-shadow:0 18px 58px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);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:rgba(125,211,252,.22);box-shadow:0 32px 90px rgba(0,0,0,.3)}.profile-card h3{margin:0 0 16px;color:#fff;font-size:1.25rem;letter-spacing:-.03em}.profile-card p{margin:0;color:rgba(226,232,240,.72);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:rgba(226,232,240,.58)}.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:rgba(2,6,23,.42);box-shadow:none;transition:transform .24s ease,box-shadow .24s ease,filter .24s ease}.private-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left: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 rgba(125,211,252,.2),0 38px 100px rgba(0,0,0,.42),0 0 36px rgba(56,189,248,.08)}.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:rgba(255,255,255,.12);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:rgba(255,255,255,.537);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%),rgba(15,23,42,.72);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:rgba(255,255,255,.075);border-color:rgba(125,211,252,.22);transform:translateY(-3px);box-shadow:0 18px 46px rgba(0,0,0,.22)}.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 rgba(56,189,248,.14)}.approved-creator-card h4{margin:0 0 4px}.approved-creator-card p{margin:0;color:rgba(226,232,240,.58)}.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:rgba(255,255,255,.067);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:rgba(255,255,255,.1);border-color:rgba(125,211,252,.24)}@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;right:0;bottom:0;left:50%;top:50%;display:grid;place-items:center;border-radius:inherit;background:rgba(2,6,23,.58);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:rgba(14,165,233,.08);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:rgba(125,211,252,.7);background:rgba(14,165,233,.16)}.profile-photo-upload input{display:none}.profile-crop-box{display:grid;gap:14px;padding:14px;border-radius:22px;background:rgba(255,255,255,.055);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 rgba(15,23,42,.28)}.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:rgba(2,6,23,.42)}.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}.profile-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;padding:1rem;border:1px solid rgba(255,88,116,.28);border-radius:18px;background:linear-gradient(135deg,rgba(255,69,103,.08),rgba(255,69,103,.03))}.profile-danger-zone>div{min-width:0}.profile-danger-zone strong{display:block;color:#ffd5dd;font-size:.98rem}.profile-danger-zone p{margin:.35rem 0 0;color:rgba(235,241,255,.68);font-size:.86rem;line-height:1.45}.profile-delete-account-btn{flex:0 0 auto;min-height:42px;padding:.7rem 1rem;border:1px solid rgba(255,101,128,.5);border-radius:999px;background:rgba(255,60,95,.12);color:#ff9eb0;font:inherit;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.profile-delete-account-btn:hover:not(:disabled){transform:translateY(-1px);background:rgba(255,60,95,.2);border-color:rgba(255,126,150,.78)}.profile-delete-account-btn:focus-visible{outline:3px solid rgba(255,88,116,.26);outline-offset:3px}.profile-delete-account-btn:disabled{cursor:not-allowed;opacity:.62}@media (max-width: 640px){.profile-danger-zone{align-items:stretch;flex-direction:column}.profile-delete-account-btn{width:100%}}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;width:100%;min-height:100dvh;padding:20px;background:radial-gradient(circle at top,rgba(29,213,255,.1),transparent 38%),rgba(2,7,16,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow-y:auto;animation:profileModalOverlayIn .18s ease-out}.profile-modal{position:relative;width:min(100%,520px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(17,27,47,.98),rgba(5,12,25,.98));box-shadow:0 30px 90px rgba(0,0,0,.7),0 0 0 1px rgba(45,212,255,.04),0 0 40px rgba(45,212,255,.08);overflow:hidden;animation:profileModalCardIn .22s cubic-bezier(.22,1,.36,1)}.profile-edit-box{width:min(100%,540px)}.profile-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.profile-modal-header h2{margin:0;color:#fff;font-size:clamp(1.35rem,4vw,1.8rem);font-weight:800;line-height:1.1;letter-spacing:-.03em}.profile-modal-header p{margin:8px 0 0;color:rgba(225,235,248,.68);font-size:.94rem;line-height:1.5}.profile-modal-close{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.06);color:rgba(255,255,255,.88);font-size:1rem;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.profile-modal-close:hover{transform:rotate(6deg) scale(1.05);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}.profile-modal-close:disabled{opacity:.45;cursor:not-allowed}.profile-modal-body{display:flex;flex-direction:column;gap:16px;padding:22px 24px;overflow-y:auto;overscroll-behavior:contain}.profile-modal-body p{margin:0;color:rgba(230,238,249,.78);font-size:.96rem;line-height:1.6}.profile-modal-body strong{color:#ff7b8b;font-weight:800}.profile-modal-body input{width:100%;min-height:52px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;outline:none;background:rgba(255,255,255,.055);color:#fff;font:inherit;font-size:1rem;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.profile-modal-body input::placeholder{color:rgba(205,217,232,.42)}.profile-modal-body input:focus{border-color:rgba(45,212,255,.7);background:rgba(255,255,255,.075);box-shadow:0 0 0 4px rgba(45,212,255,.1),0 0 24px rgba(45,212,255,.08)}.profile-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px 24px;border-top:1px solid rgba(255,255,255,.08)}.profile-modal-footer button{min-height:46px;padding:0 20px;border-radius:999px;font:inherit;font-size:.94rem;font-weight:750;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease,box-shadow .16s ease}.profile-modal-footer button:hover:not(:disabled){transform:translateY(-1px)}.profile-modal-footer button:active:not(:disabled){transform:translateY(0) scale(.98)}.profile-modal-footer button:disabled{opacity:.45;cursor:not-allowed}.profile-modal-cancel{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.9)}.profile-modal-cancel:hover:not(:disabled){background:rgba(255,255,255,.1)}.profile-delete-account-btn{min-height:44px;padding:0 18px;border:1px solid rgba(255,92,112,.38);border-radius:999px;background:linear-gradient(135deg,rgba(255,72,96,.98),rgba(220,38,76,.98));color:#fff;font:inherit;font-size:.92rem;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(230,40,76,.24),inset 0 1px rgba(255,255,255,.18);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.profile-delete-account-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 36px rgba(230,40,76,.34),inset 0 1px rgba(255,255,255,.2)}.profile-delete-account-btn:active:not(:disabled){transform:scale(.98)}.profile-delete-account-btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.profile-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding:18px;border:1px solid rgba(255,80,105,.2);border-radius:20px;background:linear-gradient(135deg,rgba(255,55,90,.08),rgba(255,55,90,.024))}.profile-danger-zone strong{display:block;margin-bottom:5px;color:#ff8b99;font-size:.98rem}.profile-danger-zone p{margin:0;color:rgba(225,233,244,.62);font-size:.88rem;line-height:1.5}.profile-modal-body .status{margin:0;padding:11px 14px;border:1px solid rgba(255,102,122,.22);border-radius:14px;background:rgba(255,66,95,.08);color:#ffb2bd;font-size:.88rem}@keyframes profileModalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes profileModalCardIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.profile-modal-overlay{align-items:flex-end;padding:12px}.profile-modal{width:100%;max-height:calc(100dvh - 24px);border-radius:26px 26px 20px 20px}.profile-modal-header{padding:21px 19px 16px}.profile-modal-body{padding:20px 19px}.profile-modal-footer{display:grid;grid-template-columns:1fr;padding:16px 19px calc(19px + env(safe-area-inset-bottom))}.profile-modal-footer button,.profile-delete-account-btn{width:100%}.profile-danger-zone{align-items:stretch;flex-direction:column}}body:has(.profile-modal-overlay){overflow:hidden}.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:rgba(167,243,208,.12);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:rgba(255,255,255,.68);line-height:1.7}.saved-summary{min-width:170px;padding:20px;border-radius:18px;background:rgba(255,255,255,.05);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:rgba(255,255,255,.62);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:rgba(255,255,255,.92);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:rgba(255,255,255,.067);color:rgba(255,255,255,.78);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:rgba(15,23,42,.7);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 rgba(0,0,0,.28);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 rgba(0,0,0,.4);border-color:rgba(255,255,255,.14)}.saved-card-media{border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.04);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:rgba(255,255,255,.66);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:rgba(255,255,255,.05);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 rgba(0,0,0,.28);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,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));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,#020617 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:rgba(148,163,184,.86);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:rgba(203,213,225,.62);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:rgba(2,44,34,.2);color:rgba(167,243,208,.9);font-size:.88rem;font-weight:900}.feed-topics-status.error{border-color:rgba(248,113,113,.16);background:rgba(69,10,10,.26);color:rgba(254,202,202,.92)}.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,rgba(15,23,42,.56),rgba(2,6,23,.9));box-shadow:0 1px 1px rgba(202,209,219,.16),0 18px 45px rgba(0,0,0,.34);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;top:0;right:0;bottom:0;left: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:rgba(30,41,59,.34);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:rgba(226,232,240,.86);background:rgba(2,6,23,.72);box-shadow:inset 0 1px rgba(255,255,255,.043);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:rgba(148,163,184,.86);font-size:.84rem;font-weight:950}.feed-topic-card:hover,.feed-topic-card:focus-visible{outline:none;transform:translateY(-3px);border-color:rgba(148,163,184,.18);background:linear-gradient(145deg,rgba(30,41,59,.62),rgba(2,6,23,.94));box-shadow:0 1px 1px rgba(202,209,219,.2),0 24px 60px rgba(0,0,0,.42)}.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:rgba(2,6,23,.84);color:rgba(248,250,252,.92);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:rgba(148,163,184,.2);background:rgba(15,23,42,.98)}.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:rgba(2,6,23,.98);box-shadow:0 18px 42px rgba(0,0,0,.48)}.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:rgba(15,23,42,.74);color:rgba(229,231,235,.9);font-size:.78rem;font-weight:850;text-align:left;cursor:pointer}.room-card-menu-popover button:hover{background:rgba(30,41,59,.9);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:rgba(2,6,23,.74);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:rgba(2,6,23,.72);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:rgba(15,23,42,.96);border-color:rgba(125,211,252,.22);color:#fff}@media (max-width: 860px){.chat-avatar-fallback{width:50px;height:50px;min-width:50px}}.chat-profile-avatar-btn,.chat-open-chat-btn,.user-result-avatar,.user-result-chat{border:0;font:inherit;color:inherit;cursor:pointer}.chat-profile-avatar-btn{padding:0;background:transparent}.chat-profile-avatar-btn:hover .chat-avatar,.chat-profile-avatar-btn:focus-visible .chat-avatar{border-color:rgba(125,211,252,.55);transform:scale(1.035)}.chat-avatar{transition:transform .16s ease,border-color .16s ease}.chat-open-chat-btn{min-width:0;padding:4px 0;background:transparent;text-align:left}.chat-header-avatar{width:40px;height:40px;min-width:40px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#142130;color:#dbeafe;font-size:.76rem;font-weight:900}.chat-header-avatar img{width:100%;height:100%;object-fit:cover}.chat-header-avatar:hover,.chat-header-avatar:focus-visible{background:#1d3a50;transform:translateY(-1px)}.user-results .user-result-row{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:5px;border-radius:13px;transition:background .16s ease}.user-results .user-result-row:hover{background:rgba(148,163,184,.07)}.user-results .user-result-avatar{width:38px;height:38px;min-width:38px;min-height:38px;display:grid;place-items:center;padding:0;overflow:hidden;border-radius:50%;background:#142130;color:#dbeafe;font-size:.7rem;font-weight:900}.user-results .user-result-avatar:before,.user-results .user-result-avatar:after,.user-results .user-result-chat:before,.user-results .user-result-chat:after{content:none;display:none}.user-results .user-result-avatar img{width:100%;height:100%;object-fit:cover}.user-results .user-result-avatar:hover,.user-results .user-result-avatar:focus-visible{background:#1d3a50;transform:scale(1.035)}.user-results .user-result-chat{width:100%;min-width:0;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 7px;border-radius:10px;background:transparent;text-align:left}.user-results .user-result-chat:hover,.user-results .user-result-chat:focus-visible{background:rgba(148,163,184,.07)}.user-results .user-result-copy,.user-results .user-result-copy strong,.user-results .user-result-copy>span{display:block;min-width:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-results .user-result-start{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(148,163,184,.1);color:#cbd5e1;font-weight:900}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:rgba(2,6,23,.42);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:rgba(2,6,23,.58);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:rgba(125,211,252,.28);background:rgba(15,23,42,.82);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:rgba(15,23,42,.86);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:rgba(30,41,59,.92);border-color:rgba(125,211,252,.22);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:rgba(2,6,23,.96);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:rgba(226,232,240,.62);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:rgba(15,23,42,.52);border-color:rgba(148,163,184,.18);box-shadow:none}.chat-list-item.active{background:rgba(15,23,42,.68);border-color:rgba(125,211,252,.24);box-shadow:inset 3px 0 rgba(125,211,252,.55)}.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:rgba(15,23,42,.86);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:rgba(2,6,23,.74);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:rgba(2,6,23,.96);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:rgba(226,232,240,.68);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:rgba(15,23,42,.74);color:#cbd5e1;font-size:1.15rem;cursor:pointer;box-shadow:none}.chat-avatar-options button.active{background:rgba(30,41,59,.94);border-color:rgba(125,211,252,.28);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:rgba(255,255,255,.66);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 rgba(239,68,68,.24)}.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:rgba(8,15,28,.98);box-shadow:0 2px 2px rgba(6,17,65,.83);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:rgba(2,6,23,.72);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:rgba(15,23,42,.82);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:rgba(226,232,240,.56);font-size:.72rem;line-height:1.1}.chat-window{height:100%;max-height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);background:rgba(2,6,23,.42)}.chat-window.drag-over{outline:2px dashed #38bdf8;background:rgba(56,189,248,.05)}.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:rgba(2,6,23,.5);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:rgba(226,232,240,.58);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:rgba(15,23,42,.74);color:rgba(226,232,240,.9);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:rgba(30,41,59,.92);border-color:rgba(125,211,252,.22);color:#fff}.btn-block{border-color:rgba(255,59,48,.36)!important;color:#fca5a5!important}.btn-block:hover{background:rgba(239,68,68,.92)!important;color:#fff!important;border-color:rgba(239,68,68,.92)!important}.blocked-banner{margin:12px 16px;padding:13px 15px;border-radius:18px;background:rgba(239,68,68,.14);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:rgba(15,23,42,.74);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:rgba(30,41,59,.92);border-color:rgba(125,211,252,.22)}.chat-more-btn:active,.chat-more-btn[aria-expanded=true]{transform:translateY(0) scale(.98);background:rgba(2,6,23,.96);border-color:rgba(125,211,252,.24)}.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:rgba(2,6,23,.96);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:rgba(15,23,42,.74);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:rgba(2,6,23,.34)}.date-divider{display:flex;align-items:center;text-align:center;margin:14px 0 6px;color:rgba(255,255,255,.42);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:rgba(15,23,42,.72);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:rgba(30,41,59,.86);border-color:rgba(125,211,252,.18);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:rgba(226,232,240,.55);font-size:.64rem;font-weight:700;text-align:right}.message.mine .timestamp,.message-row.mine .timestamp{color:rgba(226,232,240,.7)}.media-input-hidden{display:none}.message-media-preview{width:min(280px,70vw);overflow:hidden;border-radius:16px;background:rgba(2,6,23,.7);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:rgba(15,23,42,.88);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:rgba(56,189,248,.18);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:rgba(255,255,255,.06);color:#f8fafc;cursor:pointer;font-size:.82rem}.reaction-chip.active{background:rgba(56,189,248,.22);border-color:rgba(125,211,252,.38)}.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:rgba(2,6,23,.94)!important;border:1px solid rgba(125,211,252,.18)!important;box-shadow:0 18px 50px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.06)!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:rgba(203,213,225,.46)}.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:rgba(15,23,42,.74);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:rgba(15,23,42,.62);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:rgba(255,255,255,.08)}.selected-media-card audio{width:min(320px,68vw);height:42px;border-radius:14px;background:rgba(15,23,42,.88);accent-color:#38bdf8}.upload-bar{height:4px;margin:0 8px 10px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.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:rgba(239,68,68,.22);color:#fecaca}.voice-cancel-btn,.voice-delete-btn{background:rgba(255,255,255,.08);color:rgba(248,250,252,.82)}.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:rgba(15,23,42,.72);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,rgba(186,230,253,.98),rgba(56,189,248,.46));opacity:.9;transform-origin:center;box-shadow:0 0 10px rgba(56,189,248,.14)}.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:rgba(226,232,240,.72);font-size:.72rem;font-weight:900;white-space:nowrap;text-align:right}.voice-status{min-width:0;color:rgba(248,250,252,.8);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:rgba(30,41,59,.9);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:rgba(51,65,85,.94)}.cell.active{background:linear-gradient(135deg,#38bdf8,#8b5cf6);transform:scale(1.08);box-shadow:0 16px 36px rgba(56,189,248,.24)}.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:rgba(148,163,184,.16);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:rgba(125,211,252,.32)}@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:rgba(15,23,42,.74);color:rgba(226,232,240,.72);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:rgba(30,41,59,.92);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:rgba(2,6,23,.96);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:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.1)}.message.mine .audio-mini-card{background:rgba(255,255,255,.1)}.audio-mini-play{width:30px!important;height:30px!important;min-width:30px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.08)!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:rgba(226,232,240,.76)}.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:rgba(226,232,240,.72);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:rgba(2,6,23,.96);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:rgba(15,23,42,.74);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:rgba(255,255,255,.95);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:rgba(56,189,248,.2);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:rgba(2,6,23,.42)!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:rgba(148,163,184,.12)!important}.chat-avatar-fallback{background:rgba(2,6,23,.78)!important;color:#dbeafe!important}.chat-avatar-options button{background:rgba(15,23,42,.78)!important}.chat-avatar-options button:hover,.chat-avatar-options button.active{background:rgba(30,41,59,.94)!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:rgba(2,6,23,.42)!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:rgba(2,6,23,.36)!important;box-shadow:0 1px 1px rgba(202,209,219,.2)!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:rgba(15,23,42,.52)!important;border-color:rgba(148,163,184,.2)!important}.chat-list-item.active{background:rgba(15,23,42,.56)!important;border-color:rgba(125,211,252,.22)!important;box-shadow:inset 3px 0 rgba(125,211,252,.45)!important}.message.mine,.message-row.mine .message-bubble{background:rgba(15,23,42,.62)!important;border-color:rgba(125,211,252,.18)!important}.chat-search input,.message-form input,.message-edit-box input{background:rgba(2,6,23,.36)!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:rgba(15,23,42,.52)!important;border-color:rgba(148,163,184,.2)!important;box-shadow:none!important}.chat-search input::placeholder,.message-form input::placeholder,.message-edit-box input::placeholder{color:rgba(203,213,225,.46)!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:rgba(15,23,42,.74)!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:rgba(30,41,59,.92)!important;border-color:rgba(148,163,184,.2)!important;box-shadow:none!important}.chat-avatar-fallback,.user-results button:before,.user-results button:after,.selected-file-icon{background:rgba(2,6,23,.74)!important;border:1px solid rgba(148,163,184,.12)!important;color:#dbeafe!important;box-shadow:none!important}.chat-avatar-options button{background:rgba(15,23,42,.74)!important;border:1px solid rgba(148,163,184,.12)!important;color:#cbd5e1!important;box-shadow:none!important}.reaction-chip{background:rgba(15,23,42,.74)!important;border:1px solid rgba(148,163,184,.12)!important;color:#e2e8f0!important;box-shadow:none!important}.reaction-chip.active{background:rgba(30,41,59,.92)!important;border-color:rgba(125,211,252,.22)!important}.unread-badge{background:rgba(239,68,68,.78)!important;box-shadow:none!important}.message-media-preview,.message-media-preview audio,.selected-media-card audio{background:rgba(15,23,42,.62)!important;border-color:rgba(148,163,184,.1)!important;box-shadow:none!important}.voice-waveform span,.audio-mini-wave span{background:rgba(226,232,240,.64)!important;box-shadow:none!important}.upload-bar{background:rgba(148,163,184,.12)!important}.upload-bar>div,.cell.active{background:rgba(125,211,252,.45)!important;box-shadow:none!important}.cell{background:rgba(2,6,23,.42)!important;border:1px solid rgba(148,163,184,.12)!important;box-shadow:none!important}.cell:hover{background:rgba(15,23,42,.52)!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:rgba(2,6,23,.72)!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 rgba(0,0,0,.45)!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:rgba(125,211,252,.28)!important}.message,.message-bubble{max-width:min(64%,460px)!important;padding:7px 10px 5px!important;border-radius:18px 18px 18px 8px!important;background:rgba(10,15,28,.62)!important;border:0!important;color:rgba(248,250,252,.96)!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,rgba(22,34,58,.82),rgba(12,20,38,.82))!important;border:0!important;color:rgba(255,255,255,.98)!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:rgba(203,213,225,.42)!important;letter-spacing:.01em!important}.message.mine .timestamp,.message-row.mine .timestamp{color:rgba(203,213,225,.5)!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:rgba(8,13,24,.52)!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:rgba(22,34,58,.62)!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:rgba(2,6,23,.34)!important;border-color:rgba(148,163,184,.08)!important;color:rgba(203,213,225,.55)!important}.message-menu-btn:hover,.message-menu-btn[aria-expanded=true]{color:rgba(248,250,252,.9)!important;background:rgba(15,23,42,.9)!important}.reaction-chip{height:24px!important;min-width:30px!important;padding:0 7px!important;font-size:.86rem!important;background:rgba(15,23,42,.82)!important;border-color:rgba(148,163,184,.11)!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:rgba(8,13,24,.5)!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:rgba(2,6,23,.36)!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:rgba(203,213,225,.68)!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:rgba(248,250,252,.94)!important;font-size:.78rem!important;font-weight:900!important;letter-spacing:-.01em!important}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:rgba(0,0,0,.82);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 rgba(0,0,0,.55);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:rgba(203,213,225,.46)!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:rgba(127,29,29,.22)!important;color:rgba(254,226,226,.92)!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:rgba(153,27,27,.34)!important;border-color:rgba(248,113,113,.36)!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:rgba(15,23,42,.82)!important;border:1px solid rgba(148,163,184,.1)!important;box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)!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:rgba(2,6,23,.58)!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:rgba(15,23,42,.92)!important;border-color:rgba(125,211,252,.18)!important;box-shadow:0 0 0 3px rgba(56,189,248,.08)!important}.message-form input::placeholder{color:rgba(203,213,225,.48)!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:rgba(15,23,42,.9)!important;border:1px solid rgba(148,163,184,.08)!important;color:rgba(248,250,252,.92)!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:rgba(30,41,59,.96)!important;border-color:rgba(125,211,252,.18)!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}}.chat-list-item .chat-profile-avatar-btn{padding:0;border:0;background:transparent}.chat-list-item .chat-open-chat-btn{min-width:0;padding:4px 0;border:0;background:transparent;color:inherit;text-align:left}.chat-window-top .chat-header-avatar{width:40px;height:40px;min-width:40px;padding:0;overflow:hidden;border:0;border-radius:50%;display:grid;place-items:center;background:#142130;color:#dbeafe;font-size:.76rem;font-weight:900}.chat-search-wrap .user-results .user-result-row{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:5px;border-radius:13px}.chat-search-wrap .user-results .user-result-avatar{width:38px;height:38px;min-width:38px;min-height:38px;display:grid;grid-template-columns:1fr;place-items:center;gap:0;padding:0;overflow:hidden;border:0;border-radius:50%;background:#142130;color:#dbeafe}.chat-search-wrap .user-results .user-result-avatar:before,.chat-search-wrap .user-results .user-result-avatar:after,.chat-search-wrap .user-results .user-result-chat:before,.chat-search-wrap .user-results .user-result-chat:after{content:none!important;display:none!important}.chat-search-wrap .user-results .user-result-chat{width:100%;min-width:0;min-height:42px;display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:10px;padding:5px 7px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left}.chat-search-wrap .user-results .user-result-copy,.chat-search-wrap .user-results .user-result-copy strong,.chat-search-wrap .user-results .user-result-copy>span{display:block;min-width:0;max-width:none}.chat-page{--chat-canvas: #050a10;--chat-sidebar: #080f17;--chat-surface: #0d1721;--chat-surface-hover: #111d29;--chat-ink: #edf4fb;--chat-muted: #8493a6;--chat-accent: #7dd3fc;--chat-line: rgba(148, 163, 184, .11);grid-template-columns:clamp(286px,27vw,350px) minmax(0,1fr)!important;gap:0!important;width:100%;min-height:0;background:var(--chat-canvas)!important;color:var(--chat-ink);overflow:hidden}.chat-page .chat-sidebar{min-width:0;padding:14px 12px 12px!important;border:0!important;border-right:1px solid var(--chat-line)!important;border-radius:0!important;background:var(--chat-sidebar)!important;box-shadow:none!important;backdrop-filter:none!important}.chat-page .chat-sidebar-heading{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 6px 10px}.chat-page .chat-sidebar-heading>div{min-width:0}.chat-page .chat-sidebar-heading>div>span{display:block;margin-bottom:1px;color:var(--chat-muted);font-size:.67rem;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.chat-page .chat-sidebar-heading h1{margin:0;color:var(--chat-ink);font-size:clamp(1.12rem,1.5vw,1.3rem);font-weight:720;letter-spacing:-.035em;line-height:1.25}.chat-page .chat-sidebar-heading>span{min-width:28px;height:28px;display:grid;place-items:center;padding:0 8px;border-radius:999px;background:rgba(125,211,252,.09);color:#b9e7fb;font-size:.72rem;font-weight:750}.chat-page .chat-search-wrap{position:relative;z-index:20;margin:0 0 12px}.chat-page .chat-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.chat-page .chat-search input{width:100%;min-width:0;height:40px!important;padding:0 13px!important;border:1px solid transparent!important;border-radius:12px!important;outline:none;background:rgba(148,163,184,.075)!important;color:var(--chat-ink)!important;font-size:.88rem!important;box-shadow:none!important}.chat-page .chat-search input:focus{border-color:rgba(125,211,252,.24)!important;background:rgba(148,163,184,.1)!important;box-shadow:0 0 0 3px rgba(56,189,248,.07)!important}.chat-page .chat-search input::placeholder{color:#718096!important}.chat-page .chat-search button{min-width:62px;height:40px!important;padding:0 12px!important;border:0!important;border-radius:12px!important;background:#d9f3ff!important;color:#09202d!important;font-size:.75rem!important;font-weight:760!important;box-shadow:none!important}.chat-page .chat-search button:hover:not(:disabled){background:#eefaff!important;transform:translateY(-1px)}.chat-page .chat-search button:disabled{opacity:.42}.chat-page .chat-search-wrap .user-results{top:calc(100% + 7px);max-height:min(420px,60vh);padding:7px!important;border:1px solid var(--chat-line)!important;border-radius:14px!important;background:#0b141e!important;box-shadow:0 18px 44px rgba(0,0,0,.42)!important;backdrop-filter:none!important}.chat-page .chat-search-wrap .user-results h3{margin:4px 7px 6px!important;color:var(--chat-muted)!important;font-size:.67rem!important;font-weight:750!important;letter-spacing:.09em!important;text-transform:uppercase}.chat-page .chat-search-wrap .user-result-row{min-height:54px;padding:5px 6px!important;border:0!important;border-radius:11px!important;background:transparent!important}.chat-page .chat-search-wrap .user-result-row:hover{background:rgba(148,163,184,.07)!important}.chat-page .chat-search-wrap .user-result-avatar{width:38px;height:38px;min-width:38px}.chat-page .chat-search-wrap .user-result-copy strong{color:#edf4fb;font-size:.84rem}.chat-page .chat-search-wrap .user-result-copy>span{margin-top:2px;overflow:hidden;color:var(--chat-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.chat-page .chat-status{margin:-4px 6px 9px!important;color:#fbbf88!important;font-size:.73rem!important}.chat-page .chat-list{min-height:0;padding:0!important}.chat-page .chat-list>h3{margin:0 7px 6px!important;color:var(--chat-muted)!important;font-size:.67rem!important;font-weight:750!important;letter-spacing:.1em!important;text-transform:uppercase}.chat-page .chat-list-item{min-height:66px!important;margin:2px 0!important;padding:7px!important;border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;transition:background .15s ease,transform .15s ease!important}.chat-page .chat-list-item:hover{background:rgba(148,163,184,.067)!important;transform:none!important}.chat-page .chat-list-item.active{background:rgba(125,211,252,.09)!important}.chat-page .chat-list-item .chat-item{min-width:0;gap:10px!important}.chat-page .chat-avatar-wrap,.chat-page .chat-avatar{width:44px!important;height:44px!important;min-width:44px!important;border:0!important;border-radius:50%!important;box-shadow:none!important}.chat-page .chat-avatar{background:#142331!important}.chat-page .chat-list-item .chat-content{min-width:0;padding:0!important;text-align:left}.chat-page .chat-list-item .chat-content strong{color:#eaf2f8!important;font-size:.88rem!important;font-weight:680!important;letter-spacing:-.01em}.chat-page .chat-list-item .chat-content p,.chat-page .chat-list-item .chat-content span{color:var(--chat-muted)!important;font-size:.75rem!important}.chat-page .empty-chat{color:var(--chat-muted)!important;font-size:.83rem!important}.chat-page .chat-window{min-width:0;border:0!important;border-radius:0!important;background:var(--chat-canvas)!important;box-shadow:none!important}.chat-page .chat-window-top{min-height:64px!important;padding:9px clamp(14px,2.2vw,24px)!important;gap:10px!important;border:0!important;border-bottom:1px solid var(--chat-line)!important;background:rgba(5,10,16,.96)!important;box-shadow:none!important;backdrop-filter:blur(14px)}.chat-page .chat-header-avatar{width:40px!important;height:40px!important;min-width:40px!important;border:0!important;background:#142331!important;box-shadow:none!important}.chat-page .chat-info{min-width:0}.chat-page .chat-info h2{margin:0!important;color:var(--chat-ink)!important;font-size:.94rem!important;font-weight:700!important;letter-spacing:-.018em;line-height:1.25}.chat-page .chat-context-label,.chat-page .chat-info .status-msg{display:block;margin-top:2px;overflow:hidden;color:var(--chat-muted)!important;font-size:.68rem!important;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.chat-page .chat-more-btn{width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#a7b5c5!important;font-size:1.2rem!important;box-shadow:none!important}.chat-page .chat-more-btn:hover{background:rgba(148,163,184,.08)!important;color:#eef6fc!important}.chat-page .chat-actions-menu{min-width:150px;padding:6px!important;border:1px solid var(--chat-line)!important;border-radius:12px!important;background:#0c1620!important;box-shadow:0 18px 42px rgba(0,0,0,.4)!important}.chat-page .chat-actions-menu button{min-height:36px;padding:0 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#c8d3df!important;font-size:.78rem!important;text-align:left}.chat-page .chat-actions-menu button:hover{background:rgba(148,163,184,.08)!important}.chat-page .chat-actions-menu .btn-delete-chat,.chat-page .chat-actions-menu .btn-block{color:#fca5a5!important}.chat-page .chat-empty-state{max-width:360px;margin:auto;padding:28px;text-align:center}.chat-page .chat-empty-state:before{content:"•••";width:48px;height:42px;display:grid;place-items:center;margin:0 auto 16px;border-radius:15px 15px 15px 5px;background:rgba(125,211,252,.08);color:#8bd8f7;font-size:.9rem;letter-spacing:.16em}.chat-page .chat-empty-state h2{margin:0 0 6px;color:#e9f2f9;font-size:1.05rem;font-weight:700;letter-spacing:-.025em}.chat-page .chat-empty-state p{margin:0;color:var(--chat-muted);font-size:.82rem;line-height:1.55}.chat-page .messages{padding:22px clamp(14px,4vw,54px) 132px!important;background:radial-gradient(circle at 50% 42%,rgba(22,57,76,.09),transparent 36%),var(--chat-canvas)!important;scrollbar-color:rgba(148,163,184,.22) transparent}.chat-page .date-divider{margin:13px 0 18px!important}.chat-page .date-divider:before,.chat-page .date-divider:after{opacity:.35}.chat-page .date-divider span{padding:3px 8px!important;border:0!important;background:var(--chat-canvas)!important;color:#6f8094!important;font-size:.64rem!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase}.chat-page .message{width:fit-content;max-width:min(70%,620px)!important;margin:3px auto 3px 0!important;padding:9px 12px 7px!important;border:0!important;border-radius:17px 17px 17px 5px!important;background:#101a24!important;color:#e5edf5!important;box-shadow:none!important;transform:none!important}.chat-page .message.mine{margin-right:0!important;margin-left:auto!important;border-radius:17px 17px 5px!important;background:#173348!important;color:#f1f7fb!important}.chat-page .message p{margin:0!important;color:inherit!important;font-size:.9rem!important;font-weight:450!important;line-height:1.46!important;letter-spacing:-.008em;overflow-wrap:anywhere}.chat-page .message .timestamp{display:block;margin-top:4px!important;color:rgba(193,207,220,.55)!important;font-size:.61rem!important;line-height:1;text-align:right}.chat-page .message-menu-btn{opacity:0;border:0!important;background:transparent!important;color:#91a3b5!important;box-shadow:none!important;transition:opacity .13s ease,background .13s ease!important}.chat-page .message:hover .message-menu-btn,.chat-page .message-menu-btn:focus-visible,.chat-page .message-menu-btn[aria-expanded=true]{opacity:1}.chat-page .message-options-menu{border:1px solid var(--chat-line)!important;border-radius:13px!important;background:#0d1721!important;box-shadow:0 16px 38px rgba(0,0,0,.42)!important}.chat-page .blocked-banner{margin:0 auto 8px!important;border:0!important;border-radius:10px!important;background:rgba(127,29,29,.18)!important;color:#fca5a5!important;font-size:.76rem!important}.chat-page .composer-shell{width:min(760px,calc(100% - 32px))!important;left:50%!important;right:auto!important;bottom:max(12px,env(safe-area-inset-bottom,0px))!important;padding:6px 7px!important;border:1px solid rgba(148,163,184,.13)!important;border-radius:20px!important;background:rgba(11,20,29,.97)!important;box-shadow:0 14px 34px rgba(0,0,0,.36)!important;backdrop-filter:blur(14px)!important;transform:translate(-50%) translateZ(0)!important}.chat-page .message-form{gap:6px!important}.chat-page .message-form input[type=text],.chat-page .message-form input:not([type]){height:40px!important;padding:0 12px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:var(--chat-ink)!important;box-shadow:none!important}.chat-page .message-form input:focus{box-shadow:none!important}.chat-page .message-form button,.chat-page .voice-btn,.chat-page .voice-cancel-btn,.chat-page .media-tool-btn{width:auto!important;min-width:38px!important;height:38px!important;padding:0 11px!important;border:0!important;border-radius:12px!important;background:rgba(148,163,184,.075)!important;color:#c7d4df!important;font-size:.73rem!important;font-weight:720!important;box-shadow:none!important}.chat-page .message-form button[type=submit]{background:#d9f3ff!important;color:#09202d!important}.chat-page .message-form button:hover:not(:disabled),.chat-page .voice-btn:hover:not(:disabled),.chat-page .voice-cancel-btn:hover:not(:disabled),.chat-page .media-tool-btn:hover:not(:disabled){border:0!important;background:rgba(148,163,184,.13)!important;transform:translateY(-1px)!important}.chat-page .message-form button[type=submit]:hover:not(:disabled){background:#eefaff!important}.chat-page .message-form button:disabled{opacity:.38}.chat-page .composer-tools-panel{border:0!important;background:transparent!important;box-shadow:none!important}@media (max-width: 860px){.chat-page{grid-template-columns:minmax(0,1fr)!important}.chat-page .chat-sidebar{padding:max(10px,env(safe-area-inset-top,0px)) 9px 10px!important;border-right:0!important}.chat-page .chat-sidebar-heading{padding-right:5px;padding-left:5px}.chat-page .chat-window-top{min-height:58px!important;padding:max(7px,env(safe-area-inset-top,0px)) 10px 7px!important}.chat-page .mobile-chat-back-btn{width:36px!important;height:36px!important;border:0!important;border-radius:10px!important;background:rgba(148,163,184,.07)!important;color:#d7e2eb!important}.chat-page .chat-header-avatar{width:36px!important;height:36px!important;min-width:36px!important}.chat-page .messages{padding:14px 10px 132px!important;background:var(--chat-canvas)!important}.chat-page .message{max-width:84%!important}.chat-page .composer-shell{width:calc(100vw - 16px)!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;padding:5px!important;border-radius:18px!important}.chat-page .message-form input[type=text],.chat-page .message-form input:not([type]){height:40px!important;padding:0 9px!important;font-size:16px!important}.chat-page .message-form button,.chat-page .voice-btn,.chat-page .voice-cancel-btn,.chat-page .media-tool-btn{min-width:36px!important;height:36px!important;padding:0 9px!important}}@media (max-width: 430px){.chat-page .chat-search{grid-template-columns:minmax(0,1fr) 54px!important}.chat-page .chat-search button{min-width:54px;padding:0 8px!important}.chat-page .message{max-width:88%!important;padding:8px 10px 7px!important}.chat-page .message-form .voice-btn{max-width:48px;overflow:hidden}}@media (hover: none),(pointer: coarse){.chat-page .message-menu-btn{opacity:.66}}@media (prefers-reduced-motion: reduce){.chat-page *,.chat-page *:before,.chat-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!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:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);contain:content;box-shadow:0 18px 42px rgba(0,0,0,.24)}.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 rgba(0,0,0,.22)}.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:rgba(226,232,240,.7);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:rgba(255,255,255,.2)}.btn-secondary{background:rgba(255,255,255,.06);color:#e2e8f0;border:1px solid rgba(255,255,255,.08)}.btn-secondary.following{background:rgba(34,197,94,.18);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:rgba(255,255,255,.04);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:rgba(255,255,255,.2)}.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:rgba(255,255,255,.04);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 rgba(0,0,0,.24)}.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 0;padding:14px;background:linear-gradient(180deg,transparent,rgba(2,6,23,.85));contain:content}.mini-card-overlay span{font-size:.72rem;color:rgba(226,232,240,.6);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:rgba(255,255,255,.05);cursor:pointer;transition:background .16s ease,transform .16s ease;transform:translateZ(0);backface-visibility:hidden;contain:content}.people-list button:hover{background:rgba(255,255,255,.09);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:rgba(255,255,255,.04);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}}.btn-danger{min-height:44px;padding:.75rem 1rem;border:1px solid rgba(255,92,118,.42);border-radius:999px;background:rgba(255,65,98,.12);color:#ff9aae;font:inherit;font-weight:700;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.btn-danger:hover:not(:disabled){transform:translateY(-1px);background:rgba(255,65,98,.2);border-color:rgba(255,112,137,.72)}.btn-danger:focus-visible{outline:3px solid rgba(255,92,118,.28);outline-offset:3px}.btn-danger:disabled{cursor:not-allowed;opacity:.62}.delete-account-error{margin:.85rem 0 0;padding:.75rem .9rem;border:1px solid rgba(255,92,118,.32);border-radius:14px;background:rgba(255,65,98,.1);color:#ffb2c0;font-size:.9rem}.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:rgba(148,163,184,.12);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:rgba(226,232,240,.62);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:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.075);box-shadow:0 10px 28px rgba(0,0,0,.16);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:rgba(203,213,225,.18)}.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:rgba(226,232,240,.56);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:rgba(226,232,240,.58);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:rgba(255,255,255,.035);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:rgba(148,163,184,.14);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:rgba(226,232,240,.56);font-size:.84rem}.request-actions{display:flex;gap:8px}.request-actions button{padding:9px 12px;background:#f8fafc;color:#07111f}.request-actions .muted{background:rgba(255,255,255,.07);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:rgba(203,213,225,.16);box-shadow:0 12px 30px rgba(0,0,0,.2)}.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,rgba(51,65,85,.9),rgba(15,23,42,.92));contain:content}.dashboard-post-card div:last-child{padding:14px;contain:content}.dashboard-post-card span{color:rgba(226,232,240,.62);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:rgba(226,232,240,.5);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:rgba(167,243,208,.12);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:rgba(255,255,255,.68);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%),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.request-empty-card h2{margin:0 0 8px}.request-empty-card p{color:rgba(255,255,255,.62)}.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%),rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 45px rgba(0,0,0,.28);transition:all .22s ease;animation:fadeSlideIn .35s ease}.request-card:hover{transform:translateY(-4px);border-color:rgba(167,243,208,.35);box-shadow:0 26px 60px rgba(0,0,0,.4)}.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 rgba(59,130,246,.35)}.request-info h3{margin:0 0 4px}.request-info p{margin:0;color:rgba(255,255,255,.7)}.request-info small{display:block;margin-top:6px;color:rgba(255,255,255,.45)}.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 rgba(52,211,153,.25)}.approve-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(52,211,153,.4)}.reject-btn{background:rgba(255,255,255,.06);color:#fff}.reject-btn:hover{transform:translateY(-2px);background:rgba(239,68,68,.9);border-color:rgba(248,113,113,.6)}@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:rgba(2,6,23,.82);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:rgba(203,213,225,.48);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:rgba(15,23,42,.92);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:rgba(15,23,42,.68);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:rgba(148,163,184,.18);border-radius:999px}.room-item{position:relative!important;isolation:isolate;z-index:1;min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border-radius:26px;overflow:visible!important;background:rgba(15,23,42,.52);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:rgba(15,23,42,.72);border-color:rgba(148,163,184,.18)}.room-item.active{background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(16,185,129,.08));border-color:rgba(103,232,249,.28)}.room-item-main{min-width:0;display:flex;align-items:center;gap:14px;flex:1 1 auto}.room-image-wrap{position:relative;width:58px;height:58px;min-width:58px;border-radius:18px;overflow:hidden;background:rgba(2,6,23,.88);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;flex:1 1 auto}.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}.room-item>.room-card-menu-wrap{margin-left:auto;align-self:center}@media (min-width: 761px){.room-card-menu-wrap,.room-card-menu-btn{display:inline-flex!important;opacity:1!important;visibility:visible!important}}.chat{position:relative;width:100%;height:100%;min-width:0;max-height:100%;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,rgba(2,6,23,.72),rgba(2,6,23,.94))}.chat-header{position:relative;z-index:200;flex:0 0 auto;height:var(--header-height);display:flex;align-items:center;background:linear-gradient(180deg,rgba(2,6,23,.72),rgba(2,6,23,.94));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:rgba(15,23,42,.92);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:rgba(15,23,42,.92)}.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:rgba(15,23,42,.92);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:rgba(2,6,23,.98);border:1px solid rgba(148,163,184,.16);box-shadow:0 30px 90px rgba(0,0,0,.48);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:rgba(15,23,42,.72);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:rgba(30,41,59,.92);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:rgba(148,163,184,.18);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,rgba(15,23,42,.92),rgba(2,6,23,.98));border:1px solid rgba(148,163,184,.08);box-shadow:0 14px 34px rgba(0,0,0,.18);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,rgba(14,165,233,.18),rgba(16,185,129,.12));border-color:rgba(103,232,249,.14)}.msg b{display:block;margin-bottom:5px;color:rgba(226,232,240,.54);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:rgba(2,6,23,.92);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:rgba(2,6,23,.92);contain:layout paint;transform:translateZ(0);backface-visibility:hidden}.room-video-play-badge{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:52px;height:52px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.48);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:rgba(127,29,29,.82);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,rgba(2,6,23,.88),rgba(2,6,23,.98));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 rgba(0,0,0,.32)}.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:rgba(15,23,42,.96)!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:rgba(15,23,42,.92);color:#fff;font-size:1.1rem;font-weight:900;cursor:pointer;isolation:isolate}.room-media-picker-btn input[type=file]{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left: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,rgba(123,240,255,.89),#6e63a2);color:#04111d;font-size:.84rem;font-weight:950;cursor:pointer}.room-media-viewer{position:fixed;top:0;right:0;bottom:0;left: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%),rgba(0,0,0,.94);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:rgba(2,6,23,.98);border:1px solid rgba(148,163,184,.16);box-shadow:0 34px 120px rgba(0,0,0,.68)}.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,rgba(15,23,42,.98),rgba(2,6,23,.92));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:rgba(248,250,252,.92);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:rgba(255,255,255,.08);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:rgba(255,255,255,.08);color:#fff;cursor:pointer;transition:transform .16s ease,background .16s ease}.room-media-viewer-topbar button:hover{transform:translateY(-1px);background:rgba(255,255,255,.14)}.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,rgba(15,23,42,.48),#000 72%)}.older-messages-loading{margin:8px auto 12px;padding:7px 12px;border-radius:999px;background:rgba(15,23,42,.72);color:rgba(226,232,240,.78);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:rgba(15,23,42,.72)}.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:rgba(2,6,23,.58);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:rgba(15,23,42,.82)}.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;top:0;right:0;bottom:0;left: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%),rgba(2,6,23,.92);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:rgba(2,6,23,.98);border:1px solid rgba(148,163,184,.16);box-shadow:0 34px 120px rgba(0,0,0,.68)}.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:rgba(125,211,252,.92);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:rgba(15,23,42,.92);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:rgba(148,163,184,.18);border-radius:999px}.room-media-grid-item{position:relative;aspect-ratio:1;overflow:hidden;background:rgba(15,23,42,.92);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;top:0;right:0;bottom:0;left:0;margin:auto;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.52);color:#fff;backdrop-filter:blur(10px)}.room-media-grid-file-item{background:linear-gradient(180deg,rgba(15,23,42,.98),#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:rgba(226,232,240,.68);font-size:.92rem;font-weight:800}.standalone-media-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:950000;background:rgba(2,6,23,.96);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:rgba(2,6,23,.96)}.standalone-media-close{width:42px;height:42px;border:0;border-radius:999px;display:grid;place-items:center;background:rgba(15,23,42,.92);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;top:0;right:0;bottom:0;left:0;margin:auto;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:rgba(0,0,0,.52);color:#fff}.members-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700000;display:grid;place-items:center;padding:18px;background:rgba(2,6,23,.82);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:rgba(2,6,23,.98);border:1px solid rgba(148,163,184,.16);box-shadow:0 30px 100px rgba(0,0,0,.56)}.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:rgba(127,29,29,.72);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:rgba(15,23,42,.72);color:#fff;font-size:16px}.create-form input::placeholder,.invite-search-row input::placeholder,.invite-link-inline input::placeholder{color:rgba(203,213,225,.48)}.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:34px;border:1px solid rgba(148,163,184,.14);border-radius:999px;padding:0 12px;background:rgba(15,23,42,.82);color:rgba(248,250,252,.92);font-size:.72rem;font-weight:850;letter-spacing:-.01em;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}.create-form button:hover,.invite-search-row button:hover,.invite-link-inline button:hover,.invite-send-btn:hover,.unhide-room-btn:hover,.approve-request-btn:hover{background:rgba(30,41,59,.94);border-color:rgba(103,232,249,.18);color:#fff}.create-form button:active,.invite-search-row button:active,.invite-link-inline button:active,.invite-send-btn:active,.unhide-room-btn:active,.approve-request-btn:active{transform:scale(.96)}.delete-room-btn,.member-remove-btn{min-height:32px;border:1px solid rgba(248,113,113,.12);border-radius:999px;padding:0 12px;background:rgba(127,29,29,.18);color:rgba(254,202,202,.92);font-size:.7rem;font-weight:850;letter-spacing:-.01em;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .16s ease,border-color .16s ease,transform .16s ease}.delete-room-btn:hover,.member-remove-btn:hover{background:rgba(127,29,29,.32);border-color:rgba(248,113,113,.22)}.delete-room-btn:active,.member-remove-btn:active{transform:scale(.96)}.create-room-image-picker,.edit-room-field-label{display:grid;gap:8px;color:rgba(203,213,225,.68);font-size:.82rem;font-weight:850}.create-room-image-picker input[type=file]{width:100%;padding:10px;border-radius:16px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.14);color:rgba(203,213,225,.68)}.create-room-image-preview-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:18px;background:rgba(15,23,42,.58);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:rgba(15,23,42,.92);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:rgba(203,213,225,.58);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:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.12);color:rgba(226,232,240,.72);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:rgba(15,23,42,.58);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,.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:rgba(203,213,225,.58);font-size:.76rem}.hidden-room-row>div:first-child{flex:1 1 auto;min-width:0}.hidden-room-row .unhide-room-btn{flex:0 0 auto;white-space:nowrap}.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:rgba(15,23,42,.58);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:rgba(34,211,238,.14);color:#67e8f9;font-size:.68rem;font-weight:900}.invite-link-auto-accept-content small{color:rgba(203,213,225,.68);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:rgba(127,29,29,.28);color:#fecaca}.code-box{background:rgba(15,23,42,.58);color:rgba(203,213,225,.72)}.empty,.member-empty,.active-room-info-empty,.standalone-media-empty{padding:24px 16px;text-align:center;color:rgba(203,213,225,.66);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:rgba(15,23,42,.92);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:rgba(2,6,23,.98);border:1px solid rgba(148,163,184,.16);box-shadow:0 30px 90px rgba(0,0,0,.48)}.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:rgba(15,23,42,.72);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:rgba(15,23,42,.82);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:rgba(30,41,59,.94);border-color:rgba(148,163,184,.22)}.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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,rgba(2,6,23,.68),rgba(2,6,23,.34),rgba(2,6,23,.16)),linear-gradient(180deg,rgba(2,6,23,.02),rgba(2,6,23,.68))}.room-item.room-image-full-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left: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:rgba(248,250,252,.82)}.active-room-info-shell{position:fixed;top:0;right:0;bottom:0;left: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:rgba(2,6,23,.88);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:rgba(8,13,28,.98);border:1px solid rgba(148,163,184,.18);box-shadow:0 30px 100px rgba(0,0,0,.56)}.active-room-info-cover{flex:0 0 220px;height:220px;display:grid;place-items:center;overflow:hidden;background:rgba(15,23,42,.92);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:rgba(125,211,252,.92);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:rgba(203,213,225,.7);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:rgba(255,255,255,.08);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:rgba(15,23,42,.82);color:#fff;text-align:center;font-size:.68rem;font-weight:900;cursor:pointer}.active-room-info-row.open{background:linear-gradient(135deg,rgba(14,165,233,.28),rgba(34,197,94,.16))}.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:rgba(2,6,23,.58);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:rgba(15,23,42,.72)}.active-room-info-avatar{width:44px;height:44px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:rgba(30,41,59,.92);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:rgba(203,213,225,.62);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;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:rgba(0,0,0,.28);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:rgba(2,6,23,.78);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 rgba(0,0,0,.22);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:rgba(15,23,42,.96);border-color:rgba(103,232,249,.28)}.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,rgba(2,6,23,.84),rgba(2,6,23,.98));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 rgba(0,0,0,.34)}.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:rgba(15,23,42,.96)!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;top:0!important;right:0!important;bottom:0!important;left: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:rgba(255,255,255,.24)}.room-info span,.member-row small,.active-room-info-person p{color:rgba(255,255,255,.84)}}.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,rgba(15,23,42,.78),rgba(2,6,23,.9));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(148,163,184,.14);box-shadow:0 20px 60px rgba(0,0,0,.38)}.glass-pill{background:rgba(15,23,42,.72);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:rgba(255,255,255,.08);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 rgba(34,197,94,.16),0 0 16px rgba(34,197,94,.6)}.typing-indicator{display:inline-flex;align-items:center;gap:5px}.typing-indicator span{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.7);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:rgba(255,255,255,.06)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left: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 rgba(0,0,0,.22)}.shadow-medium{box-shadow:0 20px 60px rgba(0,0,0,.34)}.shadow-heavy{box-shadow:0 30px 100px rgba(0,0,0,.5)}.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:rgba(15,23,42,.74);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:rgba(203,213,225,.62);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:rgba(2,6,23,.92)}.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:rgba(148,163,184,.22);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.34)}::-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:rgba(226,232,240,.78);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:rgba(2,6,23,.72);border:1px solid rgba(148,163,184,.14);box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 28px rgba(0,0,0,.2)}.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:rgba(203,213,225,.66);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:rgba(255,255,255,.055)}.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,rgba(34,211,238,.24),rgba(34,197,94,.16));box-shadow:inset 0 0 0 1px rgba(103,232,249,.18),0 8px 20px rgba(34,211,238,.08)}.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:500!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;visibility:visible!important}.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:rgba(15,23,42,.82);color:rgba(248,250,252,.92);box-shadow:0 8px 18px rgba(0,0,0,.22);cursor:pointer;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;visibility:visible!important;opacity:1!important}.room-card-menu-btn:hover,.room-card-menu-btn[aria-expanded=true]{background:rgba(30,41,59,.96);border-color:rgba(103,232,249,.26);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:rgba(2,6,23,.98);border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 70px rgba(0,0,0,.46);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:rgba(226,232,240,.86);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:rgba(15,23,42,.86);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:rgba(2,6,23,.96)!important;border:1px solid rgba(148,163,184,.14)!important;box-shadow:0 16px 42px rgba(0,0,0,.36)!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:rgba(15,23,42,.92)!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:rgba(226,232,240,.86)!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:rgba(127,29,29,.9)!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:rgba(148,163,184,.16)!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}.messages{display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:hidden!important;overflow-anchor:none!important}.messages:before{content:""!important;display:block!important;margin-top:auto!important;flex:1 0 auto!important;min-height:0!important;pointer-events:none!important}.messages .msg{flex:0 0 auto!important}.reel-detail-page{min-height:100vh;padding:28px;background:#07111f;color:#fff;overflow-x:hidden;contain:layout style}.reel-back-btn{border:0;background:rgba(255,255,255,.08);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:rgba(255,255,255,.12)}.reel-detail-layout{display:grid;grid-template-columns:minmax(320px,520px) 1fr;gap:34px;align-items:start;contain:layout}.reel-media-panel{background:rgba(255,255,255,.05);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:rgba(167,243,208,.14);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:rgba(255,255,255,.86)}.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:rgba(255,255,255,.96)}.reel-comment-list{display:grid;gap:12px;contain:layout}.reel-comment{background:rgba(255,255,255,.06);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:rgba(255,255,255,.6)}@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:rgba(255,255,255,.04);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:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.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:rgba(255,255,255,.05);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:rgba(255,255,255,.04);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:rgba(255,255,255,.08);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:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.06);border-radius:22px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.28);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 rgba(0,0,0,.4);border-color:rgba(255,255,255,.14)}.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:rgba(255,255,255,.05);color:#e5e7eb;border:1px solid rgba(255,255,255,.08)}.news-actions button:hover{background:rgba(255,255,255,.1)}.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;top:0;right:0;bottom:0;left: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;top:0;right:0;bottom:0;left: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;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.64),transparent 80%);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,rgba(15,23,42,.86),rgba(15,23,42,.58));border:1px solid rgba(255,255,255,.085);box-shadow:0 22px 62px rgba(0,0,0,.28);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:rgba(56,189,248,.12);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:rgba(226,232,240,.66);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,rgba(15,23,42,.86),rgba(15,23,42,.62));border:1px solid rgba(255,255,255,.085);box-shadow:0 20px 56px rgba(0,0,0,.28);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:rgba(255,255,255,.055);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:rgba(15,23,42,.72);backdrop-filter:blur(8px);contain:content;color:#e5edf8;display:flex;align-items:center;gap:16px;box-shadow:0 20px 48px rgba(2,6,23,.22)}.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 rgba(15,23,42,.14);overflow:hidden;animation:premiumBookFloat 1.8s ease-in-out infinite;transform:translateZ(0);display:block}.premium-book-loader:after{content:"";position:absolute;top:0;right:0;bottom:0;left: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:rgba(15,23,42,.22);box-shadow:0 8px rgba(15,23,42,.14),0 16px rgba(15,23,42,.1)}.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:rgba(56,189,248,.46);background:rgba(255,255,255,.075)}.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:rgba(203,213,225,.45)}.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:rgba(255,255,255,.075);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:rgba(255,255,255,.055);color:rgba(226,232,240,.76);padding:8px 12px;font-size:.82rem}.quick-searches button:hover{background:rgba(56,189,248,.12);border-color:rgba(125,211,252,.24);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:rgba(148,163,184,.3);border-radius:999px}.category-btn{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:rgba(226,232,240,.75);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:rgba(56,189,248,.12);border-color:rgba(125,211,252,.25);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 rgba(56,189,248,.25)}.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:rgba(255,255,255,.05);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:rgba(56,189,248,.46);background:rgba(255,255,255,.075)}.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:rgba(2,6,23,.34);box-shadow:inset 0 1px rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.14);contain:layout}.access-filter-btn{min-height:38px;width:100%;border:0;border-radius:15px;padding:9px 10px;background:transparent;color:rgba(226,232,240,.68);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:rgba(255,255,255,.067);color:#fff}.access-filter-btn.active{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff;box-shadow:0 10px 24px rgba(56,189,248,.24)}.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:rgba(15,23,42,.8);border-radius:999px}.book-row-scroll::-webkit-scrollbar-thumb{background:rgba(148,163,184,.34);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,rgba(15,23,42,.84),rgba(15,23,42,.56));box-shadow:0 18px 46px rgba(0,0,0,.26);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:rgba(125,211,252,.22);box-shadow:0 28px 72px rgba(0,0,0,.38)}.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;top:0;right:0;bottom:0;left: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 rgba(56,189,248,.22);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:rgba(203,213,225,.7);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:rgba(226,232,240,.62);background:rgba(255,255,255,.055);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 rgba(56,189,248,.2)}.read-book-actions button{background:rgba(255,255,255,.08);color:#e5e7eb}.read-book-actions a:hover,.read-book-actions button:hover{box-shadow:0 8px 18px rgba(0,0,0,.18)}.read-book-actions a:active,.read-book-actions button:active{transform:translateZ(0) scale(.98);opacity:.84}.read-books-status{text-align:center;color:rgba(203,213,225,.72);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;top:0;right:0;bottom:0;left: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;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 72%);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,rgba(8,13,25,.84),rgba(2,6,23,.66));box-shadow:0 14px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06);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,rgba(8,13,25,.86),rgba(2,6,23,.68));text-align:center;box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06);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:rgba(226,232,240,.64);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 rgba(56,189,248,.06);border-top-color:rgba(56,189,248,.82);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 rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06)}.menu-btn,.reader-icon-btn,.reader-topbar>button{width:44px;height:44px;border:0;border-radius:16px;background:rgba(8,13,25,.78);color:#f8fafc;font-weight:950;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 18px rgba(0,0,0,.18);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:rgba(15,23,42,.88);border-color:rgba(148,163,184,.2);box-shadow:0 10px 22px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.07)}.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:rgba(226,232,240,.6);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,rgba(8,13,25,.9),rgba(2,6,23,.76))}.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:rgba(56,189,248,.055);color:rgba(191,219,254,.86);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:rgba(226,232,240,.68);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:rgba(8,13,25,.68);color:rgba(248,250,252,.82);box-shadow:inset 0 1px rgba(255,255,255,.06);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:rgba(8,13,25,.76);color:#f8fafc;font-size:.86rem;font-weight:950;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.18);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:rgba(15,23,42,.88);border-color:rgba(148,163,184,.2);box-shadow:0 10px 22px rgba(0,0,0,.22)}.reader-bookmark-btn.active,.reader-hero-bookmark-btn.active{background:linear-gradient(135deg,rgba(56,189,248,.9),rgba(34,197,94,.78));color:#fff;box-shadow:0 10px 22px rgba(0,0,0,.18),0 0 16px rgba(56,189,248,.08)}.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 rgba(0,0,0,.22),0 0 14px rgba(56,189,248,.055);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:rgba(226,232,240,.62);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 rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.055)}.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:rgba(8,13,25,.7);display:inline-flex;align-items:center;justify-content:center;color:rgba(226,232,240,.62);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:rgba(8,13,25,.76);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 rgba(255,255,255,.06),0 7px 16px rgba(0,0,0,.16);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:rgba(15,23,42,.88);border-color:rgba(148,163,184,.2);box-shadow:0 10px 22px rgba(0,0,0,.22)}.reader-menu-active{background:linear-gradient(135deg,rgba(56,189,248,.9),rgba(34,197,94,.78))!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:rgba(226,232,240,.64);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:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 10px rgba(0,0,0,.35);contain:paint}.reader-progress>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(56,189,248,.86),rgba(34,197,94,.78));box-shadow:0 0 10px rgba(34,197,94,.12);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:rgba(226,232,240,.6);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:rgba(248,250,252,.92);font-family:Georgia,Times New Roman,serif;transform-origin:center left;will-change:auto;contain:content;box-shadow:0 16px 38px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06)}.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:rgba(248,250,252,.78)}.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,rgba(56,189,248,.9),rgba(34,197,94,.78))}.reader-retry-btn.secondary{background:rgba(8,13,25,.76)}.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:rgba(255,255,255,.78);color:#0f172a;border-color:rgba(15,23,42,.08);box-shadow:0 10px 24px rgba(15,23,42,.08);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:rgba(15,23,42,.62)}.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:rgba(15,23,42,.08);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:rgba(53,39,25,.72);border-color:rgba(250,204,21,.1)}@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 rgba(0,0,0,.26)}.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 rgba(0,0,0,.26)}.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 rgba(14,165,233,.28);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,rgba(15,23,42,.96),rgba(15,23,42,.82));border:1px solid rgba(148,163,184,.12);box-shadow:0 24px 60px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.04);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:rgba(226,232,240,.78);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:rgba(226,232,240,.72);font-weight:800}.post-ai-loading{display:flex;align-items:center;gap:10px;color:rgba(226,232,240,.78)}.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:rgba(255,255,255,.06);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 rgba(14,165,233,.18)}.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:rgba(255,255,255,.96);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:rgba(56,189,248,.9);box-shadow:0 0 0 2px rgba(56,189,248,.14)}.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}}:root{--page-bg: #02070d;--page-bg-raised: #08111b;--page-text: #f6f8fb;--page-muted: #94a3b8;--page-subtle: #64748b;--page-accent: #7dd3fc;--page-line: rgba(148, 163, 184, .12);--page-hover: rgba(148, 163, 184, .07);--page-gutter: clamp(16px, 3vw, 42px);--page-section-gap: clamp(24px, 4vw, 48px);--page-radius: clamp(14px, 1.4vw, 20px)}:where(.books-page,.reader-page,.read-books-page,.news-page,.feed-topics-page,.saved-page,.profile-page,.creator-profile-container,.follow-requests-page,.chat-page,.rooms-page,.comments-page,.reel-detail-page,.post-ai-page,.create-page,.creator-dashboard-page,.quiz-page,.legal-page,.login-page,.register-page,.auth-shell,.room-invite-page){color:var(--page-text);background-color:var(--page-bg);background-image:none}:where(.books-page,.reader-page,.read-books-page,.news-page,.feed-topics-page,.saved-page,.profile-page,.creator-profile-container,.follow-requests-page,.chat-page,.rooms-page,.comments-page,.reel-detail-page,.post-ai-page,.create-page,.creator-dashboard-page,.quiz-page,.legal-page,.login-page,.register-page,.auth-shell,.room-invite-page) :where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--page-accent);outline-offset:3px}:where(.books-page,.read-books-page,.news-page,.feed-topics-page,.saved-page,.profile-page,.creator-profile-container,.follow-requests-page,.comments-page,.reel-detail-page,.post-ai-page,.create-page,.creator-dashboard-page,.quiz-page,.legal-page) :where(button,a){transition-duration:.16s}.books-page{padding:clamp(18px,3vw,38px) var(--page-gutter) 80px}.books-hero{min-height:0;margin-bottom:var(--page-section-gap);gap:clamp(22px,4vw,48px)}.books-hero>div:first-child,.books-hero-card,.books-card,.books-discover-panel{border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.books-hero>div:first-child,.books-hero-card,.books-card{padding:clamp(16px,2.2vw,26px)}.books-hero>div:first-child:after,.books-hero-card:after,.books-card:before{display:none}.books-hero>div:first-child:hover,.books-hero-card:hover,.books-card:hover{transform:none;background:var(--page-hover);box-shadow:none}.books-hero h1{font-size:clamp(2.1rem,4.5vw,4.3rem);line-height:.98;letter-spacing:-.055em}.books-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(250px,28vw,330px),1fr));gap:clamp(18px,2.5vw,30px)}.read-books-page{padding:clamp(18px,3vw,36px) var(--page-gutter) 80px}.read-books-hero{min-height:0;padding:clamp(18px,3vw,36px) 0;margin-bottom:clamp(18px,3vw,30px);border:0;background:transparent;box-shadow:none}.read-books-hero:after{display:none}.read-books-hero h1{font-size:clamp(2rem,4.2vw,4rem);line-height:1;letter-spacing:-.055em}.books-loading-card{border:0;background:rgba(148,163,184,.055);box-shadow:none}.reader-page .reader-surface-card{border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.reader-topbar,.reader-controls,.reader-focus-strip{background:color-mix(in srgb,currentColor 4%,transparent)}.reader-hero-card{padding:clamp(18px,3vw,34px)}.reader-hero-copy h1{font-size:clamp(1.9rem,4vw,3.7rem);letter-spacing:-.05em}.news-page{padding:clamp(18px,3vw,34px) var(--page-gutter) 80px}.news-hero{margin-bottom:18px;padding:8px 0 18px;border-bottom-color:var(--page-line)}.news-hero h1{margin:6px 0;font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.055em}.news-controls{gap:10px}.news-controls input,.news-controls select{border-color:transparent;border-radius:14px;background:rgba(148,163,184,.08)}.news-grid{gap:clamp(20px,2.7vw,32px)}.news-card{border:0;border-radius:var(--page-radius);background:transparent;box-shadow:none}.news-card:hover{transform:translateY(-2px);border-color:transparent;background:var(--page-hover);box-shadow:none}.news-card img,.missing-news-image{border-radius:var(--page-radius)}.news-card-body{padding:15px 2px 4px}.feed-topics-page{padding:clamp(16px,3vw,34px) var(--page-gutter) 80px}.feed-topics-hero{margin-bottom:clamp(18px,3vw,28px);padding:12px 0 4px}.feed-topics-hero h1{font-size:clamp(2.1rem,4.4vw,4.4rem);line-height:1;letter-spacing:-.06em;text-shadow:none}.feed-topics-hero p{margin-top:12px;line-height:1.6}.feed-topics-grid{grid-template-columns:repeat(auto-fit,minmax(clamp(220px,24vw,300px),1fr));gap:clamp(18px,2.6vw,30px)}.feed-topic-card{min-height:clamp(166px,18vh,220px);padding:clamp(17px,2vw,23px);border:0;border-radius:var(--page-radius);background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.feed-topic-card:before,.feed-topic-card:after{display:none}.feed-topic-icon{width:44px;height:44px;border:0;border-radius:14px;background:rgba(148,163,184,.08);box-shadow:none}.feed-topic-card:hover,.feed-topic-card:focus-visible{transform:translateY(-2px);border-color:transparent;background:var(--page-hover);box-shadow:none}.saved-page{padding:clamp(18px,3vw,34px) var(--page-gutter) 80px}.saved-hero{margin-bottom:20px;align-items:center}.saved-hero h1{margin:10px 0 8px;font-size:clamp(2rem,4.2vw,4rem);line-height:1;letter-spacing:-.055em}.saved-summary,.saved-card{border:0;background:transparent;box-shadow:none;backdrop-filter:none}.saved-summary{min-width:140px;padding:12px;text-align:right}.saved-summary strong{font-size:2rem}.saved-grid{gap:clamp(20px,2.6vw,30px)}.saved-card{grid-template-columns:clamp(110px,12vw,150px) 1fr;border-radius:var(--page-radius)}.saved-card:hover{transform:translateY(-2px);background:var(--page-hover);box-shadow:none}.saved-card-media{border-radius:var(--page-radius)}.profile-page,.creator-profile-container{padding-inline:var(--page-gutter)}.profile-hero{margin-bottom:clamp(22px,3vw,34px)}.profile-card,.profile-post-card,.creator-profile-container .profile-card{border:0;background:transparent;box-shadow:none;backdrop-filter:none}.profile-card:hover,.profile-post-card:hover{transform:translateY(-2px);background:var(--page-hover);box-shadow:none}.profile-header h1,.profile-hero h1{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.055em}.creator-grid{gap:clamp(18px,2.5vw,28px)}.follow-requests-page{padding:clamp(22px,4vw,44px) var(--page-gutter) 80px}.follow-requests-header{margin-bottom:22px}.follow-requests-header h1{margin:10px 0 8px;font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.055em}.request-list{gap:clamp(12px,2vw,18px)}.request-card,.request-empty-card{border:0;background:transparent;box-shadow:none;animation:none}.request-card:hover{transform:none;border-color:transparent;background:var(--page-hover);box-shadow:none}.request-avatar{border-radius:50%;background:#162335;box-shadow:none}.chat-page{background:var(--page-bg)}.chat-sidebar,.chat-window,.chat-window-top,.chat-search,.composer-shell{border-color:var(--page-line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.chat-sidebar,.chat-window{background:transparent}.chat-list-item{border:0;border-radius:14px;background:transparent;box-shadow:none}.chat-list-item:before,.chat-list-item:after{display:none}.chat-list-item:hover,.chat-list-item.active{transform:none;border-color:transparent;background:var(--page-hover);box-shadow:none}.chat-window-top{min-height:64px;padding-block:10px;background:var(--page-bg)}.rooms-page{background:var(--page-bg)}.rooms-page .sidebar,.rooms-page .chat,.rooms-page .chat-header{background:transparent;box-shadow:none}.rooms-page .sidebar,.rooms-page .chat-header{border-color:var(--page-line)}.rooms-page .room-item{border:0;border-radius:14px;background:transparent;box-shadow:none}.rooms-page .room-item:not(.room-image-full-card):before,.rooms-page .room-item:not(.room-image-full-card):after{display:none}.rooms-page .room-item:hover,.rooms-page .room-item.active{transform:none;border-color:transparent;background-color:var(--page-hover);box-shadow:none}.rooms-page .chat-header{min-height:64px;padding-block:10px}.comments-page{padding-inline:var(--page-gutter)}.comments-topbar{min-height:62px;padding-block:10px;border-bottom-color:var(--page-line);background:var(--page-bg);backdrop-filter:none}.comments-list{gap:8px}.comment-card,.comments-empty,.comments-loading{border:0;background:transparent;box-shadow:none}.comment-card:hover{background:var(--page-hover)}.reel-detail-page{padding:clamp(18px,3vw,34px) var(--page-gutter) 80px}.reel-media-panel,.reel-content-panel,.reel-comments{border:0;background:transparent;box-shadow:none}.reel-content-panel h1{font-size:clamp(1.8rem,3.4vw,3.2rem);letter-spacing:-.045em}.post-ai-page{padding:clamp(18px,3vw,34px) var(--page-gutter) 80px}.post-ai-shell{gap:clamp(18px,3vw,30px)}.post-ai-header{padding-block:6px}.post-ai-header h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.055em}.post-ai-header,.post-ai-original,.post-ai-card,.post-ai-chat{border:0;background:transparent;box-shadow:none;backdrop-filter:none}.post-ai-card,.post-ai-chat{padding-inline:0}.create-page{padding:clamp(18px,3vw,34px) var(--page-gutter) 80px}.create-hero,.create-hero.create-hero-minimal{min-height:0;margin-bottom:clamp(18px,3vw,30px);padding:8px 0}.create-hero>div:first-child,.create-form,.create-side{border:0;background:transparent;box-shadow:none;backdrop-filter:none}.create-hero>div:first-child{padding:0}.create-hero>div:first-child:before,.create-hero>div:first-child:after{display:none}.create-hero h1,.create-hero-minimal h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.055em}.create-layout{gap:clamp(24px,4vw,48px)}.creator-dashboard-page{padding:clamp(18px,3vw,34px) var(--page-gutter) 80px}.dashboard-hero{padding:8px 0;margin-bottom:20px}.dashboard-hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.055em}.dashboard-hero,.dashboard-stat,.dashboard-panel,.dashboard-post-card{border:0;background:transparent;box-shadow:none;backdrop-filter:none}.dashboard-grid,.dashboard-post-grid{gap:clamp(18px,2.5vw,28px)}.dashboard-post-card:hover{transform:translateY(-2px);background:var(--page-hover);box-shadow:none}.quiz-page{padding-inline:var(--page-gutter)}.quiz-hero,.progress-hero,.quiz-hero.game-profile-hero{min-height:0;margin-bottom:clamp(22px,3vw,34px);padding:clamp(20px,3vw,34px) 0;border:0;background:transparent;box-shadow:none}.quiz-hero:before,.quiz-hero:after,.progress-hero:after,.quiz-hero.game-profile-hero:before,.quiz-hero.game-profile-hero:after{display:none}.quiz-hero h1,.progress-hero h1,.quiz-hero.game-profile-hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1;letter-spacing:-.055em;text-shadow:none}.topic-card,.question-card,.result-card,.profile-overview-card,.unlock-section,.progress-dashboard>*{border:0;background-color:transparent;background-image:none;box-shadow:none;backdrop-filter:none}.topic-card:hover,.profile-overview-card:hover{transform:translateY(-2px);background:var(--page-hover);box-shadow:none}.quiz-page .topic-grid,.quiz-page .profile-overview-grid{gap:clamp(18px,2.5vw,28px)!important}.quiz-page .topic-card:before,.quiz-page .profile-overview-card:before{display:none}.login-page,.register-page,.auth-shell,.room-invite-page{padding:clamp(22px,4vw,48px) var(--page-gutter)}.login-hero h1,.register-card h1,.auth-card h1,.room-invite-card h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1;letter-spacing:-.05em}.login-card,.register-card,.auth-card,.room-invite-card{border:0;border-radius:var(--page-radius);background:rgba(148,163,184,.055);box-shadow:none;backdrop-filter:none}.login-card input,.register-card input,.auth-card input{border-color:transparent;background:rgba(148,163,184,.09)}.legal-page{padding:clamp(26px,5vw,64px) var(--page-gutter) 80px}.legal-container{max-width:780px;border:0;background:transparent;box-shadow:none}.legal-container h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1;letter-spacing:-.05em}@media (max-width: 760px){.news-hero,.saved-hero{align-items:flex-start}.news-controls,.saved-toolbar{grid-template-columns:1fr}.news-card.featured{grid-column:auto}.saved-summary{min-width:0;text-align:left}.saved-card{grid-template-columns:104px 1fr;min-height:178px}.saved-card-media :where(img,video,.saved-placeholder){min-height:178px}.request-card{padding:14px 4px}.books-hero>div:first-child,.books-hero-card,.books-card{padding-inline:4px}}@media (prefers-reduced-motion: reduce){:where(.books-page,.reader-page,.read-books-page,.news-page,.feed-topics-page,.saved-page,.profile-page,.creator-profile-container,.follow-requests-page,.chat-page,.rooms-page,.comments-page,.reel-detail-page,.post-ai-page,.create-page,.creator-dashboard-page,.quiz-page,.legal-page,.login-page,.register-page,.auth-shell,.room-invite-page) *,:where(.books-page,.reader-page,.read-books-page,.news-page,.feed-topics-page,.saved-page,.profile-page,.creator-profile-container,.follow-requests-page,.chat-page,.rooms-page,.comments-page,.reel-detail-page,.post-ai-page,.create-page,.creator-dashboard-page,.quiz-page,.legal-page,.login-page,.register-page,.auth-shell,.room-invite-page) *:before,:where(.books-page,.reader-page,.read-books-page,.news-page,.feed-topics-page,.saved-page,.profile-page,.creator-profile-container,.follow-requests-page,.chat-page,.rooms-page,.comments-page,.reel-detail-page,.post-ai-page,.create-page,.creator-dashboard-page,.quiz-page,.legal-page,.login-page,.register-page,.auth-shell,.room-invite-page) *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;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:rgba(15,23,42,.92);color:#fff;box-shadow:0 20px 55px rgba(0,0,0,.35);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:rgba(255,255,255,.72);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 rgba(37,99,235,.35)}.install-popup button:last-of-type{background:rgba(255,255,255,.1);color:rgba(255,255,255,.85)}.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:rgba(7,17,31,.76);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 rgba(96,165,250,.28)}.quick-icon-link{position:relative;width:46px;height:46px;flex-shrink:0;border-radius:16px;display:grid;place-items:center;text-decoration:none;background:rgba(255,255,255,.08);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:rgba(255,255,255,.08);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:rgba(255,255,255,.08);color:rgba(255,255,255,.7);font-size:.78rem}button{font-family:inherit}.topbar{position:sticky;top:0;z-index:100;padding:16px 22px 14px;background:linear-gradient(180deg,rgba(3,7,18,.94),rgba(7,17,31,.82)),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 rgba(0,0,0,.28)}.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 rgba(52,211,153,.65),0 0 34px rgba(96,165,250,.35)}.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:rgba(226,232,240,.62);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 rgba(157,157,157,.71);padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.055);color:rgba(248,250,252,.9);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 rgba(139,163,154,.835)}.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:rgba(226,232,240,.72);background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(17,24,39,.96));border:1px solid rgba(96,165,250,.08);box-shadow:inset 0 1px rgba(255,255,255,.02),0 8px 20px rgba(2,6,23,.18);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;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(96,165,250,.14),rgba(37,99,235,.08));opacity:0;transition:none}.topnav a:hover{color:#f8fbff;border-color:rgba(96,165,250,.24);background:linear-gradient(180deg,rgba(20,32,58,.98),#0f172a);box-shadow:inset 0 1px rgba(255,255,255,.03),0 10px 24px rgba(37,99,235,.12)}.topnav a:hover:before{opacity:0}.topnav a.active{background:linear-gradient(135deg,rgba(30,41,59,.98),rgba(30,64,175,.72));color:#f8fbff;border-color:rgba(96,165,250,.24);box-shadow:inset 0 1px rgba(255,255,255,.04),0 12px 28px rgba(37,99,235,.16)}.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 rgba(52,211,153,.22)}.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}}