:root{--bg:#0b1220;--bg2:#111a2e;--panel:#142039;--line:#22314f;--text:#e7edf8;--muted:#8d9bb8;--amber:#ffb547;--cyan:#4fd1ff;--green:#3ee08f;--red:#ff5d6c;--warn:#ffcf4a;--radius:16px;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--sans:"Sora", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0}body{background:radial-gradient(1200px 600px at 100% -10%, #4fd1ff14, transparent 60%), radial-gradient(900px 500px at -10% 110%, #ffb54712, transparent 60%), var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}h1,h2{margin:.4em 0;line-height:1.15}h2{font-size:1.4rem}p{line-height:1.5}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:.82rem}.grow{flex:1}.left{text-align:left}.center{place-items:center;min-height:60vh;display:grid}.page{max-width:720px;padding:calc(env(safe-area-inset-top) + 12px) 16px calc(env(safe-area-inset-bottom) + 32px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;min-height:44px;display:flex}.brand{align-items:center;gap:10px;display:inline-flex}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-name{letter-spacing:-.02em;color:var(--text);font-weight:800}.brand-name b{color:var(--amber);font-weight:800}.brand-tag{font-family:var(--mono);letter-spacing:.18em;color:var(--muted);margin-top:4px;font-size:.62rem}.hello{margin-top:8px}.card{background:linear-gradient(180deg, var(--panel), var(--bg2));border:1px solid var(--line);border-radius:var(--radius);margin:12px 0;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.btn{border:1px solid var(--line);background:var(--bg2);color:var(--text);font:600 .95rem var(--sans);cursor:pointer;border-radius:12px;padding:12px 16px;transition:transform .1s,opacity .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--amber);color:#1a1205;border-color:#0000}.btn.ghost{background:0 0}.btn.link{color:var(--cyan);background:0 0;border:none;padding:8px 0;font-weight:400}.btn.block{width:100%;margin-top:8px}.small-btn{padding:6px 10px;font-size:.8rem}input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:1rem var(--sans);border-radius:12px;margin-top:6px;padding:13px 14px}input:focus{outline:2px solid var(--cyan);border-color:#0000}label{color:var(--muted);margin:12px 0;font-size:.85rem;display:block}.error{color:#ffb3bb;background:#ff5d6c1f;border:1px solid #ff5d6c59;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:.9rem}.auth{max-width:460px;padding:calc(env(safe-area-inset-top) + 40px) 16px 40px;margin:0 auto}.auth h1{font-size:1.9rem}.seg{background:var(--bg);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.seg button{color:var(--muted);font:600 .9rem var(--sans);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:10px}.seg button.on{background:var(--panel);color:var(--text)}.level-main,.result-head{align-items:center;gap:14px;margin-bottom:12px;display:flex}.level-badge{border:2px solid var(--line);background:var(--bg);border-radius:14px;align-content:center;place-items:center;min-width:64px;height:64px;display:grid}.level-badge span{letter-spacing:.15em;color:var(--muted);font-size:.6rem}.level-badge strong{font-size:1.8rem;line-height:1}.level-badge.big{min-width:78px;height:78px}.level-badge.big strong{font-size:2.3rem}.level-badge.ok{border-color:var(--green);color:var(--green);box-shadow:0 0 24px #3ee08f26}.level-badge.warn{border-color:var(--warn);color:var(--warn)}.level-badge.bad{border-color:var(--red);color:var(--red)}.result-title{font-size:1.05rem;font-weight:700}.bars{gap:8px;margin:8px 0;display:grid}.bar-row{grid-template-columns:108px 1fr 30px;align-items:center;gap:10px;font-size:.85rem;display:grid}.bars.compact .bar-row{font-size:.78rem}.bar-track{background:var(--bg);border:1px solid var(--line);border-radius:6px;height:10px;position:relative;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:width .6s}.bar-fill.ok{background:linear-gradient(90deg, #22b873, var(--green))}.bar-fill.warn{background:linear-gradient(90deg, #d9a21c, var(--warn))}.bar-fill.bad{background:linear-gradient(90deg, #c63a49, var(--red))}.bar-target{background:var(--cyan);opacity:.8;width:2px;position:absolute;top:-2px;bottom:-2px;left:66.66%}.bar-val{text-align:right;font-weight:600}.bar-val.ok{color:var(--green)}.bar-val.warn{color:var(--warn)}.bar-val.bad{color:var(--red)}.quick{grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;display:grid}.quick-btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:4px;min-height:120px;padding:14px 12px;display:flex}.quick-btn span{font-size:1.6rem}.quick-btn b{font-size:.9rem;line-height:1.2}.quick-btn small{color:var(--muted);font-size:.75rem}.q1{background:linear-gradient(160deg, #ffb5472e, var(--panel))}.q2{background:linear-gradient(160deg, #4fd1ff2e, var(--panel))}.q3{background:linear-gradient(160deg, #3ee08f29, var(--panel))}@media (width<=480px){.quick{grid-template-columns:1fr}.quick-btn{flex-flow:wrap;align-items:center;min-height:0}.quick-btn small{width:100%;margin-top:-4px;padding-left:40px}.quick-btn span{width:30px;font-size:1.4rem}}.section-label{font:600 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin:18px 0 8px}.modules{gap:0;display:grid}.module{align-items:center;gap:14px;margin:6px 0;display:flex}.module-icon{background:var(--bg);border-radius:12px;place-items:center;width:48px;height:48px;font-size:1.8rem;display:grid}.progress{background:var(--bg);border-radius:4px;height:6px;margin:8px 0 4px;overflow:hidden}.progress div{background:linear-gradient(90deg, var(--cyan), var(--green));height:100%;transition:width .5s}.progress.big{height:8px;margin:4px 0 8px}.pill{font:600 .75rem var(--mono);background:var(--bg);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:99px;padding:4px 9px}.pill.ok{color:var(--green);border-color:#3ee08f66}.pill.warn{color:var(--warn);border-color:#ffcf4a66}.pill.bad{color:var(--red);border-color:#ff5d6c66}.hist{border-bottom:1px solid var(--line);padding:8px 0}.hist:last-child{border:none}.plan ol,.card ol{margin:0;padding-left:20px;line-height:1.7}.items{margin-top:10px}.item-row{width:100%;color:var(--text);cursor:pointer;font-family:var(--sans);align-items:center;gap:12px;margin:8px 0;display:flex}.item-row .num{color:var(--muted)}.item-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:.86rem;display:-webkit-box;overflow:hidden}.tag{font:600 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:4px 8px}.t-repeat{color:var(--cyan)}.t-readback{color:var(--amber)}.t-respond{color:var(--red)}.t-comprehension{color:#b69bff}.t-interview{color:var(--green)}.t-describe{color:#ff9ad5}.instruction{font-size:1rem}.situation,.question{background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:12px 14px}.situation .section-label,.question .section-label{margin-top:0}.situation p{margin:6px 0}.situation .en{color:var(--muted);font-size:.85rem}.atc-box{background:#4fd1ff0a;border:1px dashed #4fd1ff66;border-radius:12px;margin:12px 0;padding:12px 14px}.atc-head{letter-spacing:.15em;color:var(--cyan);align-items:center;gap:8px;margin-bottom:10px;font-size:.72rem;display:flex}.dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:1.6s infinite blink}@keyframes blink{50%{opacity:.3}}.radio-text{border:1px solid var(--line);color:#c9f3ff;background:#070d18;border-radius:10px;margin:10px 0;padding:12px;font-size:.9rem;line-height:1.55}.radio-text.model{color:#d7ffe9}.tip{border-left:3px solid var(--amber);background:#ffb54714;border-radius:0 10px 10px 0;margin:12px 0;padding:10px 12px;font-size:.88rem}.rec-wrap{justify-items:center;gap:10px;margin:22px 0 8px;display:grid}.rec-btn{cursor:pointer;color:#1a1205;background:radial-gradient(circle at 35% 30%, #ffd08a, var(--amber));border:none;border-radius:50%;place-items:center;width:96px;height:96px;transition:transform .15s;display:grid;position:relative;box-shadow:0 10px 30px #ffb5474d}.rec-btn:disabled{opacity:.5}.rec-btn.on{background:radial-gradient(circle at 35% 30%, #ff98a1, var(--red));color:#fff;box-shadow:0 10px 30px #ff5d6c66}.rec-ring{opacity:0;transform:scale(var(--lvl));border:2px solid;border-radius:50%;transition:transform 80ms;position:absolute;inset:-10px}.rec-btn.on .rec-ring{opacity:.6;color:var(--red)}.rec-label{color:var(--muted);letter-spacing:.04em;text-align:center;font-size:.8rem}.loader{justify-content:center;gap:6px;padding:10px;display:flex}.loader span{background:var(--cyan);border-radius:50%;width:8px;height:8px;animation:1s infinite bounce}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}@keyframes bounce{40%{opacity:.5;transform:translateY(-8px)}}.feedback{margin:0;padding-left:20px;font-size:.92rem;line-height:1.6}.metrics{flex-wrap:wrap;gap:8px;margin:12px 0;font-size:.74rem;display:flex}.metrics span{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:4px 8px}.sticky-actions{bottom:calc(env(safe-area-inset-bottom) + 8px);background:var(--bg);padding:8px 0;position:sticky}.talk{padding-bottom:200px}.chat{flex-direction:column;gap:10px;margin-top:10px;display:flex}.bubble{border:1px solid var(--line);border-radius:16px;max-width:88%;padding:10px 14px;font-size:.95rem;line-height:1.5}.bubble.examiner{color:#c9f3ff;background:#0a1628;border-bottom-left-radius:4px;align-self:flex-start}.bubble.pilot{background:#ffb5471f;border-color:#ffb5474d;border-bottom-right-radius:4px;align-self:flex-end}.who{letter-spacing:.15em;color:var(--muted);margin-bottom:4px;font-size:.65rem}.mini-scores{color:var(--amber);margin-top:6px;font-size:.7rem}.talk-dock{padding:8px 16px calc(env(safe-area-inset-bottom) + 12px);background:linear-gradient(180deg, transparent, var(--bg) 35%);position:fixed;bottom:0;left:0;right:0}.talk-dock .rec-wrap{margin:0}.block{display:block}.tutor-hero{background:linear-gradient(135deg, #ffb54733, #4fd1ff14 60%, var(--bg2));border-color:#ffb54773;align-items:center;gap:14px;display:flex}.tutor-hero-icon{font-size:2.2rem}.tutor-hero .btn{white-space:nowrap}.topics{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:12px;display:grid}.topics .card{margin:0}.topic{color:var(--text);cursor:pointer;font-family:var(--sans);text-align:left;align-items:center;gap:12px;display:flex}.topic.featured{background:linear-gradient(135deg, #ffb54729, var(--bg2));border-color:#ffb54780}.topic-icon{background:var(--bg);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:1.7rem;display:grid}.bubble.tutor{max-width:96%;color:var(--text)}.bubble.tutor .teach{margin:8px 0}.fb{background:var(--bg);border:1px solid var(--line);border-radius:10px;margin:4px 0 8px;padding:8px 10px}.fb.ok{color:#c8ffe2;border-color:#3ee08f80}.fb.bad{color:#ffd0d5;border-color:#ff5d6c80}.corrected{margin:6px 0;font-size:.9rem}.corrected .mono{color:#d7ffe9}.say{color:#c9f3ff;background:#070d18;border:1px solid #4fd1ff59;border-radius:10px;gap:4px;margin:8px 0;padding:10px 12px;display:grid}.task{color:var(--amber);margin:6px 0;font-size:.92rem;font-weight:600}.dock-task{border:1px solid var(--line);color:#c9f3ff;background:#070d18;border-radius:12px;justify-content:center;align-items:center;gap:8px;max-width:720px;margin:0 auto 8px;padding:8px 12px;font-size:.85rem;display:flex}.coach-box{background:#ffb54712;border:1px solid #ffb5474d;border-radius:12px;margin:12px 0;padding:10px 12px}.coach-box p{margin:6px 0}.plan-today .steps{gap:8px;display:grid}.step{background:var(--bg);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.step-n{background:var(--panel);width:28px;height:28px;color:var(--amber);border-radius:50%;flex:none;place-items:center;font-size:.8rem;display:grid}.usage-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}.usage-grid div{background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:2px;padding:8px 10px;display:grid}.usage-grid b{font-family:var(--mono);font-size:.95rem}@media (width<=480px){.usage-grid{grid-template-columns:1fr 1fr}}.placement-cta{background:linear-gradient(135deg, #3ee08f29, var(--bg2));border-color:#3ee08f80;display:block}.route-dots{gap:5px;margin:12px 0;display:flex}.dot-u{background:var(--bg);border:1px solid var(--line);border-radius:4px;flex:1;min-width:8px;height:8px}.dot-u.ok{background:var(--green);border-color:var(--green)}.dot-u.cur{background:var(--amber);border-color:var(--amber)}.current-unit{border-color:#ffb54766}.unit-icon{background:var(--bg);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:1.5rem;display:grid}.review-cta{align-items:center;gap:12px;display:flex}.review-cta.due{border-color:#ffb54780}.stage{margin-top:8px}.units{gap:0;display:grid}.unit-row{align-items:center;gap:12px;margin:6px 0;display:flex}.unit-row .progress{display:block}.unit-row .progress span{background:linear-gradient(90deg, var(--cyan), var(--green));height:100%;display:block}.unit-row.current{border-color:#ffb5478c;box-shadow:0 0 0 1px #ffb54733}.unit-row.locked{opacity:.45}.link-inline{color:var(--cyan)}.tabs{margin:14px 0 6px}.rules{padding-left:20px;line-height:1.6}.rules li{margin:4px 0}.phrases{gap:8px;display:grid}.phrase{text-align:left;background:var(--bg);border:1px solid var(--line);color:var(--text);cursor:pointer;font-family:var(--sans);border-radius:10px;gap:3px;padding:10px 12px;display:grid}.phrase .en{color:#c9f3ff;font-size:.9rem}.phrase:active{transform:scale(.99)}.scene{border:1px solid var(--line);background:#0a1322;border-radius:12px;margin:12px 0;overflow:hidden}.scene img{width:100%;height:auto;display:block}.radio-toggle{margin-left:auto;padding:0;font-size:.72rem}.center-text{text-align:center}.center-text .btn{margin-top:10px;display:inline-block}.review-res{margin-top:10px}.page.wide{max-width:1040px}.block-center{text-align:center;margin-top:6px;display:block}.ok-box{color:#c8ffe2;word-break:break-word;background:#3ee08f1a;border:1px solid #3ee08f66;border-radius:10px;margin:10px 0;padding:10px 12px;font-size:.9rem}.tip.block{display:block}.card.danger{border-color:#ff5d6c59}.danger-btn{background:var(--red);color:#fff;border:none}.danger-link{margin-top:18px;color:var(--red)!important}select{border:1px solid var(--line);background:var(--bg);color:var(--text);font:.92rem var(--sans);border-radius:12px;max-width:100%;padding:11px 12px}label.inline{gap:2px;margin:0;font-size:.75rem;display:grid}label.inline input{width:120px;margin-top:2px;padding:9px 10px}.tabs.four{grid-template-columns:repeat(4,1fr)}.group-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.group-grid .card{margin:0}.group-card{gap:10px;display:grid}.stats-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stats-row>div{background:var(--bg);border:1px solid var(--line);border-radius:10px;gap:2px;padding:8px 10px;display:grid}.big-num{font:600 1.25rem var(--mono)}.big-num.ok,.ok-text{color:var(--green)}.big-num.warn{color:var(--warn)}.big-num.bad,.bad{color:var(--red)}.join-code{letter-spacing:.2em;color:var(--amber);font-size:1.8rem}.table-wrap{padding:0;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:.88rem}.tbl th{text-align:left;font:600 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px}.tbl td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.tbl tr:last-child td{border-bottom:none}.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover td{background:#4fd1ff0d}.pill.tiny{margin:1px 2px 1px 0;padding:2px 6px;font-size:.62rem;display:inline-block}.tiny-t{color:var(--muted);font-size:.65rem}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.two-col .card{margin:6px 0}.weekly{align-items:flex-end;gap:6px;height:120px;margin:8px 0;display:flex}.wk{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.wk-bar{background:var(--cyan);border-radius:4px 4px 0 0;width:100%;min-height:4px}.wk-bar.ok{background:var(--green)}.wk-bar.warn{background:var(--warn)}.wk-bar.bad{background:var(--red)}.recent-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.recent-row:last-child{border-bottom:none}.task-row{margin:6px 0}.lesson-text p{line-height:1.6}@media (width<=720px){.two-col{grid-template-columns:1fr}.stats-row,.tabs.four{grid-template-columns:1fr 1fr}}input[type=date]{width:auto;margin-top:0}.row>input:not(.grow):not([type=date]){flex:1;min-width:180px}.wk-bar{max-width:46px}.group-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.group-card .big-num{font-size:1.1rem}@media (width<=720px){.tabs.five{grid-template-columns:repeat(3,1fr)}}.fair-box{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.fair-box .btn.on{border-color:var(--amber);color:var(--amber)}.pilot-card{background:linear-gradient(135deg, #b69bff24, var(--bg2));border-color:#b69bff80}.player{width:100%;margin:10px 0}.rate-row{grid-template-columns:110px 1fr;align-items:center;gap:8px;margin:6px 0;font-size:.85rem;display:grid}.rate-btns{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.rate-btn{background:var(--bg);border:1px solid var(--line);color:var(--text);font:600 .9rem var(--mono);cursor:pointer;border-radius:8px;padding:8px 0}.rate-btn.pass{border-color:#3ee08f40}.rate-btn.on{background:var(--amber);color:#1a1205;border-color:var(--amber)}.small-tbl{margin:8px 0;font-size:.8rem}.small-tbl td,.small-tbl th{padding:6px 8px}.warn-t{color:var(--warn)}details summary{cursor:pointer;margin:6px 0}pre.radio-text{white-space:pre-wrap}.page.with-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 96px)}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 4px calc(env(safe-area-inset-bottom) + 6px);background:#0b1220f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bn-item{color:var(--muted);border-radius:12px;justify-items:center;gap:2px;padding:6px 0;display:grid}.bn-item.on{color:var(--amber);background:#ffb54714}.bn-icon{font-size:1.25rem;line-height:1}.bn-label{font-size:.68rem;font-weight:600}@media (width>=900px){.bottom-nav{border:1px solid var(--line);border-radius:18px;max-width:560px;margin:0 auto 14px}}.big-btn{text-align:center;margin-top:12px;padding:15px 18px;font-size:1.02rem;display:block}.chev{color:var(--muted);font-size:1.4rem;line-height:1}.sub-hello{margin:-4px 0 10px;font-size:.9rem}.onboard{max-width:520px;padding-top:calc(env(safe-area-inset-top) + 24px)}.steps-dots{justify-content:center;gap:6px;margin-bottom:18px;display:flex}.steps-dots span{background:var(--line);border-radius:3px;width:28px;height:5px}.steps-dots span.on{background:var(--amber)}.ob-card h1{font-size:1.7rem}.ob-card h3{margin-top:22px}.ob-hero{text-align:center;margin:10px 0;font-size:3.2rem}.lead{font-size:1.05rem;line-height:1.55}.ob-how{gap:10px;margin:18px 0;display:grid}.ob-how div{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:44px 1fr;align-items:center;column-gap:12px;padding:12px 14px;display:grid}.ob-how span{text-align:center;grid-row:span 2;font-size:1.7rem}.ob-how small{color:var(--muted)}.ob-tips{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.ob-tips li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.choice{background:var(--panel);border:2px solid var(--line);color:var(--text);cursor:pointer;font-family:var(--sans);border-radius:14px;gap:4px;padding:16px 12px;font-size:1rem;display:grid}.choice small{color:var(--muted)}.choice.on{border-color:var(--amber);background:#ffb5471a}.date-big{padding:14px;font-size:1.05rem}.mission{background:linear-gradient(160deg, #ffb5471f, var(--bg2) 55%);border-color:#ffb54773}.mission-head{align-items:center;gap:14px;margin-bottom:12px;display:flex}.mission-title{font-size:1.15rem;font-weight:700}.ring{--p:0;background:conic-gradient(var(--green) calc(var(--p) * 1%), var(--line) 0);border-radius:50%;flex:none;place-items:center;width:62px;height:62px;display:grid}.ring span{background:var(--bg2);width:48px;height:48px;font:700 .95rem var(--mono);border-radius:50%;place-items:center;display:grid}.mission-steps{gap:8px;display:grid}.mstep{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.mstep.next{border-color:var(--amber);box-shadow:0 0 0 1px #ffb54740}.mstep.done{opacity:.6}.mstep.done b{text-decoration:line-through}.mcheck{background:var(--panel);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:1.15rem;display:grid}.mstep.done .mcheck{background:var(--green);color:#062314;font-weight:700}.mbar{background:var(--panel);border-radius:3px;height:5px;margin-top:6px;display:block;overflow:hidden}.mbar span{background:var(--amber);height:100%;display:block}.progress-card{text-align:center;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:8px;display:grid}.pc-item{justify-items:center;gap:4px;display:grid}.pc-item b{font-size:1.2rem}.pc-item small{color:var(--muted);font-size:.75rem}.lv-circle{width:52px;height:52px;font:700 1.5rem var(--mono);border:3px solid var(--line);background:var(--bg);border-radius:50%;place-items:center;display:grid}.lv-circle.sm{width:40px;height:40px;font-size:1.15rem}.lv-circle.ok{border-color:var(--green);color:var(--green)}.lv-circle.warn{border-color:var(--warn);color:var(--warn)}.lv-circle.bad{border-color:var(--red);color:var(--red)}.lv-circle.goal{box-shadow:0 0 18px #3ee08f59}.plan-hero p{line-height:1.55}.lv-journey{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:6px 0 12px;display:grid}.lv-node{justify-items:center;gap:4px;display:grid}.lv-node small{color:var(--muted);font-size:.72rem}.lv-line{background:linear-gradient(90deg, var(--amber), var(--green));border-radius:2px;height:4px;position:relative}.lv-line span{white-space:nowrap;font:600 .75rem var(--mono);color:var(--text);position:absolute;top:-24px;left:50%;transform:translate(-50%)}.plan-facts{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.plan-facts div{background:var(--bg);border:1px solid var(--line);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.plan-facts small{color:var(--muted);font-size:.75rem}.cta-big{border-color:#ffb54773;align-items:center;gap:12px;display:flex}.cta-big b{display:block}.cta-icon{font-size:1.8rem}.routine{gap:6px;display:grid}.routine-row{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:10px;padding:6px 0;display:grid}.routine-row:last-child{border-bottom:none}.routine-row .mono{color:var(--amber)}.stage-card.done{border-color:#3ee08f66}.stage-units{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:10px;display:grid}.su{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:12px;gap:4px;padding:10px;font-size:.85rem;display:grid}.su span{font-size:1.2rem}.su.ok{border-color:#3ee08f80}.su.ok span{color:var(--green)}.su.cur{border-color:var(--amber);background:#ffb54714}.su.lock{opacity:.45}.hub{gap:0;display:grid}.hub-card{color:var(--text);align-items:center;gap:14px;margin:6px 0;display:flex}.hub-icon{background:var(--bg);border-radius:14px;flex:none;place-items:center;width:50px;height:50px;font-size:1.8rem;display:grid}.lp{max-width:1120px;padding:calc(env(safe-area-inset-top) + 14px) 20px 40px;margin:0 auto}.lp h1{letter-spacing:-.03em;margin:18px 0 16px;font-size:clamp(2.2rem,5.6vw,3.8rem);line-height:1.05}.lp h1 span{color:var(--amber)}.lp h2{letter-spacing:-.02em;font-size:clamp(1.5rem,3.4vw,2.2rem)}.lp h3{margin:10px 0 6px;font-size:1.05rem}.lp-nav{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.lp-nav-links{align-items:center;gap:20px;font-size:.92rem;display:flex}.lp-nav-links a:not(.btn){color:var(--muted)}.lp-nav-links a:not(.btn):hover{color:var(--text)}.lp-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;padding:56px 0 40px;display:grid}.lp-pill{letter-spacing:.16em;color:var(--cyan);border:1px solid #4fd1ff59;border-radius:99px;padding:6px 12px;font-size:.7rem;display:inline-block}.lp-lead{color:#c3cde2;max-width:560px;font-size:1.12rem}.lp-cta{flex-wrap:wrap;gap:12px;margin:26px 0 12px;display:flex}.lp-big{padding:15px 22px;font-size:1rem}.lp-demo{border:1px solid var(--line);background:linear-gradient(#16233f,#101a30);border-radius:22px;padding:20px;transform:rotate(-1.2deg);box-shadow:0 30px 80px #00000073}.lp-demo-head{letter-spacing:.12em;color:var(--muted);align-items:center;gap:8px;margin-bottom:14px;font-size:.72rem;display:flex}.lp-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%;animation:1.6s infinite lpPulse}@keyframes lpPulse{50%{opacity:.3}}.lp-line{background:var(--bg);border:1px solid var(--line);border-radius:14px;gap:12px;margin-bottom:10px;padding:12px 14px;font-size:.95rem;display:flex}.lp-line.me{border-color:#ffb54773}.lp-who{color:var(--cyan);min-width:30px;padding-top:3px;font-size:.75rem}.lp-line.me .lp-who{color:var(--amber)}.lp-score{align-items:center;gap:18px;margin-top:16px;display:flex}.lp-level{border:3px solid var(--green);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:86px;height:86px;display:flex}.lp-level b{color:var(--green);font-size:2rem;line-height:1}.lp-level small{color:var(--muted);font-size:.7rem}.lp-bars{flex:1;gap:6px;display:grid}.lp-bar{color:var(--muted);grid-template-columns:96px 1fr;align-items:center;gap:8px;font-size:.72rem;display:grid}.lp-bar i{background:var(--bg);border-radius:9px;height:6px;overflow:hidden}.lp-bar em{background:linear-gradient(90deg, var(--cyan), var(--green));border-radius:9px;height:100%;display:block}.lp-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 30px;display:grid}.lp-stats div{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;padding:18px}.lp-stats b{color:var(--amber);font-size:1.9rem;display:block}.lp-stats span{color:var(--muted);font-size:.82rem}.lp-sec{padding:50px 0 10px}.lp-sub{max-width:640px;margin-top:-4px}.lp-steps{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.lp-step,.lp-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}.lp-step p,.lp-card p{color:var(--muted);margin:0;font-size:.93rem}.lp-n{background:var(--amber);color:#1a1205;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:inline-flex}.lp-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;display:grid}.lp-ico{font-size:1.6rem}.lp-school{border:1px solid var(--line);background:linear-gradient(135deg,#15223d,#0f182b);border-radius:26px;grid-template-columns:1.4fr 1fr;align-items:center;gap:30px;margin-top:50px;padding:40px;display:grid}.lp-school-mark{filter:drop-shadow(0 20px 50px #ffb54740);justify-content:center;display:flex}.lp-list{margin:18px 0 24px;padding-left:0;list-style:none}.lp-list li{color:#c3cde2;padding:7px 0 7px 28px;position:relative}.lp-list li:before{content:"✓";color:var(--green);font-weight:700;position:absolute;left:0}.lp-faq{gap:10px;max-width:820px;margin-top:20px;display:grid}.lp-q{text-align:left;background:var(--panel);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;border-radius:14px;width:100%;padding:16px 18px;display:block}.lp-q.on{border-color:#ffb54773}.lp-q-t{justify-content:space-between;gap:12px;font-weight:600;display:flex}.lp-q-t i{color:var(--amber);font-size:1.2rem;font-style:normal;line-height:1}.lp-a{color:var(--muted);margin-top:10px;line-height:1.55;display:block}.lp-final{text-align:center;padding:70px 0 40px}.lp-final h2{max-width:640px;margin:0 auto 22px}.lp-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:24px;display:flex}.lp-foot-links{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:.9rem;display:flex}.lp-foot small{width:100%}@media (width<=860px){.lp-hero{grid-template-columns:1fr;gap:34px;padding-top:30px}.lp-demo{transform:none}.lp-stats,.lp-grid{grid-template-columns:repeat(2,1fr)}.lp-steps{grid-template-columns:1fr}.lp-school{grid-template-columns:1fr;padding:26px}.lp-school-mark,.lp-nav-links a:not(.btn){display:none}}@media (width<=420px){.lp-cta .btn{width:100%}.lp-bar{grid-template-columns:80px 1fr}}@media (width<=720px){.tabs.five{grid-template-columns:repeat(3,1fr)}}.table-card{padding:0;overflow-x:auto}.ok-text{color:var(--green)}.warn-text{color:var(--warn)}.pro-tag{font:700 .6rem var(--mono);letter-spacing:.12em;color:#1a1205;background:var(--amber);vertical-align:middle;border-radius:6px;margin-left:8px;padding:2px 6px;display:inline-block}.pro-banner{background:linear-gradient(135deg,#ffb5471a,#ffb54705);border-color:#ffb54766;align-items:center;gap:12px;display:flex}.pro-banner>span:first-child{font-size:1.5rem}.pro-lock{text-align:center;border-color:#ffb54766}.pro-lock-ico,.pay-ico{font-size:2.6rem}.pro-lock h3{margin:6px 0}.pro-hero{text-align:center;padding:10px 0 6px}.pro-star{font-size:2.8rem}.check-list{margin:6px 0;padding:0;list-style:none}.check-list li{padding:6px 0 6px 26px;line-height:1.4;position:relative}.check-list li:before{content:"✓";color:var(--green);font-weight:700;position:absolute;left:0}.plans{grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0;display:grid}@media (width<=720px){.plans{grid-template-columns:1fr}}.plan{flex-direction:column;gap:6px;padding-top:22px;display:flex;position:relative}.plan.featured,.lp-price.featured{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber), 0 20px 50px #ffb5471f}.plan-badge{background:var(--amber);color:#1a1205;font:700 .68rem var(--mono);letter-spacing:.06em;white-space:nowrap;border-radius:99px;padding:4px 10px;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.plan-title{font-weight:700}.plan-price{letter-spacing:-.02em;font-size:1.9rem;font-weight:800}.plan-price small{color:var(--muted);font-size:.8rem;font-weight:400}.plan-save{color:var(--green);font-size:.85rem;font-weight:600}.plan .btn{margin-top:auto}.pay-result{padding:30px 20px}.pay-hist{border-top:1px solid var(--line);gap:6px;margin-top:12px;padding-top:10px;display:grid}.lp-prices{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:14px;margin-top:26px;display:grid}.lp-price{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:6px;padding:24px 20px 20px;display:flex;position:relative}.lp-price .check-list{color:#c3cde2;margin:8px 0 12px;font-size:.88rem}.lp-price .btn{margin-top:auto}@media (width<=960px){.lp-prices{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.lp-prices{grid-template-columns:1fr}}.price-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 14px;display:grid}.price-grid.three label{flex-direction:column;gap:6px;display:flex}@media (width<=720px){.price-grid{grid-template-columns:1fr}}.price-edit{background:var(--bg);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:flex}.price-edit.off{opacity:.55}.price-edit input[type=number],.price-grid input[type=number]{width:100%;margin-top:4px}.switch-row{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.switch-row input{width:auto;margin:0}.tabs.five{grid-template-columns:repeat(7,1fr)}@media (width<=720px){.tabs.five{grid-template-columns:repeat(4,1fr)}}.presence{color:var(--muted);align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.presence i{background:#4a5875;border-radius:50%;flex-shrink:0;width:8px;height:8px}.presence.on{color:var(--green)}.presence.on i{background:var(--green);box-shadow:0 0 8px var(--green);animation:1.6s infinite lpPulse}.wk-bar.study{background:linear-gradient(180deg, var(--cyan), #4fd1ff59)}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filters select{width:auto}.row.wrap{flex-wrap:wrap}.stats-row.five{grid-template-columns:repeat(5,1fr)}@media (width<=720px){.stats-row.five{grid-template-columns:repeat(2,1fr)}}.audio-status{left:50%;bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:60;border:1px solid var(--line);color:var(--text);background:#1a2848;border-radius:99px;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:.85rem;animation:.18s ease-out asIn;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.audio-status.playing{border-color:#4fd1ff80}.audio-status button{background:var(--bg);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:99px;width:30px;height:30px;font-size:.7rem}@keyframes asIn{0%{opacity:0;transform:translate(-50%,8px)}}.spin{border:2px solid #ffffff40;border-top-color:var(--cyan);vertical-align:-2px;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}.spin.dark{border-color:#1a1205 #1a120540 #1a120540}@keyframes spin{to{transform:rotate(360deg)}}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{background:var(--cyan);border-radius:2px;width:3px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}@keyframes eq{0%,to{height:4px}50%{height:14px}}