.auth-shell{grid-template-columns:1.08fr 1fr;min-height:100dvh;display:grid}.auth-story{border-right:1px solid var(--stroke);background:radial-gradient(at 35% 48%,#11377388,#0000 57%),radial-gradient(at 90% 90%,#8b3dff1c,#0000 60%),#071229;flex-direction:column;padding:44px 55px 28px;display:flex;position:relative;overflow:hidden}.auth-story:before{content:"";pointer-events:none;background-image:linear-gradient(#97a4bc07 1px,#0000 1px),linear-gradient(90deg,#97a4bc07 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.auth-story>.brand,.auth-story-main,.auth-footer{z-index:1;position:relative}.auth-story-main{max-width:520px;margin:auto;padding-top:60px}.auth-story h1{letter-spacing:-1.7px;margin:26px 0 20px;font-size:45px;line-height:1.22}.auth-story h1 span{color:#0000;background:linear-gradient(90deg,#18d5ff,#0b91ff 50%,#b157ff);-webkit-background-clip:text;background-clip:text}.auth-story-main>p{color:#97a4bc;max-width:390px;font-size:15px;line-height:1.9}.auth-art{height:280px;margin-top:20px;position:relative}.art-core{background:linear-gradient(145deg,#102f57,#08142b);border:1px solid #18d5ff44;border-radius:36px;place-items:center;width:140px;height:140px;display:grid;position:absolute;top:60px;left:calc(50% - 70px);transform:rotate(-8deg);box-shadow:0 0 100px #0b91ff22}.art-core img{width:100px;transform:rotate(8deg)}.art-orbit{border:1px solid #0b91ff25;border-radius:50%;width:250px;height:250px;position:absolute;top:10px;left:calc(50% - 125px)}.orbit-two{border-style:dashed;width:320px;height:320px;top:-25px;left:calc(50% - 160px)}.float-card{color:#18d5ff;background:#0c1a38e8;border:1px solid #294268;border-radius:14px;align-items:center;gap:12px;padding:13px 15px;animation:7s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 35px #0003}.float-card span{color:#f3f7ff;font-size:14px;font-weight:650}.float-card small{color:#97a4bc;margin-top:3px;font-size:12px;font-weight:400;display:block}.float-one{top:36px;left:-15px}.float-two{color:#ffc34a;animation-delay:-3s;bottom:23px;right:-8px}.auth-footer{color:#97a4bc;align-items:center;gap:9px;margin-top:35px;font-size:13px;display:flex}.auth-content{background:radial-gradient(ellipse at 100% 0, #8b3dff09, transparent 55%), var(--deep);flex-direction:column;justify-content:center;align-items:center;padding:55px 40px 20px;display:flex}.auth-form-wrap{width:100%;max-width:365px;margin:auto}.auth-form-wrap h2{letter-spacing:-1px;font-size:31px}.auth-description{margin-top:12px;font-size:15px}.auth-tabs{border-bottom:1px solid var(--stroke);margin:30px 0 25px;display:flex}.auth-tabs a{text-align:center;width:50%;color:var(--muted);padding:12px;font-size:15px}.auth-tabs .active{color:var(--cyan);border-bottom:2px solid var(--cyan)}.social-login{flex-direction:column;gap:12px;display:flex}.google-button{justify-content:center;min-height:44px;display:flex}.social-button{background:var(--panel);width:100%;font-size:15px;font-weight:500}.divider{color:var(--muted);align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--stroke);flex:1;height:1px}.password-field{position:relative}.password-field input{padding-right:45px}.password-toggle{color:var(--muted);background:0 0;border:0;height:21px;padding:0;position:absolute;bottom:12px;right:12px}.forgot-link{text-align:right;color:var(--cyan);margin-top:-9px;font-size:14px}.auth-bottom{text-align:center;margin-top:26px;font-size:14px}.auth-bottom a{color:var(--cyan);font-weight:650}.auth-copyright{margin-top:45px;font-size:12px}.back-link{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:25px;font-size:14px;display:flex}.otp-input{letter-spacing:15px;text-align:center;padding-left:25px;font-size:28px}.auth-form-wrap>.form-stack{margin-top:26px}.mobile-brand{display:none}@media (min-width:801px){.auth-shell{height:100dvh;overflow:hidden}.auth-story{height:100dvh}.auth-content{overscroll-behavior:contain;justify-content:flex-start;height:100dvh;overflow-y:auto}}@media (min-width:1500px){.auth-story{padding-left:10vw}.auth-story-main{margin-left:0}.auth-story h1{font-size:55px}}@media (max-width:1100px){.auth-story{padding:35px}.auth-story h1{font-size:36px}.float-one{left:-15px}.float-two{right:-15px}.float-card{gap:8px;padding:10px}}@media (max-width:800px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-content{min-height:100dvh;padding:30px 24px 20px}.mobile-brand{margin-bottom:45px;display:block}.auth-form-wrap{max-width:400px}.auth-form-wrap h2{font-size:28px}}
.app-shell{--sidebar-width:276px;min-height:100dvh}.product-art{border:1px solid var(--stroke);width:fit-content;min-width:100px;min-height:100px;color:var(--cyan);background:linear-gradient(135deg,#0b91ff12,#8b3dff12);border-radius:22px;justify-content:center;align-items:center;gap:5px;padding:10px;display:flex}.product-art img{object-fit:contain;filter:drop-shadow(0 5px 9px #0b91ff24);flex-shrink:0}.product-art-bundle{flex-wrap:wrap;max-width:200px}.product-art-bundle img{width:48px;height:48px}.product-art-gold_pack,.product-art-subscription{color:var(--gold)}.product-art-cosmetic{color:var(--purple)}.sidebar{width:var(--sidebar-width);background:var(--navy);border-right:1px solid var(--stroke);z-index:50;flex-direction:column;padding:32px 20px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar .brand{flex-shrink:0;margin:0 10px 35px}.sidebar-scroll{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.sidebar-scroll>*{flex-shrink:0}.friend-row .grow{overflow-wrap:anywhere}.friend-row>a:first-child{flex-shrink:0;display:flex}@media (max-width:550px){.friend-row{flex-wrap:wrap}.friend-row .grow{flex-basis:calc(100% - 70px)}}.nav-section{margin-bottom:23px}.nav-label{letter-spacing:1.5px;color:var(--muted);opacity:.7;margin:0 14px 10px;font-size:11px;font-weight:700;display:block}.nav-link{color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:11px 13px;font-size:15px;display:flex}.nav-link:hover{background:var(--soft);color:var(--text)}.nav-link.active{color:var(--cyan);background:linear-gradient(90deg,#0b91ff22,#0b91ff09);border-color:#0b91ff33}.nav-active-dot{background:var(--cyan);border-radius:50%;width:5px;height:5px;margin-left:auto}.premium-mini{background:linear-gradient(130deg,#8b3dff15,#0b91ff0b);border:1px solid #8b3dff40;border-radius:13px;margin-top:auto;padding:17px}.premium-mini>svg{color:var(--purple);margin-bottom:8px}.premium-mini strong{font-size:14px;display:block}.premium-mini p{margin:5px 0 13px;font-size:12px;line-height:1.7}.premium-mini span{color:var(--purple);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.nav-premium{color:var(--gold);margin-left:auto}.nav-premium+.nav-active-dot{margin-left:8px}.premium-badge{border:1px solid var(--gold);background:color-mix(in srgb, var(--gold) 16%, transparent);color:var(--gold);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.premium-gate{text-align:center;justify-items:center;gap:12px;max-width:520px;margin:40px auto;padding:36px 28px;display:grid}.premium-gate .icon-tile{color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent)}.allowance-notice{border-color:color-mix(in srgb, var(--gold) 45%, transparent);color:var(--text);gap:12px;margin-bottom:16px;font-size:14px;font-weight:650}.allowance-notice>svg{color:var(--gold);flex-shrink:0}.allowance-notice.exhausted{border-color:color-mix(in srgb, var(--red) 50%, transparent)}.allowance-notice.exhausted>svg{color:var(--red)}.benefit-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.benefit{border:1px solid var(--stroke);background:var(--soft);border-radius:14px;align-content:start;gap:4px;padding:14px;display:grid}.benefit strong{margin-top:8px;font-size:14px}.benefit small{color:var(--muted);font-size:12px;line-height:1.4}.benefit-icon{width:30px;height:30px;color:var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent);border-radius:8px;place-items:center;display:grid}.info-row{border-top:1px solid var(--stroke);align-items:center;gap:12px;padding:12px 0;display:flex}.info-row .grow{gap:2px;min-width:0;display:grid}.reward-summary{flex-wrap:wrap;justify-content:center;gap:10px;margin:14px 0 6px;display:flex}.reward-chip{--chip:var(--blue);border:1px solid color-mix(in srgb, var(--chip) 45%, transparent);background:color-mix(in srgb, var(--chip) 12%, transparent);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:inline-flex}.reward-chip>svg{color:var(--chip)}.reward-chip.xp{--chip:var(--purple)}.reward-chip.total{--chip:var(--cyan)}.reward-chip.gold{--chip:var(--gold)}.reward-chip.level{--chip:var(--green)}.badge-celebration{text-align:center;justify-items:center;gap:16px;animation:.45s cubic-bezier(.34,1.56,.64,1) badge-pop;display:grid}.badge-celebration-trophy{color:#241206;background:linear-gradient(135deg, #ffe29a, var(--gold));width:76px;height:76px;box-shadow:0 0 34px color-mix(in srgb, var(--gold) 55%, transparent);border-radius:50%;place-items:center;display:grid}.badge-celebration-list{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.badge-celebration-item{border:1px solid color-mix(in srgb, var(--gold) 40%, var(--stroke));background:var(--soft);border-radius:16px;justify-items:center;gap:4px;width:140px;padding:14px 10px;display:grid}.badge-celebration-item img{object-fit:contain;width:84px;height:84px}.badge-celebration-item small{color:var(--muted);font-size:12px;line-height:1.4}@keyframes badge-pop{0%{opacity:0;transform:scale(.85)}}.joker-button{border:1px solid var(--stroke);background:var(--soft);cursor:pointer;border-radius:16px;place-items:center;width:64px;height:64px;padding:0;transition:transform .15s,border-color .15s;display:grid}.joker-button:hover:not(:disabled){border-color:var(--gold);transform:translateY(-2px)}.joker-button:disabled{opacity:.5;cursor:not-allowed}.joker-button img{object-fit:contain;width:44px;height:44px}.logout{margin-top:14px}.app-main{margin-left:var(--sidebar-width)}.topbar{z-index:40;border-bottom:1px solid var(--stroke);background:var(--deep);justify-content:space-between;align-items:center;gap:15px;height:84px;padding:0 36px;display:flex;position:sticky;top:0}.topbar-greeting{color:var(--muted);font-size:13px}.topbar-greeting strong{color:var(--text);font-weight:500}.topbar-actions,.topbar-left{align-items:center;gap:16px;display:flex}.streak-pill{color:var(--orange);background:#ff8f3207;border:1px solid #ff8f3225;border-radius:9px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;display:flex}.streak-pill span{color:var(--muted)}.user-chip{border-left:1px solid var(--stroke);align-items:center;gap:10px;padding-left:16px;display:flex}.user-chip strong{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;display:block;overflow:hidden}.user-chip-name{align-items:center;gap:6px;display:flex}.premium-tick{object-fit:contain;vertical-align:middle;flex-shrink:0;width:20px;height:20px}.user-chip small{color:var(--muted);font-size:12px}.user-chip-xp{color:var(--gold);align-items:center;gap:3px;font-weight:650;display:inline-flex}.xp-panel{border:1px solid color-mix(in srgb, var(--gold) 35%, var(--stroke));background:color-mix(in srgb, var(--gold) 7%, var(--panel));border-radius:16px;gap:6px;min-width:230px;margin-left:auto;padding:18px 20px;display:grid}.xp-panel-label{color:var(--gold);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.xp-panel-value{letter-spacing:-.5px;font-size:32px;line-height:1.1}.xp-panel-level{color:var(--text);font-size:14px;font-weight:600}.xp-panel .progress span{background:linear-gradient(90deg, var(--gold), var(--orange))}.notification-button{position:relative}.notification-button i{background:var(--cyan);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:8px}.page-content{max-width:1500px;min-height:calc(100dvh - 150px);margin:auto;padding:34px 36px}.page-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.page-heading p{margin-top:9px;font-size:14px}.page-heading h1{font-size:29px}.page-heading .eyebrow{margin-bottom:9px;font-size:12px}.app-footer{border-top:1px solid var(--stroke);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:15px;padding:20px 36px;font-size:12px;display:flex}.hero{color:#f3f7ff;background:radial-gradient(at 85% 40%,#1b469b55,#0000 55%),linear-gradient(110deg,#0a2043,#101732);border:1px solid #22518a;border-radius:20px;justify-content:space-between;align-items:center;min-height:235px;margin-bottom:24px;padding:34px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:linear-gradient(#97a4bc06 1px,#0000 1px),linear-gradient(90deg,#97a4bc06 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:0}.hero-copy{z-index:1;max-width:460px}.hero h2{margin:14px 0 10px;font-size:30px;line-height:1.35}.hero h2 span{color:#18d5ff}.hero p{color:#97a4bc;max-width:330px;margin-bottom:22px;font-size:14px}.hero-art{place-items:center;width:190px;min-width:140px;margin:0 30px;display:grid;position:relative}.hero-art img{filter:drop-shadow(0 0 35px #0b91ff50);width:150px;animation:6s ease-in-out infinite float}.hero-art:before,.hero-art:after{content:"";border:1px solid #18d5ff22;border-radius:50%;width:190px;height:190px;position:absolute}.hero-art:after{border-style:dashed;width:240px;height:240px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 285px;gap:24px;display:grid}.dashboard-main,.dashboard-aside{flex-direction:column;gap:24px;display:flex}.feature-card{transition:transform .2s,border-color .2s;display:block}.feature-card:hover{border-color:var(--blue);transform:translateY(-4px)}.feature-top{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.icon-tile{width:45px;height:45px;color:var(--blue);background:#0b91ff18;border:1px solid #0b91ff25;border-radius:12px;place-items:center;display:grid}.feature-card.purple .icon-tile{color:var(--purple);background:#8b3dff18;border-color:#8b3dff25}.feature-card.gold .icon-tile{color:var(--gold);background:#ffc34a18;border-color:#ffc34a25}.feature-card p{margin-top:8px;font-size:13px}.feature-card h3{font-size:15px}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.subject-card{flex-direction:column;gap:15px;padding:21px;transition:border-color .2s;display:flex}.subject-card:hover{border-color:var(--cyan)}.subject-card img{object-fit:contain;width:52px;height:52px}.subject-card h3{font-size:15px}.subject-card p{font-size:12px}.subject-card-bottom{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.goal-ring{background:conic-gradient(var(--cyan) var(--progress), var(--stroke) 0);border-radius:50%;place-items:center;width:115px;height:115px;margin:20px auto;display:grid}.goal-ring>div{background:var(--panel);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:97px;height:97px;display:flex}.goal-ring strong{font-size:25px}.goal-ring small{color:var(--muted);font-size:12px}.goal-item{align-items:center;gap:10px;padding:13px 0;font-size:13px;display:flex}.goal-item span:first-child{background:var(--soft);width:27px;height:27px;color:var(--cyan);border-radius:8px;place-items:center;display:grid}.goal-item small{color:var(--muted);margin-left:auto}.tip-card{background:linear-gradient(135deg, #8b3dff17, var(--panel));border-color:#8b3dff33}.tip-card>svg{color:var(--purple)}.tip-card h3{margin:10px 0;font-size:15px}.tip-card p{font-size:14px;line-height:1.9}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat-card{align-items:center;gap:14px;padding:18px;display:flex}.stat-card .icon-tile{width:40px;height:40px}.stat-card .stat-value{font-size:22px}.stat-card .stat-label{font-size:12px}.app-shell .menu-button,.app-shell .close-menu,.sidebar-scrim{display:none}.feed-post{border-color:color-mix(in srgb, var(--post-accent,var(--stroke)) 45%, var(--stroke));margin-bottom:20px}.post-type-icon{color:var(--post-accent);flex-shrink:0}.post-title{margin-top:16px}.feed-post>.post-subtitle{color:var(--muted);margin:4px 0 0}.post-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.post-action{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;font-size:14px;display:inline-flex}.post-action:hover{background:var(--soft);color:var(--text)}.post-action.liked{color:var(--red)}.post-reactions{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.post-reaction{border:1px solid var(--stroke);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;padding:5px 10px;font-size:14px;transition:transform .15s,border-color .15s}.post-reaction:hover:not(:disabled){border-color:var(--post-accent);transform:translateY(-1px)}.post-reaction.selected{border-color:var(--post-accent);background:color-mix(in srgb, var(--post-accent) 22%, transparent)}.feed-post>p{margin:20px 0}.feed-post img{object-fit:contain;border-radius:12px;max-height:400px}.chat-layout{border:1px solid var(--stroke);border-radius:18px;grid-template-columns:280px 1fr;min-height:550px;display:grid;overflow:hidden}.chat-inbox{background:var(--panel);border-right:1px solid var(--stroke);padding:18px}.chat-panel{flex-direction:column;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--stroke);padding:20px}.chat-messages{flex-direction:column;flex:1;gap:12px;max-height:500px;padding:22px;display:flex;overflow-y:auto}.chat-bubble{background:var(--soft);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:14px;align-self:flex-start;max-width:85%;padding:12px 16px}.chat-bubble.mine{background:#0b91ff25;border:1px solid #0b91ff33;align-self:flex-end}.chat-compose{border-top:1px solid var(--stroke);gap:10px;padding:18px;display:flex}.chat-contact{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 5px;display:flex}.chat-contact.active{background:#0b91ff18}.chat-contact-text{flex:1;min-width:0}.chat-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.chat-preview.unread{color:var(--text);font-weight:650}.chat-unread{background:var(--blue);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:750;display:grid}.shop-price{color:var(--gold);margin:15px 0;font-size:24px;font-weight:750}.profile-hero{background:linear-gradient(120deg,#0b91ff13,#8b3dff10);flex-wrap:wrap;align-items:center;gap:24px;padding:32px;display:flex}.badges-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:15px;display:grid}@media (max-width:1400px){.badges-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1100px){.badges-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:650px){.badges-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:480px){.badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.achievement{text-align:center;padding:12px;font-size:13px}.achievement img{object-fit:contain;height:75px}.achievement.locked{opacity:.35;filter:grayscale()}@media (min-width:1600px){.app-shell{--sidebar-width:300px}.page-content{padding-top:45px}.sidebar{padding-left:27px;padding-right:27px}}@media (max-width:1200px){.app-shell{--sidebar-width:240px}.dashboard-columns{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.page-content{padding:27px 24px}.topbar{padding:0 24px}.hero-art{width:150px;margin:0 10px}.hero h2{font-size:26px}.hero-art img{width:120px}.hero-art:after{width:200px;height:200px}.hero-art:before{width:160px;height:160px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{padding:28px 15px}.topbar-greeting{display:none}.hero{padding:28px}.stat-grid{gap:10px}.stat-card{gap:9px;padding:13px}}@media (max-width:1000px){.dashboard-columns{grid-template-columns:1fr}.dashboard-aside{grid-template-columns:1fr 1fr;display:grid}.dashboard-aside>.card:last-child{grid-column:1/-1}.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar-actions{gap:10px}.user-chip>span:last-child{display:none}.chat-layout{grid-template-columns:210px 1fr}}@media (max-width:1100px){.app-shell{--sidebar-width:min(280px, 85vw)}.sidebar{visibility:hidden;transition:transform .2s;transform:translate(-100%)}.sidebar.open{visibility:visible;transform:translate(0)}.app-main{margin-left:0}.app-shell .menu-button{display:inline-flex}.app-shell .close-menu{display:inline-flex;position:absolute;top:12px;right:12px}.sidebar-scrim.visible{z-index:49;background:#030717bb;border:0;display:block;position:fixed;inset:0}.topbar{height:68px;padding:0 20px}.page-content{padding:26px 20px}.app-footer{padding:20px}.hero-art{margin-right:15px}.topbar-actions{gap:8px}.hero{min-height:230px}.hero h2{font-size:26px}}@media (max-width:560px){.page-content{padding:24px 16px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading .button{min-height:36px;padding:9px 11px;font-size:13px}.hero{min-height:240px;padding:24px}.hero h2{max-width:240px;font-size:25px}.hero-art{opacity:.35;pointer-events:none;width:125px;position:absolute;bottom:40px;right:-30px}.hero-art img{width:100px}.hero-copy{max-width:100%}.hero p{max-width:235px}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subject-card{padding:17px}.dashboard-aside{grid-template-columns:1fr}.dashboard-aside>.card:last-child{grid-column:auto}.stat-card{display:block}.stat-card .icon-tile{width:32px;height:32px;margin-bottom:10px}.stat-card .stat-value{font-size:19px}.stat-card .stat-label{font-size:12px}.streak-pill span{display:none}.topbar-actions{gap:3px}.user-chip{padding-left:9px}.topbar{padding:0 16px}.app-footer span:nth-child(2){display:none}.chat-layout{grid-template-columns:1fr}.chat-inbox{border-right:0;border-bottom:1px solid var(--stroke);max-height:200px;overflow:auto}.profile-hero{gap:17px;padding:23px}.profile-hero h1{font-size:23px}.xp-panel{width:100%;margin-left:0}}
.avatar-studio{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.avatar-preview-panel{text-align:center;position:sticky;top:108px}.avatar-preview-panel .row{flex-wrap:wrap;justify-content:center}.avatar-preview-stage{background:radial-gradient(circle,#18d5ff24,#8b3dff0c 65%,#0000);border-radius:24px;place-items:center;min-height:270px;margin:20px 0;display:grid}.avatar-categories{flex-wrap:wrap;gap:8px;display:flex}.avatar-options-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;display:grid}.avatar-option{border:1px solid var(--stroke);background:var(--soft);min-height:125px;color:var(--muted);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 8px;font-size:13px;display:flex;position:relative}.avatar-option:hover{border-color:var(--blue)}.avatar-option.selected{border-color:var(--cyan);color:var(--text);box-shadow:0 0 0 1px var(--cyan);background:linear-gradient(135deg,#0b91ff20,#8b3dff15)}.avatar-option-check{color:var(--cyan);position:absolute;top:8px;right:8px}.avatar-swatch{border:3px solid #fff4;border-radius:50%;width:54px;height:54px;box-shadow:0 3px 12px #0002}.avatar-option:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media (max-width:1100px){.avatar-studio{grid-template-columns:1fr}.avatar-preview-panel{position:static}.avatar-preview-stage{min-height:220px;margin:10px 0}.avatar-preview-stage img{max-width:200px;max-height:200px}}@media (max-width:550px){.avatar-options-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.avatar-option{padding:10px 4px;font-size:12px}.avatar-categories{flex-wrap:nowrap;padding:4px 0 12px;overflow-x:auto}.avatar-categories button{flex-shrink:0}}
.memory-board{width:min(100%,480px);margin-inline:auto;padding:16px}.visual-memory-grid{grid-template-columns:repeat(var(--memory-columns), minmax(0, 1fr));gap:6px;margin-top:12px;display:grid;container-type:inline-size}.visual-memory-grid .memory-card{aspect-ratio:1;border-radius:9px;place-items:center;min-width:0;min-height:0;padding:3px;display:grid}.memory-logo{aspect-ratio:1;object-fit:contain;vertical-align:middle;border-radius:18%;width:58%;max-width:72px;height:auto}.memory-symbol{font-size:clamp(20px, calc(65cqw / var(--memory-columns)), 64px);line-height:1}@media (max-width:550px){.memory-board{width:min(100%,480px);padding:12px}.visual-memory-grid{gap:4px}}
.english-games-meta{color:var(--muted);margin:18px 0 14px;font-size:13px}.english-games{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.english-game{--game-accent:var(--blue);text-align:left;min-height:178px;color:var(--text);border:1px solid var(--stroke);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--game-accent) 16%, transparent), transparent 60%), var(--panel);cursor:pointer;border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.english-game:hover:not(:disabled){border-color:color-mix(in srgb, var(--game-accent) 70%, transparent);box-shadow:0 14px 34px color-mix(in srgb, var(--game-accent) 18%, transparent);transform:translateY(-4px)}.english-game:focus-visible{outline:2px solid var(--game-accent);outline-offset:2px}.english-game:disabled{opacity:.5;cursor:not-allowed}.english-game-icon{width:46px;height:46px;color:var(--game-accent);background:color-mix(in srgb, var(--game-accent) 15%, transparent);border:1px solid color-mix(in srgb, var(--game-accent) 30%, transparent);border-radius:14px;place-items:center;margin-bottom:8px;display:grid}.english-game-index{color:color-mix(in srgb, var(--game-accent) 55%, var(--muted));font-size:13px;font-weight:750;position:absolute;top:16px;right:18px}.english-game strong{font-size:15px;line-height:1.3}.english-game small{color:var(--muted);font-size:13px;line-height:1.5}.english-game-play{color:var(--game-accent);opacity:.75;align-items:center;gap:6px;margin-top:auto;padding-top:10px;font-size:13px;font-weight:700;transition:opacity .2s,gap .2s;display:inline-flex}.english-game:hover:not(:disabled) .english-game-play{opacity:1;gap:9px}.word-pair-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:720px;margin-inline:auto;display:grid}.word-pair-card{border:1px solid var(--stroke);background:linear-gradient(135deg, var(--soft), var(--panel));min-height:96px;color:var(--text);text-align:center;overflow-wrap:anywhere;cursor:pointer;border-radius:14px;place-items:center;padding:10px;font-size:14px;line-height:1.35;transition:transform .15s,border-color .15s;display:grid}.word-pair-card:hover:not(:disabled){border-color:var(--blue);transform:translateY(-2px)}.word-pair-card img{object-fit:contain;opacity:.9;width:40px;height:40px}.word-pair-card.flipped{border-color:var(--cyan);background:#0b91ff22}.word-pair-card.matched{border-color:var(--green);color:var(--muted);background:#46e08b15}@media (max-width:560px){.word-pair-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.word-pair-card{min-height:80px;font-size:13px}.word-pair-card img{width:32px;height:32px}}
:root{--deep:#030717;--navy:#071229;--panel:#0a1630;--soft:#0c1a38;--stroke:#223453;--text:#f3f7ff;--muted:#97a4bc;--blue:#0b91ff;--cyan:#18d5ff;--violet:#8b3dff;--purple:#b157ff;--gold:#ffc34a;--orange:#ff8f32;--green:#46e08b;--red:#ff4f67;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--deep:#f4f7fc;--navy:#e7edf7;--panel:#fff;--soft:#eff3fa;--stroke:#d3dcea;--text:#10182b;--muted:#5b6b85;--blue:#0b6fd1;--cyan:#0090a8;--violet:#6a28d6;--purple:#8a2fe0;--gold:#a8760a;--orange:#cc6a12;--green:#17924f;--red:#d3273f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}html,body{background:var(--deep);min-height:100%;color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px}body{line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{color:inherit}button,a{touch-action:manipulation}img{max-width:100%}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:32px;line-height:1.25}h2{letter-spacing:-.5px;font-size:24px;line-height:1.35}h3{font-size:17px}p{color:var(--muted)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}::selection{background:#8b3dff77}.brand{letter-spacing:1px;align-items:center;gap:10px;font-size:29px;font-weight:850;line-height:1.05;display:flex}.brand img{object-fit:contain;width:43px;height:43px}.brand small{letter-spacing:2px;color:var(--muted);margin-top:7px;font-size:9px;display:block}.brand-dot{color:var(--cyan)}.eyebrow{color:var(--cyan);letter-spacing:2px;align-items:center;gap:7px;margin-bottom:13px;font-size:12px;font-weight:750;display:flex}.button{border:1px solid var(--stroke);background:var(--soft);border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 20px;font-weight:650;transition:transform .18s,background .18s;display:inline-flex}.button:hover{border-color:var(--blue);transform:translateY(-2px)}.button.primary{color:#fff;background:linear-gradient(110deg,#0b91ff,#5368fa);border:0;box-shadow:0 5px 22px #0b91ff20}.button.small{min-height:35px;padding:7px 13px;font-size:14px}.button.danger{color:var(--red);border-color:#ff4f6744}.full-width{width:100%}.text-button{color:var(--cyan);background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:8px 0;font-size:15px;display:inline-flex}.icon-button{background:0 0;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button:hover{border-color:var(--stroke);background:var(--soft)}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field>span{color:var(--text);font-size:14px;font-weight:600}input,select,textarea{background:var(--deep);border:1px solid var(--stroke);width:100%;color:var(--text);border-radius:11px;outline:none;min-height:46px;padding:13px 15px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b91ff14}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.65}textarea{resize:vertical;min-height:100px}input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:var(--blue)}.form-stack{flex-direction:column;gap:19px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.check-label{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.check-label a{color:var(--cyan)}.error{color:var(--red);overflow-wrap:anywhere;background:#ff4f670b;border:1px solid #ff4f6744;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:14px 17px;display:flex}.success{color:var(--green);background:#46e08b0c;border-radius:10px;padding:13px}.loading{min-height:240px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.loading strong{color:var(--text);font-size:19px}.loading span{font-size:15px}.fullscreen{min-height:100dvh}.loader-orbit{place-items:center;width:90px;height:90px;margin-bottom:15px;display:grid;position:relative}.loader-orbit img{width:60px}.loader-orbit:after{content:"";border:2px solid var(--stroke);border-top-color:var(--cyan);border-radius:50%;animation:1.2s linear infinite spin;position:absolute;inset:0}.empty{text-align:center;min-height:230px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.empty h3{color:var(--text)}.empty p{max-width:400px}.pill{letter-spacing:1px;border:1px solid var(--stroke);color:var(--cyan);background:#18d5ff08;border-radius:99px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #46e08b88}.card{background:var(--panel);border:1px solid var(--stroke);border-radius:18px;min-width:0;padding:24px}.card-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.card-title h2{font-size:18px}.muted{color:var(--muted)}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{flex-direction:column;gap:20px;display:flex}.badge{background:var(--soft);color:var(--cyan);border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:13px;display:inline-flex}.progress{background:var(--stroke);border-radius:9px;height:6px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--blue), var(--cyan));border-radius:9px;height:100%;display:block}.avatar{width:38px;height:38px;color:var(--text);background:linear-gradient(145deg,#8b3dff55,#18d5ff22);border:1px solid #8b3dff44;border-radius:12px;flex-shrink:0;place-items:center;font-weight:750;display:grid}.avatar.large{border-radius:23px;width:80px;height:80px;font-size:32px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tab{background:var(--panel);border:1px solid var(--stroke);color:var(--muted);border-radius:10px;padding:9px 17px}.tab.active{color:var(--cyan);background:#0b91ff18;border-color:#0b91ff66}.list-row{border-bottom:1px solid var(--stroke);align-items:center;gap:15px;padding:17px 0;display:flex}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.list-row p{font-size:14px}.list-row h3{font-size:15px}.list-row .button{flex-shrink:0}.text-content{white-space:pre-wrap;overflow-wrap:anywhere}.section-gap{margin-top:28px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.search-field{max-width:380px}.stat-value{color:var(--text);font-size:27px;font-weight:750}.stat-label{color:var(--muted);font-size:14px}.dialog-backdrop{z-index:80;background:#030717cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{width:min(100%,480px);max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #0008}.quiz-wrap{max-width:800px;margin:auto}.question-card{padding:35px}.question-card h2{margin:25px 0;line-height:1.6}.answers{gap:12px;display:grid}.answer{text-align:left;border:1px solid var(--stroke);background:var(--deep);border-radius:12px;align-items:center;gap:15px;padding:17px;display:flex}.answer>span{border:1px solid var(--stroke);border-radius:8px;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.answer.selected{border-color:var(--blue);background:#0b91ff18}.answer.correct{border-color:var(--green);background:#46e08b15}.answer.wrong{border-color:var(--red);background:#ff4f6715}.result-art{object-fit:contain;width:130px;height:130px}.memory-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.memory-card{aspect-ratio:1;border:1px solid var(--stroke);background:linear-gradient(135deg, var(--soft), var(--panel));border-radius:14px;font-size:26px}.memory-card.flipped{border-color:var(--cyan);background:#0b91ff22}.memory-card.matched{border-color:var(--green);background:#46e08b15}.legal{max-width:850px;margin:50px auto;padding:30px}.legal h2{margin:30px 0 14px}.legal p{margin-bottom:15px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}td,th{border-bottom:1px solid var(--stroke);padding:15px 12px}th{color:var(--muted);letter-spacing:1px;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}@media (max-width:760px){h1{font-size:26px}.grid-3{grid-template-columns:1fr 1fr}.card{padding:19px}.form-grid{grid-template-columns:1fr}.question-card{padding:22px}.list-row{gap:10px}.list-row .button{padding:8px 10px}.grid-2{grid-template-columns:1fr}}@media (max-width:480px){.grid-3{grid-template-columns:1fr}.question-card h2{font-size:20px}.memory-grid{gap:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand img,.art-core img,.hero-art img,.loader-orbit img{border-radius:22%}.falling-answers{min-height:320px;overflow:hidden}.falling-answers .answer{animation:7s linear infinite answer-fall}.app-main,.dashboard-main,.dashboard-aside,.hero-copy,.auth-content,.auth-form-wrap,.chat-inbox,.row>*,.page-heading>*,.profile-hero>*{min-width:0}.page-content,.auth-content,.legal{overflow-wrap:anywhere}input,select,textarea{min-width:0;max-width:100%}.button,.tab{text-align:center;max-width:100%}.button>svg,.icon-button,.icon-tile,.row>svg{flex-shrink:0}.page-heading,.card-title,.row.between{flex-wrap:wrap}.chat-layout{grid-template-columns:minmax(200px,280px) minmax(0,1fr)}.chat-header,.chat-compose{gap:10px}.chat-compose .button{flex-shrink:0}.memory-card{min-width:0;padding:0}.xp-panel{min-width:min(230px,100%)}.benefit-grid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}.english-games{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.table-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%}.sidebar{padding-bottom:max(18px, env(safe-area-inset-bottom))}.dialog-backdrop{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.dialog{overscroll-behavior:contain;max-height:calc(100dvh - 48px)}@media (min-width:1001px) and (max-width:1350px){.dashboard-columns{grid-template-columns:minmax(0,1fr)}.dashboard-aside{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:1100px){.dashboard-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.auth-shell{grid-template-columns:minmax(0,1fr);height:auto;overflow:visible}.auth-story{display:none}.auth-content{height:auto;min-height:100dvh;padding:30px 24px}.mobile-brand{margin-bottom:32px;display:block}}@media (max-width:700px){.chat-layout{grid-template-columns:minmax(0,1fr)}.chat-inbox{border-right:0;border-bottom:1px solid var(--stroke);max-height:220px;overflow-y:auto}.chat-panel{min-height:320px}.chat-header,.chat-compose,.chat-messages{padding:14px}}@media (max-width:560px){.hero>svg{pointer-events:none;position:absolute;bottom:10px;right:-20px;opacity:.15!important}input,select,textarea{font-size:16px}.icon-button{width:44px;height:44px}.button.small,.page-heading .button,.tab,.post-action,.post-reaction{min-height:44px}.page-heading{gap:14px}.page-heading>.row{flex-wrap:wrap;width:100%}.list-row{flex-wrap:wrap}.list-row .grow{flex-basis:55%}.profile-hero,.premium-gate{padding:20px 16px}.legal{margin:20px auto;padding:20px 16px}.auth-content{padding:24px 16px}.auth-copyright{margin-top:28px}.app-footer{padding-bottom:max(20px, env(safe-area-inset-bottom))}}@media (max-width:380px){.subject-grid{grid-template-columns:minmax(0,1fr)}.page-content{padding-inline:12px}.card{padding:16px}.topbar{padding-inline:10px}.stat-grid{grid-template-columns:minmax(0,1fr)}.stat-card{display:flex}.stat-card .icon-tile{margin-bottom:0}}@keyframes answer-fall{0%{transform:translateY(-14px)}to{transform:translateY(25px)}}