:root{--cobalt:#304bea;--cobalt-600:#2439c4;--cobalt-100:#e4e9ff;--lime:#d8ff65;--lime-600:#b6e62a;--bg:#f5f7fc;--ink:#0d1533;--ink-2:#4a5478;--line:#0d15331a;--ok:#0f8a4b;--ok-bg:#dcf7e8;--bad:#c62842;--bad-bg:#ffe3e8;--warn:#8a5a00;--warn-bg:#fff1cf;--radius:22px;--glass:#ffffff94;--glass-strong:#ffffffc7;--glass-border:#ffffffd9;--shadow:0 1px 0 #ffffffe6 inset, 0 10px 30px -12px #2439c447, 0 2px 6px #0d15330d;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}*{box-sizing:border-box}html{background:var(--bg)}html,body{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;line-height:1.15}h1{font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:800}h2{font-size:1.3rem;font-weight:700}h3{font-size:1.05rem;font-weight:700}p{margin:0}a{color:var(--cobalt)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:10px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--ink-2)}.small{font-size:.875rem}.stack{align-content:start;gap:16px;display:grid}.stack-lg{gap:28px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:16px;display:grid}.center{text-align:center}.backdrop{z-index:-1;background:linear-gradient(160deg,#f7f9ff 0%,#eef2ff 55%,#f6ffe0 130%);position:fixed;inset:0;overflow:hidden}.blob{filter:blur(46px);opacity:.55;will-change:transform, border-radius;animation:drift 22s var(--ease) infinite alternate, morph 14s ease-in-out infinite;position:absolute}.blob.b1{background:radial-gradient(circle at 30% 30%, #5b74ff, var(--cobalt));width:46vmax;height:46vmax;top:-14vmax;left:-12vmax}.blob.b2{background:radial-gradient(circle at 60% 40%, var(--lime), #c9f24a);opacity:.6;width:34vmax;height:34vmax;animation-duration:26s,17s;animation-delay:-6s,-3s;top:18vh;right:-10vmax}.blob.b3{opacity:.4;background:radial-gradient(circle,#8fd3ff,#4e8dff);width:30vmax;height:30vmax;animation-duration:30s,19s;animation-delay:-12s,-8s;bottom:-16vmax;left:25vw}@keyframes drift{0%{transform:translate(0,0)rotate(0)}to{transform:translate(6vw,5vh)rotate(40deg)}}@keyframes morph{0%,to{border-radius:58% 42% 61% 39%/44% 56%}33%{border-radius:41% 59% 45% 55%/60% 38% 62% 40%}66%{border-radius:63% 37% 52% 48%/38% 62%}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.7);backdrop-filter:blur(22px)saturate(1.7);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow);isolation:isolate;position:relative}.glass:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(240px circle at var(--mx,20%) var(--my,0%), #ffffffbf, transparent 70%);opacity:.85;transition:opacity .3s;position:absolute;inset:0}.card{padding:22px}.card.tight{padding:16px}.card.strong{background:var(--glass-strong)}.hero{color:#fff;background:linear-gradient(135deg,#304beaf2,#2439c4eb);border-color:#ffffff40;overflow:hidden}.hero:before{background:radial-gradient(320px circle at var(--mx,80%) var(--my,0%), #d8ff6547, transparent 70%)}.hero .muted{color:#ffffffc7}.hero-blob{z-index:-1;background:radial-gradient(circle,#d8ff6599,#d8ff6500 68%);width:300px;height:300px;animation:11s ease-in-out infinite morph,16s ease-in-out infinite alternate drift;position:absolute;top:-110px;right:-90px}.btn{cursor:pointer;background:var(--cobalt);color:#fff;min-height:46px;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .2s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px -8px #304beab3,inset 0 1px #ffffff59}.btn:hover{background:var(--cobalt-600);transform:translateY(-2px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn.lime{background:var(--lime);color:var(--ink);box-shadow:0 8px 20px -8px #96c800cc,inset 0 1px #ffffffb3}.btn.lime:hover{background:#e6ff8f}.btn.ghost{background:var(--glass-strong);color:var(--ink);border-color:var(--line);box-shadow:none}.btn.ghost:hover{background:#fff}.btn.danger{background:var(--bad)}.btn.small{min-height:36px;padding:0 14px;font-size:.875rem}.field{gap:6px;display:grid}.field>label,.label{font-size:.925rem;font-weight:700}.hint{color:var(--ink-2);font-size:.85rem}input[type=text],input[type=email],input[type=password],input[type=number],input[type=time],select,textarea{border:1.5px solid var(--line);background:#ffffffd9;border-radius:14px;width:100%;min-height:46px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;min-height:96px}input:focus,select:focus,textarea:focus{border-color:var(--cobalt);outline:none;box-shadow:0 0 0 4px #304bea26}input[type=range]{width:100%;accent-color:var(--cobalt);min-height:32px}.chip{background:var(--cobalt-100);color:var(--cobalt-600);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.chip.lime{background:var(--lime);color:var(--ink)}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.chip.grey{color:var(--ink-2);background:#0d153312}.toggle-chip{border:1.5px solid var(--line);cursor:pointer;min-height:44px;transition:all .2s var(--ease);background:#fffc;border-radius:999px;padding:0 16px;font-weight:600}.toggle-chip[aria-pressed=true]{background:var(--cobalt);border-color:var(--cobalt);color:#fff;transform:scale(1.03)}.banner{border-radius:16px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:.95rem;display:flex}.banner.info{background:var(--cobalt-100);color:#1a2a90}.banner.ok{background:var(--ok-bg);color:#0a5c32}.banner.warn{background:var(--warn-bg);color:var(--warn)}.banner.bad{background:var(--bad-bg);color:var(--bad)}.banner svg{flex:none;margin-top:2px}.shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{flex-direction:column;gap:6px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar .glass{flex-direction:column;flex:1;gap:4px;padding:18px 12px;display:flex}.brand{gap:4px;padding:4px 8px 16px;display:grid}.academy-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--cobalt);padding-left:4px;font-size:.72rem;font-weight:800}.navlink{color:var(--ink-2);min-height:48px;transition:background .2s, color .2s, transform .2s var(--ease);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;font-weight:600;text-decoration:none;display:flex;position:relative}.navlink:hover{color:var(--ink);background:#ffffffb3;transform:translate(2px)}.navlink.active{color:#fff;background:var(--cobalt);box-shadow:0 8px 18px -8px #304beacc}.navlink .dot{background:var(--lime);min-width:22px;height:22px;color:var(--ink);border-radius:11px;place-items:center;margin-left:auto;font-size:.75rem;font-weight:800;display:grid}.main{width:100%;max-width:1100px;margin:0 auto;padding:28px clamp(16px,4vw,48px) 60px}.bottomnav{display:none}.pagehead{gap:6px;margin-bottom:22px;display:grid}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px 16px 110px}.bottomnav{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));z-index:40;border-radius:28px;justify-content:space-around;gap:2px;padding:6px;display:flex;position:fixed}.bottomnav .navlink{border-radius:20px;flex-direction:column;flex:1;justify-content:center;gap:2px;min-height:54px;padding:6px 4px;font-size:.7rem}.bottomnav .navlink:hover{transform:none}}.ring{place-items:center;display:inline-grid;position:relative}.ring svg{transform:rotate(-90deg)}.ring .track{stroke:#0d153317}.ring .val{stroke:var(--cobalt);stroke-linecap:round;transition:stroke-dashoffset 1.1s var(--ease)}.ring.lime .val{stroke:var(--lime-600)}.hero .ring .track{stroke:#fff3}.hero .ring .val{stroke:var(--lime)}.ring .center-label{text-align:center;font-weight:800;line-height:1.1;position:absolute}.bar{background:#0d153314;border-radius:999px;height:10px;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--cobalt), #6d84ff);height:100%;transition:width .9s var(--ease);border-radius:999px;display:block}.bar.lime>i{background:linear-gradient(90deg, var(--lime-600), var(--lime))}.stat{gap:2px;display:grid}.stat b{letter-spacing:-.03em;font-size:1.7rem;font-weight:800}.stat span{color:var(--ink-2);font-size:.82rem;font-weight:600}.level-card{color:inherit;transition:transform .35s var(--ease), box-shadow .35s;gap:12px;padding:20px;text-decoration:none;display:grid}.level-card:hover{transform:translateY(-4px)}.level-card.current{outline:2px solid var(--cobalt);animation:2.8s ease-in-out infinite pulse-ring}@keyframes pulse-ring{0%,to{box-shadow:var(--shadow), 0 0 0 0 #304bea59}50%{box-shadow:var(--shadow), 0 0 0 10px #304bea00}}.lvl-num{background:var(--cobalt-100);width:44px;height:44px;color:var(--cobalt-600);border-radius:15px;place-items:center;font-weight:800;display:grid}.level-card.done .lvl-num{background:var(--lime);color:var(--ink)}.tabs{border-radius:999px;gap:2px;padding:4px;display:inline-flex}.tabs a,.tabs button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:40px;padding:8px 18px;font-weight:700;text-decoration:none}.tabs .on{background:var(--cobalt);color:#fff}.lesson-deck{position:relative}.lesson{align-content:start;gap:8px;min-height:170px;padding:24px;display:grid}.lesson .n{color:var(--cobalt);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:800}.dots{justify-content:center;gap:8px;display:flex}.dots button{cursor:pointer;width:12px;height:12px;transition:all .3s var(--ease);background:#0d15332e;border:0;border-radius:50%;padding:0}.dots button[aria-current=true]{background:var(--cobalt);border-radius:6px;width:32px}.notes{white-space:pre-wrap}.quiz{max-width:760px;margin:0 auto}.qhead{align-items:center;gap:14px;display:flex}.qhead .bar{flex:1}.stem{letter-spacing:-.015em;font-size:clamp(1.15rem,3.2vw,1.4rem);font-weight:700;line-height:1.35}.choices{gap:10px;display:grid}.choice{text-align:left;background:var(--glass-strong);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;min-height:58px;box-shadow:var(--shadow);transition:transform .25s var(--ease), border-color .2s, background .2s;border:2px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:12px 16px;font-weight:600;display:flex}.choice:hover:not(:disabled){border-color:#304bea59;transform:translate(4px)}.choice .key{background:var(--cobalt-100);width:34px;height:34px;color:var(--cobalt-600);border-radius:11px;flex:none;place-items:center;font-size:.9rem;font-weight:800;transition:all .2s;display:grid}.choice[aria-checked=true]{border-color:var(--cobalt);background:#fff}.choice[aria-checked=true] .key{background:var(--cobalt);color:#fff}.choice.right{border-color:var(--ok);background:var(--ok-bg)}.choice.right .key{background:var(--ok);color:#fff}.choice.wrong{border-color:var(--bad);background:var(--bad-bg);animation:.4s shake}.choice.wrong .key{background:var(--bad);color:#fff}.choice.dim{opacity:.55}.choice:disabled{cursor:default}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.feedback{border-radius:20px;gap:8px;padding:18px 20px;display:grid}.feedback.ok{background:var(--ok-bg)}.feedback.bad{background:var(--bad-bg)}.xp-pop{z-index:90;pointer-events:none;color:var(--ink);background:var(--lime);border-radius:999px;padding:8px 22px;font-size:2rem;font-weight:800;position:fixed;top:32%;left:50%;box-shadow:0 14px 40px -10px #78aa00cc}.chat{align-content:start;gap:12px;display:grid}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:20px;max-width:min(560px,88%);padding:12px 16px;line-height:1.45}.bubble.customer{background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-bottom-left-radius:6px}.bubble.learner{background:var(--cobalt);color:#fff;border-bottom-right-radius:6px;margin-left:auto}.who{color:var(--ink-2);margin-bottom:3px;font-size:.75rem;font-weight:700}.who.r{text-align:right}.typing{gap:5px;padding:14px 16px;display:inline-flex}.typing i{background:var(--cobalt);opacity:.4;border-radius:50%;width:8px;height:8px;animation:1s infinite bounce}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.cue{align-items:center;gap:8px;font-size:.85rem;display:flex}.cue svg{flex:none}.daily-popup{z-index:60;width:min(380px,100vw - 32px);position:fixed;bottom:20px;right:20px}@media (width<=860px){.daily-popup{width:auto;bottom:96px;left:16px;right:16px}}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.badge{text-align:center;justify-items:center;gap:8px;padding:18px 12px;display:grid}.medal{background:linear-gradient(145deg, var(--lime), #a8e21a);width:64px;height:64px;color:var(--ink);border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 22px -8px #78aa00cc,inset 0 2px #ffffffb3}.badge.locked .medal{color:#0d153359;box-shadow:none;background:#0d153314}.badge.locked{opacity:.75}table.data{border-collapse:collapse;width:100%;font-size:.92rem}table.data th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);padding:10px 12px;font-size:.78rem}table.data td{border-top:1px solid var(--line);vertical-align:middle;padding:12px}.scroll-x{overflow-x:auto}.heat{grid-template-columns:repeat(12,minmax(18px,1fr));gap:4px;display:grid}.heat i{background:#0d153314;border-radius:8px;place-items:center;height:26px;font-size:.7rem;font-style:normal;font-weight:700;display:grid}.quote{letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.crescent-mark{display:inline-block}.toasts{z-index:100;gap:10px;max-width:min(360px,100vw - 32px);display:grid;position:fixed;top:16px;right:16px}.toast{align-items:center;gap:12px;padding:14px 16px;display:flex}.confetti-layer{pointer-events:none;z-index:95;position:fixed;inset:0;overflow:hidden}.divider{background:var(--line);height:1px;margin:4px 0}.kbd{background:#0d153314;border-radius:6px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.75rem}details.glass>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:16px 20px;font-weight:700;list-style:none;display:flex}details.glass>summary::-webkit-details-marker{display:none}details.glass[open]>summary{border-bottom:1px solid var(--line)}details.glass>div{padding:16px 20px 20px}.auth-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{width:min(100%,440px);padding:30px}.skeleton{background:linear-gradient(90deg,#fff6,#ffffffd9,#fff6) 0 0/200% 100%;border-radius:16px;min-height:90px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.blob,.level-card.current{animation:none}}@media (prefers-reduced-transparency:reduce){.glass,.choice{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:#ffffffeb}}