:root{--bg:#050b16;--panel:#0a1426db;--panel-2:#0c1a30b8;--line:#84b0e329;--line-bright:#4de1ff6b;--text:#eff8ff;--muted:#8299b4;--cyan:#35e5ff;--blue:#4e8cff;--violet:#9d7bff;--green:#4ff1b8;--amber:#ffc766;--pink:#ff79b5;--danger:#ff6680}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:radial-gradient(circle at 75% -10%, #415cd22b, transparent 34rem), radial-gradient(circle at 24% 100%, #00d8ff14, transparent 36rem), var(--bg);color:var(--text);min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{color:inherit}button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.space-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#5f9bd609 1px,#0000 1px),linear-gradient(90deg,#5f9bd609 1px,#0000 1px);background-size:48px 48px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:20;background:#040a14d6;justify-content:space-between;align-items:center;height:74px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark{border:1px solid #35e5ff8c;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:relative;transform:rotate(45deg)}.brand-mark:before,.brand-mark:after{content:"";border:1px solid #4e8cff47;position:absolute;top:5px;bottom:5px;left:5px;right:5px}.brand-mark:after{top:10px;bottom:10px;left:10px;right:10px}.brand-mark i{background:var(--cyan);box-shadow:0 0 14px var(--cyan);width:5px;height:5px}.brand>span:last-child{flex-direction:column;display:flex}.brand b{letter-spacing:.18em;font-size:14px}.brand small{color:var(--muted);letter-spacing:.12em;margin-top:3px;font-size:10px}.system-status{color:#89a0b8;letter-spacing:.08em;align-items:center;gap:8px;margin-left:auto;margin-right:30px;font-size:11px;display:flex}.online-dot{background:var(--green);box-shadow:0 0 10px var(--green);border-radius:50%;width:6px;height:6px}.profile-switcher{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:24px;display:flex}.avatar{color:var(--cyan);background:#35e5ff1f;border:1px solid #35e5ff73;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:800;display:flex}.avatar.violet{color:var(--violet);background:#9d7bff1f;border-color:#9d7bff73}.avatar.amber{color:var(--amber);background:#ffc7661f;border-color:#ffc76673}.avatar.green{color:var(--green);background:#4ff1b81f;border-color:#4ff1b873}.profile-switcher label{flex-direction:column;display:flex}.profile-switcher label small{color:var(--muted);letter-spacing:.08em;font-size:9px}.profile-switcher select{-webkit-appearance:none;appearance:none;color:var(--text);cursor:pointer;background:0 0;border:0;min-width:84px;padding:2px 18px 2px 0;font-size:13px;font-weight:700}.profile-switcher label{position:relative}.profile-switcher label:after{color:var(--muted);content:"⌄";pointer-events:none;font-size:11px;position:absolute;top:14px;right:2px}.icon-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.icon-button:hover{border-color:var(--line-bright);color:var(--cyan)}.sidebar{border-right:1px solid var(--line);z-index:10;background:#050c18c2;flex-direction:column;width:190px;padding:96px 14px 22px;display:flex;position:fixed;top:0;bottom:0;left:0}.nav-stack{flex-direction:column;gap:8px;display:flex}.nav-stack button{color:#7890aa;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:12px;display:flex;position:relative}.nav-stack button>span{color:#6f86a1;justify-content:center;align-items:center;width:22px;height:22px;font-size:17px;display:flex}.nav-stack button:hover{color:#b6c8da;background:#35e5ff0a}.nav-stack button.active{color:var(--text);background:linear-gradient(90deg,#35e5ff1f,#35e5ff06);border-color:#35e5ff29}.nav-stack button.active:before{background:var(--cyan);box-shadow:0 0 10px var(--cyan);content:"";width:2px;height:20px;position:absolute;left:-15px}.nav-stack button.active>span{color:var(--cyan);text-shadow:0 0 12px #35e5ff99}.nav-stack button em{background:var(--pink);color:#120813;border-radius:8px;justify-content:center;align-items:center;min-width:17px;height:17px;margin-left:auto;padding:0 5px;font-size:9px;font-style:normal;font-weight:800;display:flex}.sidebar-card{border:1px solid var(--line);background:linear-gradient(145deg,#192c4a9e,#08122280);border-radius:10px;margin-top:auto;padding:15px}.sidebar-card small{color:var(--muted);letter-spacing:.12em;font-size:9px}.sidebar-card strong{color:var(--cyan);text-shadow:0 0 18px #35e5ff38;margin-top:8px;font-size:30px;line-height:1;display:block}.sidebar-card strong i{color:var(--muted);margin-left:4px;font-size:11px;font-style:normal}.sidebar-card p{color:#7289a0;margin:9px 0 0;font-size:9px;line-height:1.5}.content-area{z-index:1;margin-left:190px;padding:94px clamp(18px,3vw,46px) 54px;position:relative}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0d1b31e0,#07101fe0);border-radius:10px;box-shadow:inset 0 1px #ffffff05,0 20px 80px #00000029}.hero-panel{background:linear-gradient(108deg,#0e1d38f5,#09142ae6 52%,#0c1730f5);border:1px solid #5986bf38;border-radius:12px;grid-template-columns:minmax(380px,1fr) 310px 150px;min-height:330px;padding:43px 32px 33px 42px;display:grid;position:relative;overflow:hidden}.hero-panel:before{background:linear-gradient(90deg, var(--cyan), transparent);content:"";opacity:.7;width:40%;height:2px;position:absolute;top:0;left:0}.hero-panel:after{content:"";border-bottom:1px solid #35e5ff1f;border-right:1px solid #35e5ff1f;width:24px;height:24px;position:absolute;bottom:12px;right:12px}.eyebrow{color:#7392ad;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:9px;font-weight:700}.eyebrow span{background:var(--cyan);box-shadow:0 0 8px var(--cyan);vertical-align:1px;width:5px;height:5px;margin-right:7px;display:inline-block;transform:rotate(45deg)}.hero-copy{z-index:2;align-self:center;position:relative}.hero-copy h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,55px);font-weight:700;line-height:1.08}.hero-copy h1 em{color:var(--cyan);text-shadow:0 0 28px #35e5ff29;font-style:normal}.hero-note{color:#93a9c0;margin:20px 0 24px;font-size:12px;line-height:1.6}.hero-actions{gap:10px;display:flex}.primary-button,.ghost-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:24px;min-height:42px;padding:0 18px;font-size:12px;font-weight:700;display:inline-flex}.primary-button{color:#05111e;background:linear-gradient(135deg,#21d3f2,#49a9ff);border:0;box-shadow:0 8px 24px #25bdff24}.primary-button:hover{filter:brightness(1.12);transform:translateY(-1px)}.primary-button:disabled{filter:grayscale();opacity:.5}.ghost-button{color:#abc0d4;background:#ffffff06;border:1px solid #7fa6d238}.ghost-button:hover{border-color:var(--line-bright);color:var(--text)}.orbit-visual{place-self:center;width:270px;height:250px;position:relative}.orbit{border:1px solid #42bfff33;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.orbit:before{content:"";border:1px dashed #9d7bff29;border-radius:50%;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.orbit i{background:var(--cyan);box-shadow:0 0 14px var(--cyan);border-radius:50%;width:6px;height:6px;position:absolute;top:18%;left:12%}.orbit-one{width:250px;height:190px}.orbit-two{width:155px;height:238px;transform:translate(-50%,-50%)rotate(52deg)}.orbit-two i{background:var(--violet);box-shadow:0 0 14px var(--violet);top:78%;left:77%}.planet-core{background:radial-gradient(circle at 38% 30%,#2b6499,#0c2545 42%,#061527 72%);border:1px solid #35e5ff73;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:112px;height:112px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #1f9ae640,inset -12px -15px 30px #0000006b}.planet-core:after{content:"";border:1px solid #35e5ff26;border-radius:50%;position:absolute;top:9px;bottom:9px;left:9px;right:9px}.planet-core span{color:var(--cyan);font-size:34px;font-weight:800;line-height:1}.planet-core small{color:#8ec5dd;letter-spacing:.25em;margin-top:4px;font-size:8px}.sat{color:#67809a;letter-spacing:.12em;background:#060f1ddb;border:1px solid #6599c833;padding:4px 6px;font-size:7px;font-weight:600;position:absolute}.sat-a{top:64px;left:2px}.sat-b{bottom:28px;right:22px}.sat-c{top:46px;right:3px}.hero-metrics{border-left:1px solid var(--line);z-index:2;flex-direction:column;align-self:center;gap:23px;padding-left:25px;display:flex;position:relative}.hero-metrics div{grid-template-columns:auto 1fr;display:grid}.hero-metrics small{color:var(--muted);letter-spacing:.09em;grid-column:1/-1;margin-bottom:4px;font-size:9px}.hero-metrics strong{color:#eaf9ff;font-size:24px;line-height:1}.hero-metrics strong sup{color:var(--cyan);margin-left:2px;font-size:10px}.hero-metrics div>span{color:#5f7791;align-self:end;margin:0 0 2px 5px;font-size:9px}.route-panel{margin-top:18px;padding:21px 25px 23px}.panel-heading{justify-content:space-between;align-items:flex-end;display:flex}.panel-heading h2{letter-spacing:-.01em;margin:0;font-size:16px}.panel-heading p:last-child{color:#647d96;margin:0;font-size:9px}.panel-heading.compact{align-items:center}.day-score{color:var(--cyan);font-size:20px;font-weight:800}.day-route{grid-template-columns:repeat(17,minmax(36px,1fr));gap:12px;min-width:780px;margin-top:27px;display:grid;position:relative}.route-panel{overflow-x:auto}.route-line{background:#5987b224;height:1px;position:absolute;top:16px;left:3%;right:3%}.route-line i{background:linear-gradient(90deg, var(--cyan), var(--violet));height:1px;display:block;box-shadow:0 0 8px #35e5ff80}.day-route button{cursor:pointer;z-index:1;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex;position:relative}.day-route button>span{color:#67809a;background:#0a1628;border:1px solid #2b4059;border-radius:50%;justify-content:center;align-items:center;width:33px;height:33px;font-size:10px;font-weight:800;transition:all .2s;display:flex}.day-route button small{color:#526a81;letter-spacing:.08em;font-size:7px}.day-route button:hover:not(:disabled)>span,.day-route button.selected>span{border-color:var(--cyan);color:var(--cyan);transform:scale(1.08)}.day-route button.current>span{background:var(--cyan);color:#06101e;box-shadow:0 0 20px #35e5ff59}.day-route button.completed>span{color:var(--green);background:#4ff1b81a;border-color:#4ff1b88c}.day-route button:disabled>span{color:#28394c;opacity:.7;border-style:dashed}.mission-layout{grid-template-columns:minmax(520px,1.55fr) minmax(300px,.85fr);gap:18px;margin-top:18px;display:grid}.mission-panel,.mode-panel{padding:23px}.mission-list{flex-direction:column;gap:10px;margin-top:18px;display:flex}.mission-card{background:#ffffff05;border:1px solid #729ac21f;border-radius:8px;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;padding:14px;transition:all .2s;display:grid}.mission-card:hover{background:#35e5ff06;border-color:#35e5ff33;transform:translate(2px)}.mission-index{color:var(--cyan);background:#35e5ff12;border:1px solid #35e5ff47;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;font-size:17px;font-weight:800;display:flex}.mission-index.tone-2{color:var(--violet);background:#9d7bff12;border-color:#9d7bff47}.mission-index.tone-3{color:var(--amber);background:#ffc76612;border-color:#ffc76647}.mission-info small{color:#5d7995;letter-spacing:.13em;font-size:7px}.mission-info h3{margin:4px 0 9px;font-size:14px}.mini-progress{background:#678fb41f;width:100%;height:2px}.mini-progress i{background:linear-gradient(90deg, var(--cyan), var(--blue));height:100%;display:block}.mission-info p{color:#6f859c;margin:6px 0 0;font-size:8px}.mission-card>button{color:#a7bdd0;cursor:pointer;background:0 0;border:1px solid #749dc538;border-radius:6px;gap:12px;padding:9px 11px;font-size:9px;display:flex}.mission-card>button:hover{border-color:var(--cyan);color:var(--cyan)}.mission-card>button:disabled{opacity:.35}.mode-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px;display:grid}.mode-grid button{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #7197be21;border-radius:8px;flex-direction:column;align-items:flex-start;min-height:92px;padding:13px;display:flex;position:relative}.mode-grid button>span{color:var(--cyan);background:#35e5ff14;border:1px solid #35e5ff38;border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;margin-bottom:8px;font-size:11px;font-weight:800;display:flex}.mode-grid button b{font-size:10px}.mode-grid button small{color:#647c93;margin-top:3px;font-size:7px}.mode-grid button>i{background:var(--cyan);opacity:0;height:2px;position:absolute;bottom:-1px;left:18%;right:18%}.mode-grid button.selected{background:#35e5ff0d;border-color:#35e5ff59}.mode-grid button.selected>i{opacity:1}.mode-grid button.violet>span{color:var(--violet);background:#9d7bff14;border-color:#9d7bff38}.mode-grid button.violet.selected{border-color:#9d7bff59}.mode-grid button.amber>span{color:var(--amber);background:#ffc76614;border-color:#ffc76638}.mode-grid button.amber.selected{border-color:#ffc76659}.mode-grid button.green>span{color:var(--green);background:#4ff1b814;border-color:#4ff1b838}.mode-grid button.green.selected{border-color:#4ff1b859}.mode-grid button.pink>span{color:var(--pink);background:#ff79b514;border-color:#ff79b538}.mode-grid button.pink.selected{border-color:#ff79b559}.mode-tip{color:#60778f;align-items:center;gap:7px;margin:15px 2px 0;font-size:8px;line-height:1.5;display:flex}.mode-tip span{border:1px solid #47617a;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:7px;display:flex}.section-page{max-width:1380px;margin:0 auto}.page-intro{margin:13px 2px 26px}.page-intro h1{letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(31px,4vw,50px)}.page-intro>p:last-child{color:#7e96ad;margin:0;font-size:13px;line-height:1.65}.review-hero{grid-template-columns:130px 1fr auto;align-items:center;gap:28px;min-height:190px;padding:28px 34px;display:grid}.review-ring{background:radial-gradient(circle,#35e5ff1f,#0000 66%);border:2px solid #35e5ff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:115px;height:115px;display:flex;position:relative}.review-ring:after{content:"";border:1px dashed #9d7bff57;border-radius:50%;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.review-ring strong{color:var(--cyan);font-size:38px;line-height:1}.review-ring span{color:#7992aa;margin-top:6px;font-size:9px}.review-hero>div:nth-child(2) small{color:var(--violet);letter-spacing:.13em;font-size:9px}.review-hero h2{margin:7px 0;font-size:25px}.review-hero p{color:#7e96ad;font-size:11px}.review-columns{grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px;display:grid}.queue-panel,.memory-panel{padding:24px}.panel-heading>span{color:var(--cyan);font-size:11px}.word-queue{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:18px;display:grid}.word-queue button{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #769ec41f;border-radius:7px;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.word-queue button:hover{border-color:var(--line-bright)}.sound-dot{color:var(--cyan);background:#35e5ff14;border-radius:5px;justify-content:center;align-items:center;height:26px;display:flex}.word-queue b{font-size:11px;display:block}.word-queue small{color:#6e8499;margin-top:3px;font-size:8px;display:block}.word-queue em{color:var(--amber);font-size:9px;font-style:normal}.memory-steps{grid-template-columns:repeat(5,1fr);margin:35px 0 30px;display:grid;position:relative}.memory-steps:before{background:linear-gradient(90deg, var(--cyan), var(--violet));content:"";opacity:.4;height:1px;position:absolute;top:13px;left:8%;right:8%}.memory-steps div{text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.memory-steps span{border:1px solid var(--line-bright);color:var(--cyan);z-index:1;background:#0b1b31;border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;font-size:8px;display:flex}.memory-steps b{margin-top:8px;font-size:9px}.memory-steps small{color:#60778d;margin-top:3px;font-size:7px}.weak-box{background:#ff79b50b;border:1px solid #ff79b52e;border-radius:8px;align-items:center;gap:13px;padding:15px;display:flex}.weak-box>span{border:1px solid var(--pink);color:var(--pink);border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.weak-box b{font-size:11px}.weak-box p{color:#72879b;margin:4px 0 0;font-size:8px;line-height:1.5}.library-intro{justify-content:space-between;align-items:flex-end;display:flex}.search-box{border:1px solid var(--line);background:#0a162acc;border-radius:8px;align-items:center;gap:10px;width:min(360px,38vw);margin-bottom:2px;padding:0 13px;display:flex}.search-box span{color:var(--cyan)}.search-box input{color:var(--text);background:0 0;border:0;outline:0;width:100%;height:42px}.search-box input::placeholder{color:#536b84}.library-toolbar{color:#7890a7;justify-content:space-between;align-items:center;padding:13px 17px;font-size:9px;display:flex}.library-toolbar b{color:var(--cyan)}.library-toolbar>div{align-items:center;gap:7px;display:flex}.legend{border-radius:50%;width:6px;height:6px;margin-left:8px;display:inline-block}.legend.mastered{background:var(--green)}.legend.learning{background:var(--amber)}.legend.new{background:#53677b}.word-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px;display:grid}.word-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d1a2fe0,#070f1de6);border-radius:9px;min-height:235px;padding:16px;position:relative}.word-card:before{content:"";opacity:.5;background:#53677b;height:1px;position:absolute;top:0;left:18px;right:65%}.word-card.mastered:before{background:var(--green);box-shadow:0 0 8px var(--green)}.word-card.learning:before{background:var(--amber)}.word-card-top{justify-content:space-between;align-items:center;display:flex}.word-card-top>span{color:#536f8a;letter-spacing:.08em;font-size:7px}.word-card-top button{color:var(--cyan);cursor:pointer;background:#35e5ff12;border:1px solid #35e5ff33;border-radius:5px;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.word-card h3{overflow-wrap:anywhere;margin:12px 0 1px;font-size:20px}.word-card .phonetic{color:#7290a9;margin:0 0 9px;font-size:10px}.word-card>strong{color:#d5e3ee;font-size:12px}.word-card .phrase{color:var(--cyan);margin:12px 0 6px;font-size:9px}.word-card .sentence{color:#6f8498;min-height:38px;margin:0;font-size:8px;line-height:1.55}.mastery-line{background:#6e94b81f;height:2px;position:absolute;bottom:13px;left:16px;right:39px}.mastery-line i{background:var(--amber);height:100%;display:block}.mastered .mastery-line i{background:var(--green)}.mastery-line span{color:#60758b;font-size:7px;position:absolute;top:-4px;right:-28px}.pagination{justify-content:center;align-items:center;gap:18px;margin:22px 0 4px;display:flex}.pagination button{border:1px solid var(--line);color:#92a9bd;cursor:pointer;background:#ffffff06;border-radius:6px;padding:8px 13px;font-size:10px}.pagination button:disabled{opacity:.3}.pagination span{color:#60778d;font-size:9px}.report-kpis{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.report-kpis article{border:1px solid var(--line);background:linear-gradient(145deg,#0d1b31e0,#07101fe0);border-radius:9px;align-items:center;gap:14px;min-height:105px;padding:20px;display:flex}.report-kpis article>span{color:var(--cyan);background:#35e5ff12;border:1px solid #35e5ff33;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.report-kpis small{color:#6f879e;font-size:8px;display:block}.report-kpis strong{font-size:28px}.report-kpis em{color:#60778e;margin-left:3px;font-size:9px;font-style:normal}.report-layout{grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px;display:grid}.chart-panel,.session-panel{min-height:350px;padding:24px}.bar-chart{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:min(2vw,18px);height:245px;margin-top:18px;padding:22px 8px 0;display:flex}.bar-chart button{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:12px;height:100%;padding:0;display:flex}.bar-chart i{background:linear-gradient(to top, #35e5ff47, var(--cyan));border-radius:3px 3px 0 0;width:55%;max-width:24px;min-height:3px;transition:all .2s;box-shadow:0 0 10px #35e5ff1a}.bar-chart button:hover i{filter:brightness(1.35)}.bar-chart span{color:#617991;margin:7px 0 -17px;font-size:7px}.session-list{flex-direction:column;gap:7px;margin-top:18px;display:flex}.session-list>div{border-bottom:1px solid #7096b91a;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:8px 0 12px;display:grid}.session-list>div>span{color:var(--green);border:1px solid #4ff1b84d;border-radius:6px;justify-content:center;align-items:center;height:32px;font-size:8px;display:flex}.session-list>div>span.warm{color:var(--amber);border-color:#ffc7664d}.session-list b{font-size:10px;display:block}.session-list small{color:#637a90;margin-top:3px;font-size:8px;display:block}.session-list em{color:var(--cyan);font-size:10px;font-style:normal}.empty-state{color:#637a90;text-align:center;padding:60px 0;font-size:10px}.achievement-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.achievement-row article{opacity:.45;background:#0b16288c;border:1px dashed #668bb02e;border-radius:8px;align-items:center;gap:12px;padding:15px;display:flex}.achievement-row article.unlocked{opacity:1;border-style:solid;border-color:#9d7bff4d}.achievement-row span{color:#70879c;border:1px solid #536a82;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:8px;display:flex}.achievement-row .unlocked span{border-color:var(--violet);color:var(--violet);box-shadow:0 0 12px #9d7bff1f}.achievement-row b{font-size:10px;display:block}.achievement-row small{color:#647b91;margin-top:3px;font-size:7px;display:block}.mobile-nav{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#02060ec2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.profile-dialog,.result-dialog{background:linear-gradient(145deg,#10233f,#071425);border:1px solid #35e5ff47;border-radius:12px;width:100%;max-width:420px;padding:32px;position:relative;box-shadow:0 30px 100px #0000008c}.close-button{color:#71889f;cursor:pointer;background:0 0;border:0;font-size:24px;position:absolute;top:13px;right:18px}.profile-dialog h2,.result-dialog h2{margin:7px 0;font-size:25px}.profile-dialog>p:not(.eyebrow),.result-dialog>p:not(.eyebrow){color:#8197aa;font-size:11px;line-height:1.6}.profile-dialog label{margin:25px 0 16px;display:block}.profile-dialog label span{color:#8da2b7;margin-bottom:7px;font-size:9px;display:block}.profile-dialog input{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:7px;width:100%;height:46px;padding:0 13px}.primary-button.wide{gap:50px;width:100%}.dialog-note{color:#60758b;text-align:center;margin-top:12px;font-size:8px;display:block}.game-overlay{z-index:90;background:#050b15;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.game-shell{flex-direction:column;min-height:100vh;display:flex}.game-header{border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 55px;align-items:center;gap:24px;min-height:70px;padding:0 max(22px,50vw - 450px);display:grid}.game-header>button{border:1px solid var(--line);color:#7890a7;cursor:pointer;background:0 0;border-radius:50%;width:33px;height:33px;font-size:18px}.game-header>div{background:#6d94b826;height:3px}.game-header>div span{background:linear-gradient(90deg, var(--cyan), var(--violet));height:100%;transition:width .3s;display:block;box-shadow:0 0 10px #35e5ff66}.game-header p{color:#6e849a;text-align:right;font-size:10px}.game-header p b{color:var(--cyan);font-size:15px}.question-area{text-align:center;flex:1;width:100%;max-width:780px;margin:0 auto;padding:clamp(45px,8vh,90px) 24px 40px}.question-area h2{letter-spacing:-.035em;max-width:720px;margin:14px auto 10px;font-size:clamp(34px,5vw,55px);line-height:1.18}.question-area h2.sentence-question{font-size:clamp(24px,3.4vw,37px);line-height:1.4}.question-hint{color:#7a92aa;margin:0 0 38px;font-size:12px}.answer-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.answer-grid button{cursor:pointer;text-align:left;background:linear-gradient(145deg,#0e1d33e6,#08111fe6);border:1px solid #719ac22e;border-radius:10px;grid-template-columns:32px 1fr 22px;align-items:center;gap:13px;min-height:66px;padding:10px 14px;display:grid}.answer-grid button:hover:not(:disabled){border-color:#35e5ff80;transform:translateY(-1px)}.answer-grid button>span{color:#7890a7;border:1px solid #3e5870;border-radius:6px;justify-content:center;align-items:center;height:30px;font-size:9px;display:flex}.answer-grid button b{overflow-wrap:anywhere;font-size:14px}.answer-grid button em{font-size:17px;font-style:normal}.answer-grid button.correct{background:#4ff1b814;border-color:#4ff1b88c}.answer-grid button.correct>span,.answer-grid button.correct em{border-color:var(--green);color:var(--green)}.answer-grid button.wrong{background:#ff668012;border-color:#ff668080}.answer-grid button.wrong>span,.answer-grid button.wrong em{border-color:var(--danger);color:var(--danger)}.sound-wave{cursor:pointer;background:#35e5ff0f;border:1px solid #35e5ff4d;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:8px 0 14px;display:inline-flex;position:relative}.sound-wave:after{content:"";border:1px dashed #35e5ff40;border-radius:50%;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.sound-wave i{background:var(--cyan);border-radius:2px;width:3px;height:18px;margin:0 2px}.sound-wave i:nth-child(2),.sound-wave i:nth-child(4){height:31px}.sound-wave i:nth-child(3){height:43px}.sound-wave span{color:#718ba2;font-size:8px;position:absolute;bottom:-30px;left:0;right:0}.game-footer{border-top:1px solid var(--line);background:#091221f5;align-items:center;gap:13px;min-height:105px;padding:18px max(24px,50vw - 390px);display:flex}.game-footer>p{color:#71869b;font-size:10px}.game-footer>span{color:#5f7489;margin-left:auto;font-size:9px}.game-footer.success{background:#0d2a27f5;border-color:#4ff1b838}.game-footer.error{background:#2f141ff5;border-color:#ff668038}.feedback-icon{border:1px solid var(--green);color:var(--green);border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex}.game-footer.error .feedback-icon{border-color:var(--danger);color:var(--danger)}.game-footer>div:nth-child(2) b{font-size:13px}.game-footer>div:nth-child(2) p{color:#8298aa;margin:4px 0 0;font-size:9px}.game-footer>button{background:var(--green);color:#061711;cursor:pointer;border:0;border-radius:7px;margin-left:auto;padding:12px 18px;font-size:11px;font-weight:800}.game-footer.error>button{background:var(--danger);color:#22060d}.result-dialog{text-align:center;flex-direction:column;align-items:center;max-width:460px;display:flex}.result-orbit{border:2px solid #35e5ff66;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:125px;height:125px;margin-bottom:27px;display:flex;position:relative}.result-orbit:after{content:"";border:1px dashed #9d7bff66;border-radius:50%;position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px}.result-orbit span{color:var(--cyan);font-size:40px;font-weight:900;line-height:1}.result-orbit small{color:#7890a6;letter-spacing:.16em;margin-top:5px;font-size:7px}.result-actions{gap:10px;width:100%;margin-top:18px;display:flex}.result-actions button{flex:1;gap:12px}.loading-screen{background:#050b16;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-screen p{letter-spacing:.12em;margin:25px 0 6px;font-size:14px}.loading-screen>span{color:#597188;letter-spacing:.2em;font-size:8px}.scanner{border:1px solid #35e5ff4d;border-radius:50%;width:80px;height:80px;position:relative}.scanner:before{background:linear-gradient(90deg, transparent, var(--cyan));content:"";transform-origin:0;border-radius:50%;width:38px;height:1px;animation:1.5s linear infinite scan;position:absolute;top:50%;left:50%}.scanner:after{background:var(--cyan);box-shadow:0 0 20px var(--cyan);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}@keyframes scan{to{transform:rotate(360deg)}}@media (max-width:1180px){.hero-panel{grid-template-columns:1fr 260px 125px}.orbit-visual{transform:scale(.86)}.mission-layout{grid-template-columns:1fr}.mode-grid,.word-grid{grid-template-columns:repeat(3,1fr)}.report-layout{grid-template-columns:1fr}}@media (max-width:860px){.topbar{height:64px;padding:0 15px}.brand small,.system-status,.profile-switcher label small{display:none}.brand-mark{width:29px;height:29px}.brand b{font-size:11px}.profile-switcher{border:0;padding:0}.profile-switcher select{font-size:11px}.avatar{width:32px;height:32px}.sidebar{display:none}.content-area{margin-left:0;padding:80px 14px 95px}.mobile-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);min-height:66px;padding-bottom:env(safe-area-inset-bottom);z-index:40;background:#050c18f0;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#647c93;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;display:flex}.mobile-nav button span{font-size:16px}.mobile-nav button.active{color:var(--cyan)}.hero-panel{grid-template-columns:1fr;min-height:auto;padding:32px 24px}.orbit-visual{display:none}.hero-metrics{border-left:0;border-top:1px solid var(--line);flex-direction:row;justify-content:space-between;margin-top:28px;padding:20px 0 0}.hero-metrics div{flex:1}.hero-actions{flex-wrap:wrap}.route-panel{padding:19px 17px}.panel-heading p:last-child{display:none}.mission-layout{grid-template-columns:1fr}.mission-panel,.mode-panel{padding:18px}.review-columns,.report-layout{grid-template-columns:1fr}.review-hero{grid-template-columns:100px 1fr;padding:24px}.review-hero>button{grid-column:1/-1;width:100%}.review-ring{width:88px;height:88px}.review-ring strong{font-size:29px}.word-grid{grid-template-columns:repeat(2,1fr)}.library-intro{flex-direction:column;align-items:stretch;gap:20px}.search-box{width:100%}.report-kpis,.achievement-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.brand>span:last-child{display:none}.profile-switcher{margin-left:auto}.hero-copy h1{font-size:35px}.hero-note{font-size:10px}.hero-actions button{flex:1;gap:10px;padding:0 12px}.hero-metrics strong{font-size:20px}.hero-metrics small{font-size:7px}.mission-card{grid-template-columns:45px 1fr;gap:10px;padding:11px}.mission-index{width:42px;height:42px}.mission-card>button{grid-column:1/-1;justify-content:space-between;width:100%}.mission-info p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mode-grid{grid-template-columns:repeat(2,1fr)}.review-hero{text-align:center;grid-template-columns:1fr}.review-ring{margin:0 auto}.word-queue{grid-template-columns:1fr}.memory-steps small{display:none}.word-grid{grid-template-columns:1fr}.word-card{min-height:220px}.library-toolbar>div{display:none}.report-kpis{grid-template-columns:1fr 1fr}.report-kpis article{gap:8px;padding:14px}.report-kpis article>span{width:32px;height:32px}.report-kpis strong{font-size:21px}.achievement-row{grid-template-columns:1fr}.game-header{gap:12px;padding:0 16px}.question-area{padding:40px 16px 28px}.question-area h2{font-size:34px}.question-area h2.sentence-question{font-size:23px}.answer-grid{grid-template-columns:1fr}.answer-grid button{min-height:57px}.game-footer{flex-wrap:wrap;align-items:flex-start;min-height:120px;padding:15px 18px}.game-footer>button{width:100%}.game-footer>span{margin-left:auto}.result-actions{flex-direction:column}.profile-dialog,.result-dialog{padding:28px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.scanner:before{animation:none}}