:root,[data-theme=light]{--bg:#f4f6fb;--bg-dots:radial-gradient(circle at 50% 0%, #f973160d, transparent 55%);--panel:#fff;--panel-sunken:#eef1f7;--line:#e2e7f0;--border:#dce2ee;--ink:#0f172a;--muted:#5b6b80;--accent:#f97316;--accent-soft:#fff1e7;--accent-glow:#f9731647;--accent-dark:#9a3412;--accent-fill:#c2410c;--select-fill:#2563eb;--leaf-fill:#047857;--bad-fill:#d3173f;--accent-secondary:#7c3aed;--accent-secondary-soft:#f5f3ff;--select:#2563eb;--select-soft:#eff6ff;--leaf:#047857;--leaf-soft:#ecfdf5;--bad:#d3173f;--bad-soft:#fff1f2;--hint-bg:#f5f3ff;--hint-border:#ddd6fe;--hint-ink:#5b21b6;--chip:#ebf0f7;--paper:#fff;--paper-line:#e2e7f0;--paper-ink:#0f172a;--glass-bg:#ffffffd9;--glass-border:#0f172a14;--shadow-tactile:0 4px 0 var(--border);--shadow-btn-primary:0 4px 0 var(--accent-dark), 0 10px 22px -6px #f973166b;--shadow-card:0 16px 38px -12px #0f172a12, 0 2px 6px #0f172a08;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-pill:9999px;--read:"Onest", "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--display:"Onest", "Unbounded", -apple-system, "Segoe UI", Roboto, sans-serif;--display-hero:"Unbounded", "Onest", sans-serif;--body:"Onest", "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0a0c12;--bg-dots:radial-gradient(circle at 50% 0%, #fb923c14, transparent 55%);--panel:#131621;--panel-sunken:#0d0f17;--line:#232838;--border:#252b3d;--ink:#f8fafc;--muted:#94a3b8;--accent:#fb923c;--accent-soft:#fb923c26;--accent-glow:#fb923c59;--accent-dark:#9a3412;--accent-fill:#c2410c;--select-fill:#2563eb;--leaf-fill:#047857;--bad-fill:#d3173f;--accent-secondary:#a78bfa;--accent-secondary-soft:#a78bfa29;--select:#60a5fa;--select-soft:#3b82f629;--leaf:#34d399;--leaf-soft:#34d39924;--bad:#fb7185;--bad-soft:#f43f5e29;--hint-bg:#8b5cf624;--hint-border:#a78bfa52;--hint-ink:#ddd6fe;--chip:#1c2130;--paper:#131621;--paper-line:#232838;--paper-ink:#f8fafc;--glass-bg:#131621d1;--glass-border:#ffffff17;--shadow-tactile:0 4px 0 #07080d;--shadow-btn-primary:0 4px 0 var(--accent-dark), 0 12px 26px -6px #fb923c61;--shadow-card:0 24px 52px -12px #000000a6, inset 0 1px 0 #ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a0c12;--bg-dots:radial-gradient(circle at 50% 0%, #fb923c14, transparent 55%);--panel:#131621;--panel-sunken:#0d0f17;--line:#232838;--border:#252b3d;--ink:#f8fafc;--muted:#94a3b8;--accent:#fb923c;--accent-soft:#fb923c26;--accent-glow:#fb923c59;--accent-dark:#9a3412;--accent-fill:#c2410c;--select-fill:#2563eb;--leaf-fill:#047857;--bad-fill:#d3173f;--accent-secondary:#a78bfa;--accent-secondary-soft:#a78bfa29;--select:#60a5fa;--select-soft:#3b82f629;--leaf:#34d399;--leaf-soft:#34d39924;--bad:#fb7185;--bad-soft:#f43f5e29;--hint-bg:#8b5cf624;--hint-border:#a78bfa52;--hint-ink:#ddd6fe;--chip:#1c2130;--paper:#131621;--paper-line:#232838;--paper-ink:#f8fafc;--glass-bg:#131621d1;--glass-border:#ffffff17;--shadow-tactile:0 4px 0 #07080d;--shadow-btn-primary:0 4px 0 var(--accent-dark), 0 12px 26px -6px #fb923c61;--shadow-card:0 24px 52px -12px #000000a6, inset 0 1px 0 #ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{background-color:var(--bg);background-image:var(--bg-dots);color:var(--ink);font-family:var(--body);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-repeat:no-repeat;background-attachment:fixed;margin:0;font-size:16px;line-height:1.55;transition:background-color .25s,color .25s}button,a,[role=button],select,summary,.m,.opt,.tile,.card-s,.tickbox,.prompt.pickable{touch-action:manipulation}button,.btn,.opt,.m,.tile,.smap-node,.dash-nav a,.words-tabs button,.words-tabs a,.rv-r,.theme-toggle-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (pointer:coarse){input,textarea,select{font-size:max(16px,1em)}}.wrap{grid-template-columns:232px 1fr;gap:32px;max-width:1080px;margin:0 auto;padding-block:28px 64px;display:grid}@media (width<=760px){.wrap{padding-block:12px calc(76px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;gap:16px}}h1,h2{font-family:var(--display);text-wrap:balance;letter-spacing:-.025em;margin:0;font-weight:800}h1{font-size:clamp(30px,5.5vw,46px);line-height:1.06}h2{font-size:26px;line-height:1.15}h3{margin:0;font-size:17px}p{margin:0}.hint,.ru{color:var(--muted);font-size:14px}.rail{flex-direction:column;align-self:start;gap:6px;display:flex;position:sticky;top:16px}.rail .label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:12px}.rail a{color:var(--ink);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.rail a:hover,.rail a:focus-visible{background:var(--chip);outline:none;transform:translate(4px)}.rail .n{font-family:var(--mono);color:var(--muted);width:20px;font-size:12px}.rail .stamp{border:2px solid var(--line);border-radius:50%;width:18px;height:18px;margin-left:auto}.rail a.done .stamp{background:var(--leaf-fill);border-color:var(--leaf-fill)}.progress{color:var(--muted);margin-top:12px;font-size:13px}.bar{background:var(--chip);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--accent), #fb923c);border-radius:3px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1);display:block;position:relative}.bar i:after{content:"";filter:blur(2px);background:linear-gradient(90deg,#0000,#fff6);width:20px;position:absolute;top:0;bottom:0;right:0}@media (width<=760px){.rail{background:var(--panel);border:1.5px solid var(--border);box-shadow:var(--shadow-card);border-radius:18px;flex-flow:wrap;align-items:center;gap:8px 10px;padding:10px 12px;position:static}.rail .label,.rail .stamp{display:none}.rail a{background:var(--chip);border-radius:999px;padding:6px 12px;font-size:13.5px}.rail a.done{background:var(--leaf-soft)}.rail .rail-head{flex:auto;width:auto;margin-bottom:0}.rail .rail-head .back{background:var(--chip);color:var(--ink);border-radius:999px;flex:0 auto;padding:6px 12px;font-weight:700}.rail .rail-words{border-radius:999px;order:0;padding:6px 12px;font-size:13px;margin-top:0!important}.rail .link.small{order:0;align-self:center;margin-top:0}.rail .pick{order:2;width:100%;margin-bottom:0;padding:9px 12px;font-size:14px}.rail .progress{order:3;align-items:center;gap:10px;width:100%;margin-top:0;font-size:12.5px;display:flex}.rail .progress .bar{flex:1;margin-top:0}}.rail .parts{display:contents}@media (width<=480px){.rail{gap:8px;min-width:0}.rail .bgm{margin:0}.rail .bgm-title{display:none}.rail .parts{scrollbar-width:none;flex:1 0 100%;order:2;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.rail .parts a{white-space:nowrap;flex:none}.hero-art{aspect-ratio:16/4}.hero{gap:8px}}main{flex-direction:column;gap:40px;min-width:0;display:flex}.hero{flex-direction:column;gap:12px;display:flex}.eyebrow{font-family:var(--mono);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:13px}.meta{flex-wrap:wrap;gap:8px;display:flex}.meta span{background:var(--chip);border-radius:999px;padding:4px 12px;font-size:14px}.lede{max-width:56ch;font-size:17px}section{flex-direction:column;gap:16px;scroll-margin-top:16px;display:flex}.shead{border-bottom:2px solid var(--line);align-items:center;gap:12px;margin-bottom:8px;padding-bottom:12px;display:flex;position:relative}.shead:after{content:"";background:var(--accent);border-radius:2px;width:40px;height:2px;position:absolute;bottom:-2px;left:0}.shead .n{font-family:var(--mono);background:var(--accent-soft);color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.shead .mins{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.stack{flex-direction:column;gap:10px;display:flex}.video{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.screen{aspect-ratio:16/9;background:#1a1d38;border:0;width:100%;display:block}.vinfo{flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 16px;font-size:14px;display:flex}.vlead{margin:0;padding:12px 16px;font-size:15px;font-weight:600}.vinfo code{font-family:var(--mono);background:var(--chip);border-radius:4px;padding:2px 6px}.vinfo a{color:var(--accent)}input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px}ol.q{flex-direction:column;gap:12px;margin:0;padding-left:22px;display:flex}textarea{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);resize:vertical;border-radius:8px;margin-top:4px;padding:10px}textarea:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input,textarea{transition:all .2s}.cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 4px #00000005}@media (hover:hover) and (pointer:fine){.card:hover{transform:translateY(-2px);box-shadow:0 6px 12px -2px #0000000d}}.card .w{font-family:var(--display);font-size:20px;font-weight:400}.card .pos{font-family:var(--mono);color:var(--muted);font-size:12px}.card .ex{border-left:3px solid var(--accent);margin-top:4px;padding-left:8px;font-size:14px;font-style:italic}.card .card-add{align-self:flex-start;margin-top:8px;padding:6px 12px;font-size:13px}.card .card-add.on{background:var(--leaf-fill)}.card .ru{color:var(--ink);font-size:15px;font-weight:600}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.7}.btn{background:var(--accent-fill);color:#fff;border-radius:var(--radius-pill);font-family:var(--display);box-shadow:var(--shadow-btn-primary);border:0;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:800;transition:all .12s cubic-bezier(.4,0,.2,1);display:inline-flex}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){box-shadow:0 6px 0 var(--accent-dark);filter:brightness(1.05);transform:translateY(-1px)}}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--accent-dark);transform:translateY(3px)}.btn.ghost{background:var(--panel);color:var(--ink);border:2px solid var(--line);box-shadow:0 3px 0 var(--line)}@media (hover:hover) and (pointer:fine){.btn.ghost:hover:not(:disabled){border-color:var(--accent);box-shadow:0 4px 0 var(--line);transform:translateY(-1px)}}.btn.ghost:active:not(:disabled){box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.link{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}.link.small{color:var(--muted);align-self:flex-start;margin-top:8px;font-size:13px}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.score{font-family:var(--display);color:var(--muted);background:var(--panel-sunken);border-radius:var(--radius-pill);border:1px solid var(--line);padding:3px 10px;font-size:14px;font-weight:800}.fb{font-size:14px;font-weight:700}.fb.ok{color:var(--leaf)}.fb.no{color:var(--bad)}.match{grid-template-columns:1fr 1.6fr;gap:10px;display:grid}@media (width<=480px){.match{grid-template-columns:1fr 1.3fr}}.mcol{flex-direction:column;gap:10px;display:flex}.m{text-align:left;background:var(--panel);border:2px solid var(--border);color:var(--ink);min-height:48px;box-shadow:0 3px 0 var(--border);cursor:pointer;border-radius:14px;padding:11px 15px;font-size:15px;font-weight:600;transition:all .14s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.m:hover{border-color:var(--select);box-shadow:0 4px 0 var(--border);transform:translateY(-1px)}}.m:active{box-shadow:0 1px 0 var(--border);transform:translateY(2px)}.m.sel{border-color:var(--select);background:var(--select-soft);color:var(--select);box-shadow:0 3px 0 var(--select)}.m.good{cursor:default;animation:.36s cubic-bezier(.175,.885,.32,1.275) popJoy;border-color:var(--leaf)!important;background:var(--leaf-soft)!important;color:var(--leaf)!important;box-shadow:0 3px #05966952,0 0 0 4px #10b9811f!important}.m.wrong{animation:.42s cubic-bezier(.36,.07,.19,.97) gentleShake;border-color:var(--bad)!important;background:var(--bad-soft)!important;color:var(--bad)!important;box-shadow:0 3px #e11d4852,0 0 0 4px #e11d481f!important}@keyframes gentleShake{0%,to{transform:translate(0)}20%{transform:translate(-7px)rotate(-1deg)}40%{transform:translate(7px)rotate(1deg)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes popJoy{0%{transform:scale(.94)}50%{transform:scale(1.05)}to{transform:scale(1)}}.tbl{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}th{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.note{background:var(--hint-bg);border:1px solid var(--hint-border);color:var(--ink);border-left:4px solid var(--accent-secondary);border-radius:14px;padding:12px 16px;font-size:15px}.build{border:1.5px solid var(--border);background:var(--panel-sunken);border-radius:18px;flex-direction:column;gap:12px;padding:16px;display:flex}.build.ok{border-color:var(--leaf);background:var(--leaf-soft);animation:.36s cubic-bezier(.175,.885,.32,1.275) popJoy}.build.wrong{border-color:var(--bad);background:var(--bad-soft);animation:.42s cubic-bezier(.36,.07,.19,.97) gentleShake}.slot{background:var(--panel);border:2px dashed var(--border);border-radius:14px;flex-wrap:wrap;gap:8px;min-height:50px;padding:9px 12px;display:flex}.tiles{flex-wrap:wrap;gap:8px;display:flex}.tile{background:var(--panel);border:2px solid var(--border);color:var(--ink);font-family:var(--display);box-shadow:0 3px 0 var(--border);cursor:pointer;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:700;transition:all .14s}@media (hover:hover) and (pointer:fine){.tile:hover{border-color:var(--select);box-shadow:0 4px 0 var(--border);transform:translateY(-1px)}}.tile:active{box-shadow:0 1px 0 var(--border);transform:translateY(2px)}.slot .tile{background:var(--select-soft);border-color:var(--select);color:var(--select);box-shadow:0 3px #2563eb40}.choice{flex-direction:column;gap:12px;display:flex}.item{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.item .s{flex:260px;font-weight:600}.opt{background:var(--panel);border:2px solid var(--border);color:var(--ink);font-family:var(--body);cursor:pointer;min-width:48px;box-shadow:0 4px 0 var(--border);text-align:left;border-radius:14px;padding:10px 16px;font-size:15px;font-weight:600;transition:all .14s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.opt:hover:not(:disabled){border-color:var(--select);box-shadow:0 5px 0 var(--border);transform:translateY(-1px)}}.opt:active:not(:disabled){box-shadow:0 1px 0 var(--border);transform:translateY(3px)}.opt.good{animation:.36s cubic-bezier(.175,.885,.32,1.275) popJoy;background:var(--leaf-soft)!important;border-color:var(--leaf)!important;color:var(--leaf)!important;box-shadow:0 4px #05966952,0 0 0 4px #10b9811f!important}.opt.bad{animation:.42s cubic-bezier(.36,.07,.19,.97) gentleShake;background:var(--bad-soft)!important;border-color:var(--bad)!important;color:var(--bad)!important;box-shadow:0 4px #e11d4852,0 0 0 4px #e11d481f!important}.opt.dim{opacity:.35;pointer-events:none;background:var(--panel-sunken)}.reading{background:var(--panel);color:var(--ink);border:1.5px solid var(--border);border-left:5px solid var(--accent);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:14px;padding:32px 28px 26px;display:flex;position:relative}.reading-tag{background:var(--accent-fill);color:#fff;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:20px;box-shadow:0 4px 10px #f973164d}.reading h3{font-family:var(--display);letter-spacing:-.015em;font-size:21px;font-weight:800}.reading .hint{color:var(--muted)}.text{font-family:var(--body);flex-direction:column;gap:14px;font-size:17.5px;line-height:1.72;display:flex}.text p{max-width:64ch}.text mark{background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:1px 5px;font-weight:600}@media (width<=480px){.reading{padding:24px 18px 20px}.text{font-size:16.5px}}.timer{font-family:var(--mono);min-width:4ch;font-size:28px}.prompts{flex-direction:column;gap:10px;display:flex}.prompt{background:var(--panel-sunken);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.prompt .k{font-family:var(--mono);color:var(--accent);font-weight:700}.checks{flex-wrap:wrap;gap:8px;display:flex}.chk{background:var(--chip);border-radius:999px;padding:4px 10px;font-size:14px}.chk.ok{background:var(--leaf-soft);color:var(--leaf);font-weight:600}.finish{background:linear-gradient(145deg, var(--panel), var(--bg));border:1px solid var(--line);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #00000014}.finish:before{content:"";background:linear-gradient(90deg, var(--accent), var(--sky));width:100%;height:4px;position:absolute;top:0;left:0}.finish .rank{font-family:var(--display);color:var(--accent);font-size:30px}.deck{flex-direction:column;gap:12px;min-width:0;display:flex}.flash{text-align:left;background:var(--panel);border:1.5px solid var(--border);width:100%;min-height:340px;color:var(--ink);box-shadow:0 4px 0 var(--border), var(--shadow-card);border-radius:22px;padding:28px 32px;transition:transform .2s,border-color .2s;display:block;position:relative;overflow:hidden}.flash:before{content:"";background:linear-gradient(90deg, var(--accent), #fbbf24);height:4px;position:absolute;top:0;left:0;right:0}.flash:hover{border-color:var(--accent)}.flash.back{background:linear-gradient(165deg, var(--panel) 0%, var(--panel-sunken) 100%);border-color:var(--accent)}.face{flex-direction:column;gap:14px;display:flex}.flash{container-type:inline-size}.w.huge{font-family:var(--display);font-weight:800;font-size:clamp(26px,calc(128cqi / var(--n,6)),80px);text-align:center;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;flex:1;justify-content:center;align-items:center;line-height:1.05;display:flex}.face:has(.huge){justify-content:space-between;min-height:296px}.face:has(.huge) .hint{text-align:center}.w.big{font-family:var(--display);font-size:40px;line-height:1}.still{aspect-ratio:16/9;text-align:center;color:#e6e7f5;background:linear-gradient(#2b2f63 0%,#474c8f 60%,#6e4630 100%);border-radius:14px;justify-content:center;align-items:center;max-width:100%;padding:16px;font-size:15px;display:flex;overflow:hidden}.still img{object-fit:cover;width:100%;height:100%}.flash .ex{font-size:17px;font-style:italic}.backface .w{font-size:24px;font-weight:700}.backface{text-align:center;justify-content:center;align-items:center;gap:18px;min-height:296px}.backface .w .pos{color:var(--muted);margin-left:4px;font-size:15px;font-weight:400}.backface .tr{font-family:var(--display);font-size:clamp(30px,9cqi,44px);line-height:1.1}.backface .one{flex-direction:column;gap:4px;max-width:34ch;margin:0;display:flex}.backface .one .en{font-size:18px}.backface .one mark{color:var(--accent);background:0 0;padding:0}.backface .one .ru{color:var(--muted);font-size:14px}.backface .one .ru b{color:var(--ink)}.backface .chips{justify-content:center}.tr{color:var(--accent);font-weight:600}.backface dl{grid-template-columns:110px 1fr;gap:10px 14px;margin:0;display:grid}.backface dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:3px;font-size:12px}.backface dd{margin:0}@media (width<=480px){.backface dl{grid-template-columns:1fr;gap:2px}.backface dd{margin-bottom:8px}.flash{padding:22px 18px}}.uses p{flex-direction:column;gap:1px;margin:0 0 8px;display:flex}.uses p:last-child{margin-bottom:0}.uses .ph{background:var(--chip);border-radius:999px;align-self:flex-start;margin-bottom:3px;padding:1px 10px;font-size:14px;font-weight:600}.uses .en{font-size:17px}.uses mark{color:var(--accent);background:0 0;padding:0}.uses .ru b{color:var(--ink);font-weight:700}.uses .ru,.backface .def{color:var(--muted);font-size:14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips span{background:var(--chip);border-radius:999px;padding:2px 10px;font-size:14px}.deckbar{justify-content:space-between}.deckbar .card-add{padding:6px 12px;font-size:13px}.deckbar .card-add.on{background:var(--leaf-fill)}.blk{flex-direction:column;gap:10px;display:flex}.lesson-sec>.blk,.task-live>.blk{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border), var(--shadow-card);border-radius:22px;padding:22px 24px}@media (width<=480px){.lesson-sec>.blk,.task-live>.blk{padding:16px}}[data-step],.finish{scroll-margin-top:20px}.lvl{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:11px;font-weight:700}.lvl.easy{background:var(--leaf-soft);color:var(--leaf)}.lvl.medium{background:var(--select-soft);color:var(--select)}.lvl.hard{background:var(--bad-soft);color:var(--bad)}details.extra{border:1.5px dashed var(--border);background:var(--panel);border-radius:16px;padding:14px 18px}details.extra summary{cursor:pointer;font-weight:700}details.extra[open] summary{margin-bottom:12px}ol.order{flex-direction:column;gap:8px;margin:0;padding-left:24px;display:flex}ol.order:empty{display:none}.opt.wide{text-align:left;width:100%;padding:10px 14px}.typed{flex-direction:column;gap:8px;display:flex}.typed input{flex:240px}input.good{border-color:var(--leaf);background:var(--leaf-soft)}input.bad{border-color:var(--bad);background:var(--bad-soft)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.pick{font:inherit;color:var(--ink);background:var(--panel);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;max-width:100%;margin-bottom:14px;padding:10px 14px;font-weight:600;transition:all .2s}.pick:hover,.pick:focus{border-color:var(--select);box-shadow:0 0 0 3px var(--select-soft);outline:none}.finish a.btn{align-self:flex-start;text-decoration:none}@media (width<=760px){.pick{width:100%}}.opt.right{border-color:var(--leaf);border-style:dashed}.result{font-family:var(--mono);font-size:15px}.result b{font-family:var(--display);color:var(--accent);font-size:34px;font-weight:400}.memory{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.mcard{border:1.5px solid var(--border);background:var(--chip);min-height:64px;color:var(--ink);border-radius:12px;padding:8px;font-weight:600}.mcard.shown{background:var(--panel);border-color:var(--select)}.mcard.good{background:var(--leaf-soft);border-color:var(--leaf)}.tile.sel{border-color:var(--select);background:var(--select-soft);color:var(--select)}.tile.wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad);animation:.4s gentleShake}.groups{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.group{text-align:left;border:2px dashed var(--border);background:var(--panel-sunken);min-height:90px;color:var(--ink);border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex}.group:hover{border-color:var(--select)}.gname{font-weight:700}.gitems{flex-wrap:wrap;gap:4px;display:flex}.gitems span{background:var(--leaf-soft);color:var(--leaf);border-radius:8px;padding:3px 9px;font-size:14px;font-weight:600}.letter{min-width:36px;font-family:var(--mono);text-transform:lowercase}.cloze p{line-height:2.1}.cloze select,.gapin{font:inherit;color:var(--ink);background:var(--panel);border:1.5px solid var(--border);border-radius:8px;margin:0 2px;padding:3px 8px}select.good,.gapin.good{border-color:var(--leaf);background:var(--leaf-soft);color:var(--leaf);font-weight:600}select.bad,.gapin.bad{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.gapbtn{font:inherit;border:0;border-bottom:2px solid var(--select);background:var(--select-soft);color:var(--select);border-radius:6px 6px 0 0;margin:0 2px;padding:1px 8px;font-weight:600}.gapbtn.good{border-color:var(--leaf);background:var(--leaf-soft);color:var(--leaf)}.gapbtn.wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad);animation:.4s gentleShake}.mistake{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tok{font:inherit;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;padding:2px 5px;transition:all .12s}.tok:hover:not(:disabled){border-color:var(--border);background:var(--chip)}.tok.wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad);animation:.4s gentleShake}.tok.fixed{background:var(--leaf-soft);border-color:var(--leaf);color:var(--leaf);font-weight:600}.tok.fixed s{color:var(--bad);margin-right:4px}.tok.picked{border-color:var(--select);background:var(--select-soft);color:var(--select)}.spot .tok{margin:0 -2px;padding:2px 3px}.chat{flex-direction:column;gap:8px;display:flex}.bubble{background:var(--chip);border-radius:16px;flex-direction:column;gap:2px;max-width:80%;padding:10px 14px;display:flex}.bubble.right{background:var(--select-soft);align-self:flex-end}.bubble .who{color:var(--muted);font-size:12px;font-weight:600}:root,[data-theme=light]{--sky:#3b82f6;--sky-soft:#dbeafe}[data-theme=dark]{--sky:#60a5fa;--sky-soft:#1e3a8a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sky:#60a5fa;--sky-soft:#1e3a8a}}.rules-blk{gap:16px}.rules-title{font-size:20px}.rules-h{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:700}.watch .rules-h{color:var(--accent)}.form-tbl table{border-collapse:collapse;width:100%;font-size:15px}.form-tbl th{background:var(--sky-soft);color:var(--sky);text-align:left;padding:8px 10px;font-size:13px;font-weight:600}.form-tbl td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 10px}.form-tbl td:first-child{color:var(--sky);white-space:nowrap;font-weight:600}@media (width<=640px){.form-tbl thead{display:none}.form-tbl tr{border:1px solid var(--line);border-radius:10px;flex-direction:column;margin-bottom:8px;display:flex;overflow:hidden}.form-tbl td{border:0;border-bottom:1px solid var(--line)}.form-tbl td:last-child{border-bottom:0}.form-tbl td:not(:first-child):before{content:attr(data-h);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;display:block}.form-tbl td:first-child{background:var(--sky-soft)}}ol.rules{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.rule{border-radius:12px;grid-template-columns:30px 1fr;gap:10px;padding:9px 12px;transition:background .3s,box-shadow .3s;display:grid}.rule .rn{font-family:var(--mono);background:var(--chip);width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.watch .rule .rn{background:var(--bad-soft);color:var(--bad)}.rule.flash{background:var(--hint-bg);box-shadow:0 0 0 2px var(--accent-secondary)}.rex{color:var(--muted);margin-top:2px;font-size:15px}.rex b{color:var(--ink)}.rno{color:var(--bad);text-decoration:line-through;text-decoration-thickness:2px}.ryes{color:var(--leaf);font-weight:600}.hints{background:var(--leaf-soft);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.hints .rules-h{color:var(--leaf)}.rulehint{background:var(--hint-bg);border:1.5px solid var(--hint-border);border-left:4px solid var(--accent-secondary);color:var(--ink);border-radius:12px;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;margin-top:4px;padding:10px 14px;font-size:14px;animation:.28s cubic-bezier(.22,1,.36,1) both blockRise;display:flex}.rulehint b{color:var(--hint-ink);font-family:var(--display);background:#7c3aed1f;border-radius:999px;padding:2px 8px;font-size:12.5px;font-weight:800}.rulehint .link{color:var(--hint-ink);background:var(--panel);border:1px solid var(--hint-border);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:13px;font-weight:700;text-decoration:none}.rulehint .link:hover{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.lk-tip{color:var(--muted);font-size:13px}main p,main td,main li,main .s,main h3{cursor:text}.lookup{z-index:50;background:var(--glass-bg);border:1.5px solid var(--border);box-shadow:var(--shadow-card),0 12px 32px #0a0c2838;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;font-size:14px;display:flex;position:fixed}.lk-hd{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.lk-hd b{font-size:18px}.lk-hd .pos{font-family:var(--mono);color:var(--muted);font-size:12px}.lk-form{color:var(--sky);font-size:12px}.lk-ru{font-size:16px;font-weight:600}.lk-ex{color:var(--muted)}.lk-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.lk-row .btn{padding:6px 12px;font-size:13px}.lk-row .btn.on{background:var(--leaf-fill)}.lk-src{color:var(--muted);margin-left:auto;font-size:12px}.mywords-panel{z-index:60;background:#0a0c2873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mw-box{background:var(--bg);border-radius:16px;flex-direction:column;gap:12px;width:min(560px,100%);max-height:85dvh;padding:18px;display:flex;overflow:auto}.mw-box .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mw-box h3{margin-right:auto}.mw-box .btn.ghost.on{background:var(--chip)}.mw-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mw-list li{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding:8px 0;display:flex}.mw-list .link{margin:0 0 0 auto}.mw-card{min-height:200px}.mw-card .face{flex-direction:column;gap:8px;display:flex}.mw-card .tr{font-size:20px;font-weight:600}.lede-en{color:var(--muted);max-width:56ch;margin-top:-4px;font-size:14px}.deck-wrap{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:14px;display:grid}@media (width<=760px){.deck-wrap{grid-template-columns:1fr}}.deck-list{flex-direction:column;gap:2px;max-height:420px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.deck-list button{text-align:left;width:100%;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:0;padding:6px 10px;display:flex}.deck-list button span{color:var(--muted);font-size:13px}.deck-list button:hover{background:var(--chip)}.deck-list button.on{background:var(--accent-soft)}@media (width<=760px){.deck-list{flex-flow:wrap;max-height:none}.deck-list button{background:var(--chip);padding:4px 10px}.deck-list button span{display:none}}.quiz{flex-direction:column;gap:14px;display:flex}.qz{border-bottom:1px dashed var(--line);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.qz:last-child{border-bottom:0;padding-bottom:0}.qz-q{gap:10px;font-weight:600;display:flex}.qz-q .n,.qa-q .n{font-family:var(--mono);color:var(--muted);min-width:18px;font-size:13px}.qz-q .ru{font-weight:400}.qz-o{flex-wrap:wrap;gap:8px;padding-left:28px;display:flex}.qz-reveal{background:var(--leaf-soft);color:var(--ink);border-radius:8px;margin-left:28px;padding:8px 12px}.qz-reveal b{color:var(--leaf)}.opt.dim{opacity:.35;text-decoration:line-through}.opt-ru{color:var(--muted);font-size:12px;font-weight:400;display:block}.btn.small{align-self:flex-start;margin-left:28px;padding:4px 10px;font-size:13px}.choice .btn.small,.build .btn.small{margin-left:0}.poll-img{object-fit:cover;border-radius:10px;width:100%;max-height:320px;margin:4px 0 12px;display:block}.phrases{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.phrases li{border-bottom:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;display:grid}.phrases li:last-child{border-bottom:0}.phrases .en{font-weight:600}@media (width<=560px){.phrases li{grid-template-columns:36px 1fr}.phrases .ru{grid-column:2}}button.say{background:var(--chip);cursor:pointer;width:32px;height:32px;color:var(--ink);border:0;border-radius:8px;place-items:center;padding:0;transition:background .15s;display:inline-grid}button.say:hover{background:var(--panel-sunken)}.tiles-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.tile-card{background:var(--bg);border:1px solid var(--line);text-align:left;color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.tile-card:hover{border-color:var(--accent)}.tile-card .big{font-family:var(--display);font-size:30px;line-height:1}.tile-card .w{font-weight:700}.tile-card .ru{font-size:13px}.tile-card .note-s{color:var(--muted);font-size:12px}.swatch{border:1px solid var(--line);border-radius:6px;width:100%;height:34px;margin-bottom:4px}.qa{flex-direction:column;gap:14px;display:flex}.qa-row{border-bottom:1px dashed var(--line);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.qa-row:last-child{border-bottom:0}.qa-q{align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.qa-cols{grid-template-columns:1fr 1fr;gap:10px;padding-left:28px;display:grid}@media (width<=560px){.qa-cols{grid-template-columns:1fr;padding-left:0}}.qa-model,.qa-you{background:var(--bg);border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px;display:flex}.qa-model{background:var(--accent-soft)}.who{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.recorder{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recorder audio{max-width:100%;height:32px}.btn.rec{padding:6px 12px;font-size:13px}.btn.rec.on{background:var(--bad-fill)}.opt-tag{background:var(--chip);color:var(--muted);border-radius:6px;align-self:flex-start;padding:2px 8px;font-size:12px}.w-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}@media (width<=640px){.w-split{grid-template-columns:1fr}}.w-model{background:var(--accent-soft);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.w-you textarea{width:100%}.howto{color:var(--muted);margin-top:6px;font-size:13px}.howto summary{cursor:pointer}.howto p{margin-top:4px}.rulehint.ok{background:var(--leaf-soft)}.rulehint.ok b{color:var(--leaf)}.example{background:var(--sky-soft);border-left:4px solid var(--sky);border-radius:8px;flex-direction:column;gap:2px;margin-bottom:8px;padding:8px 12px;font-size:15px;display:flex}.example b{color:var(--sky)}.markers{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.markers li{background:var(--sky-soft);border-radius:8px;flex-direction:column;padding:6px 12px;font-size:15px;display:flex}.markers li b{color:var(--sky)}.markers li span{color:var(--muted);font-size:13px}[data-course=k-pop]{--accent:#db2777;--accent-soft:#fdf2f8;--accent-glow:#db277747;--accent-dark:#9d174d;--accent-fill:#db2777;--accent-secondary:#7c3aed;--accent-secondary-soft:#f5f3ff;--shadow-btn-primary:0 4px 0 #9d174d}[data-theme=dark] [data-course=k-pop],[data-theme=dark][data-course=k-pop]{--accent:#f472b6;--accent-soft:#f472b629;--accent-glow:#f472b659;--accent-dark:#831843;--accent-fill:#be185d;--accent-secondary:#a78bfa;--accent-secondary-soft:#a78bfa29;--shadow-btn-primary:0 4px 0 #831843}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-course=k-pop],:root:not([data-theme=light])[data-course=k-pop]{--accent:#f472b6;--accent-soft:#f472b629;--accent-glow:#f472b659;--accent-dark:#831843;--accent-fill:#be185d;--accent-secondary:#a78bfa;--accent-secondary-soft:#a78bfa29;--shadow-btn-primary:0 4px 0 #831843}}[data-course=harry\ potter]{--accent:#4338ca;--accent-soft:#eef2ff;--accent-glow:#4338ca47;--accent-dark:#312e81;--accent-fill:#4338ca;--accent-secondary:#b7791f;--accent-secondary-soft:#fffbeb;--shadow-btn-primary:0 4px 0 #312e81}[data-theme=dark] [data-course=harry\ potter],[data-theme=dark][data-course=harry\ potter]{--accent:#a5b4fc;--accent-soft:#a5b4fc29;--accent-glow:#a5b4fc59;--accent-dark:#1e1b4b;--accent-fill:#4f46e5;--accent-secondary:#fbbf24;--accent-secondary-soft:#fbbf2429;--shadow-btn-primary:0 4px 0 #1e1b4b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-course=harry\ potter],:root:not([data-theme=light])[data-course=harry\ potter]{--accent:#a5b4fc;--accent-soft:#a5b4fc29;--accent-glow:#a5b4fc59;--accent-dark:#1e1b4b;--accent-fill:#4f46e5;--accent-secondary:#fbbf24;--accent-secondary-soft:#fbbf2429;--shadow-btn-primary:0 4px 0 #1e1b4b}}[data-course=football]{--accent:#15803d;--accent-soft:#f0fdf4;--accent-glow:#15803d47;--accent-dark:#14532d;--accent-fill:#15803d;--accent-secondary:#ca8a04;--accent-secondary-soft:#fefce8;--shadow-btn-primary:0 4px 0 #14532d}[data-theme=dark] [data-course=football],[data-theme=dark][data-course=football]{--accent:#86efac;--accent-soft:#86efac29;--accent-glow:#86efac59;--accent-dark:#052e16;--accent-fill:#16a34a;--accent-secondary:#facc15;--accent-secondary-soft:#facc1529;--shadow-btn-primary:0 4px 0 #052e16}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-course=football],:root:not([data-theme=light])[data-course=football]{--accent:#86efac;--accent-soft:#86efac29;--accent-glow:#86efac59;--accent-dark:#052e16;--accent-fill:#16a34a;--accent-secondary:#facc15;--accent-secondary-soft:#facc1529;--shadow-btn-primary:0 4px 0 #052e16}}[data-course=ufc]{--accent:#b91c1c;--accent-soft:#fef2f2;--accent-glow:#b91c1c47;--accent-dark:#7f1d1d;--accent-fill:#b91c1c;--accent-secondary:#475569;--accent-secondary-soft:#f1f5f9;--shadow-btn-primary:0 4px 0 #7f1d1d}[data-theme=dark] [data-course=ufc],[data-theme=dark][data-course=ufc]{--accent:#fca5a5;--accent-soft:#fca5a529;--accent-glow:#fca5a559;--accent-dark:#450a0a;--accent-fill:#dc2626;--accent-secondary:#cbd5e1;--accent-secondary-soft:#cbd5e129;--shadow-btn-primary:0 4px 0 #450a0a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-course=ufc],:root:not([data-theme=light])[data-course=ufc]{--accent:#fca5a5;--accent-soft:#fca5a529;--accent-glow:#fca5a559;--accent-dark:#450a0a;--accent-fill:#dc2626;--accent-secondary:#cbd5e1;--accent-secondary-soft:#cbd5e129;--shadow-btn-primary:0 4px 0 #450a0a}}[data-course=marvel]{--accent:#2563eb;--accent-soft:#eff6ff;--accent-glow:#2563eb47;--accent-dark:#1e40af;--accent-fill:#2563eb;--accent-secondary:#e11d48;--accent-secondary-soft:#fff1f2;--shadow-btn-primary:0 4px 0 #1e40af}[data-theme=dark] [data-course=marvel],[data-theme=dark][data-course=marvel]{--accent:#60a5fa;--accent-soft:#60a5fa29;--accent-glow:#60a5fa59;--accent-dark:#1e3a8a;--accent-fill:#2563eb;--accent-secondary:#fb7185;--accent-secondary-soft:#fb718529;--shadow-btn-primary:0 4px 0 #1e3a8a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [data-course=marvel],:root:not([data-theme=light])[data-course=marvel]{--accent:#60a5fa;--accent-soft:#60a5fa29;--accent-glow:#60a5fa59;--accent-dark:#1e3a8a;--accent-fill:#2563eb;--accent-secondary:#fb7185;--accent-secondary-soft:#fb718529;--shadow-btn-primary:0 4px 0 #1e3a8a}}.rail .extra-label{margin-top:14px}.rail a.xtra .n{color:var(--accent)}.extra-head{border-top:3px dashed var(--line);margin:56px 0 18px;padding-top:22px}.extra-head p{color:var(--muted);margin:6px 0 0}section.xtra .shead{border-bottom-style:dashed}.gate{justify-content:center;align-items:center;min-height:100dvh;padding:24px 8px;display:flex;position:relative}.gate-card{background:var(--panel);border:1.5px solid var(--border);width:100%;max-width:460px;box-shadow:0 0 0 6px #f973160d, var(--shadow-card);border-radius:28px;flex-direction:column;gap:12px;padding:28px;animation:.45s cubic-bezier(.22,1,.36,1) both blockRise;display:flex;position:relative;overflow:hidden}.gate-card h1{margin:0}.gate-card input{box-sizing:border-box;border-radius:14px;width:100%;padding:12px 14px;font-size:16px}.gate-error{color:var(--bad);background:var(--bad-soft);border-radius:10px;margin:0;padding:8px 12px;font-size:14px;font-weight:600}@media (width<=480px){.gate{padding:16px 4px}.gate-card{border-radius:22px;padding:22px 18px}}.vp{flex-direction:column;gap:14px;display:flex}.vp-frame{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;overflow:hidden}.vp-frame iframe,.vp-frame>div{width:100%;height:100%;display:block}.vp-chapters{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.vp-chapters button{text-align:left;width:100%;font:inherit;color:var(--ink);background:var(--chip);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:baseline;gap:10px;padding:10px 14px;font-weight:600;display:flex}.vp-chapters button span{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.vp-chapters button:hover,.vp-chapters button:focus-visible{border-color:var(--accent);outline:none}.vp-chapters button.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.vp-chapters button.on span{color:var(--accent)}.vid-tabs{flex-wrap:wrap;max-width:100%;margin:4px 0 16px;display:flex}.vid-feed{flex-direction:column;gap:14px;display:flex}.vid-card{min-width:0;color:var(--ink);border-radius:16px;align-items:flex-start;gap:12px;text-decoration:none;display:flex}.vid-card:focus-visible{outline:2px solid var(--select);outline-offset:3px}.vid-cover{aspect-ratio:16/9;background:var(--chip);border:1px solid var(--border);border-radius:14px;flex:0 0 clamp(132px,40%,220px);position:relative;overflow:hidden}.vid-cover img{object-fit:cover;width:100%;height:100%;display:block}.vid-cover i{font-style:normal;font-family:var(--mono);color:#fff;background:#0a0c12d9;border-radius:6px;padding:2px 6px;font-size:11px;font-weight:800;position:absolute;bottom:6px;right:6px}@media (hover:hover) and (pointer:fine){.vid-card:hover .vid-cover{border-color:var(--accent)}}.vid-card-t{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.vid-card-t b{font-family:var(--display);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.3;display:-webkit-box;overflow:hidden}.vid-card-t>span{color:var(--muted);font-size:12.5px}.vid-segs{gap:3px;max-width:160px;display:flex}.vid-segs i{background:var(--chip);border-radius:9px;flex:1;height:5px}.vid-segs i.d{background:var(--leaf)}.vid-new{background:var(--accent-soft);border-radius:999px;align-self:flex-start;padding:2px 8px;font-weight:800;color:var(--accent)!important;font-size:11px!important}.vid-page{flex-direction:column;gap:14px;min-width:0;display:flex}.vid-page h1{overflow-wrap:anywhere}.vid-line{gap:3px;display:flex}.vid-line button{cursor:pointer;min-width:0;font:inherit;text-align:left;background:0 0;border:0;flex-direction:column;flex-basis:0;gap:5px;padding:4px 0;display:flex}.vid-line i{background:var(--chip);border-radius:9px;height:8px;display:block}.vid-line button.d i{background:var(--leaf)}.vid-line button.on i{background:var(--accent)}.vid-line span{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:10.5px;font-weight:700;overflow:hidden}.vid-line button.on span{color:var(--accent)}.vid-line button:focus-visible{outline:2px solid var(--select);outline-offset:2px;border-radius:6px}.vid-ch{flex-direction:column;gap:12px;min-width:0;display:flex}.vid-ch[hidden]{display:none}.vid-ch-head{flex-direction:column;gap:4px;display:flex}.vid-ch-head h2{text-wrap:balance;margin:0;font-size:19px;line-height:1.25}.vid-watch{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.vid-watch p{color:var(--muted);margin:0;line-height:1.5}.vid-kinds{flex-wrap:wrap;gap:6px;display:flex}.vid-kinds span{background:var(--chip);color:var(--ink);border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:700}.vid-watch .btn,.vid-next{width:100%;padding:15px;font-size:16px}.vid-ch-body{flex-direction:column;gap:14px;min-width:0;display:flex}.vid-task{min-width:0}.vid-finale{flex-direction:column;gap:12px;display:flex}.vid-lock{background:var(--chip);border-radius:12px;padding:12px 14px}.dash{flex-direction:column;gap:22px;max-width:1080px;margin:0 auto;padding-block:18px 80px;display:flex}.dash-top{z-index:40;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 10px 20px;display:flex;position:sticky;top:14px;box-shadow:0 14px 34px -12px #0000001f,inset 0 1px #ffffff38}.dash-brand{font-family:var(--display-hero);letter-spacing:-.03em;color:var(--ink);align-items:center;gap:4px;margin-right:auto;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.dash-brand span{color:var(--accent);padding:0 2px;display:inline-block}.brand-mark{border-radius:6px;flex:none;width:22px;height:22px;margin-right:4px}.dash-brand .brand-word{color:inherit;padding:0}.brand-l{color:var(--accent);font-style:normal}.dash-nav{align-items:center;gap:4px;display:flex}.dash-nav a{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.dash-nav a:hover{background:var(--chip);color:var(--ink)}}.dash-nav a:focus-visible{background:var(--chip);color:var(--ink);outline:none}.dash-nav a.on{background:var(--accent-soft);color:var(--accent);font-weight:700;box-shadow:inset 0 0 0 1px #f9731640}.dash-avatar{background:var(--chip);border:2px solid var(--border);flex-shrink:0;place-items:center;width:38px;height:38px;margin-left:4px;font-size:13px;font-weight:800;text-decoration:none;display:grid;overflow:hidden;color:var(--ink)!important;border-radius:50%!important;padding:0!important}.dash-avatar img,.char-badge img{object-fit:cover;width:100%;height:100%;display:block}.dash-avatar.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dash-welcome{flex-direction:column;gap:4px;margin-top:4px;display:flex}.dash-welcome h1{letter-spacing:-.03em;font-size:clamp(24px,4.5vw,40px)}.dash-h{letter-spacing:-.02em;margin-top:4px;font-size:clamp(20px,3.5vw,24px)}.char{background:linear-gradient(155deg, var(--panel) 0%, var(--panel-sunken) 100%);border:1.5px solid var(--border);box-shadow:0 0 0 5px #f9731608, var(--shadow-card);border-radius:26px;flex-direction:column;gap:12px;padding:24px;display:flex;position:relative;overflow:hidden}.char:before{content:"";pointer-events:none;background:radial-gradient(circle,#f9731624,#0000 70%);width:220px;height:220px;position:absolute;top:-60px;right:-60px}.char-head{z-index:1;align-items:center;gap:18px;display:flex;position:relative}.char-action{align-self:flex-start;margin-left:auto}.char-edit{border-bottom:1px solid var(--line);flex-direction:column;gap:16px;margin-bottom:8px;padding:16px 0;display:flex}.char-badge{background:linear-gradient(135deg, var(--accent), #f43f5e);color:#fff;width:80px;height:80px;font-family:var(--display);border:2px solid #ffffff73;border-radius:22px;flex:none;place-items:center;font-size:30px;font-weight:800;display:grid;overflow:hidden;box-shadow:0 10px 24px -6px #f9731673}.avatars{flex-direction:column;gap:8px;max-width:480px;display:flex}.avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.avatar-opt{background:var(--chip);aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:14px;padding:0;transition:transform .15s,border-color .15s;overflow:hidden}.avatar-opt img{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover) and (pointer:fine){.avatar-opt:hover{border-color:var(--line);transform:translateY(-2px)}}.avatar-opt:focus-visible{border-color:var(--line);outline:none;transform:translateY(-2px)}.avatar-opt.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.avatar-opt.busy{opacity:.6}.char-lv{color:var(--muted);margin-top:2px;font-weight:600}.char-lv b{color:var(--accent);font-family:var(--display);font-size:19px;font-weight:800}.xbar{background:var(--chip);border-radius:99px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.xbar i{background:linear-gradient(90deg, var(--accent), #fbbf24);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block;position:relative}.attrs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.char.wide .attrs{grid-template-columns:repeat(2,minmax(0,1fr))}.attr{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px;transition:transform .2s,border-color .2s;display:flex;box-shadow:0 2px 6px #00000005}@media (hover:hover) and (pointer:fine){.attr:hover{border-color:#f9731659;transform:translateY(-2px)}}.attr-row{justify-content:space-between;align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.attr-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.attr-row b{font-family:var(--mono);background:var(--leaf-soft);color:var(--leaf);border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:13px}.attr-ico{margin-right:4px;font-style:normal}.lvbar{background:var(--panel);border:1.5px solid var(--border);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:8px;margin:4px 0;padding:16px 20px;display:flex}.lvbar-row{flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-weight:600;display:flex}.lvbar-row b{color:var(--accent);font-family:var(--display);font-size:20px;font-weight:800}.attr .xbar{height:6px}.attr .xbar i{background:linear-gradient(90deg, var(--leaf), #34d399)}@media (width<=640px){.char{border-radius:22px;gap:10px;padding:16px}.char-head{gap:12px}.char-badge{border-radius:16px;width:58px;height:58px;font-size:22px}.char-head h2{font-size:20px}.char-lv{margin-top:1px;font-size:13px}.char-lv b{font-size:16px}.xbar{height:8px}.attrs,.char.wide .attrs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}.attr{border-radius:13px;gap:5px;padding:9px 11px}.attr-row{font-size:12.5px}.attr-row b{padding:1px 6px;font-size:11.5px}.attr-ico{margin-right:3px}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}.cgrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.ccard{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border), var(--shadow-card);color:var(--ink);border-radius:22px;flex-direction:column;text-decoration:none;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .24s,box-shadow .28s;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.ccard:hover{border-color:var(--accent);box-shadow:0 8px 0 var(--accent-dark), 0 22px 44px -12px #f9731638;transform:translateY(-5px)}.ccard:hover .ccard-art{transform:scale(1.03)}.ccard.shop:hover .ccard-art{filter:saturate(.85)}}.ccard:focus-visible{border-color:var(--accent);box-shadow:0 8px 0 var(--accent-dark), 0 22px 44px -12px #f9731638;outline:none;transform:translateY(-5px)}.ccard:active{transform:translateY(1px)}.ccard-art{aspect-ratio:16/10;background:linear-gradient(135deg,var(--accent) 0%,#f2a03d 100%);background-position:50%;background-size:cover;place-items:center;transition:transform .45s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.ccard-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#0a0c1226 55%,#0a0c12b8 100%);position:absolute;inset:0}.ccard.shop .ccard-art{filter:saturate(.45)contrast(.95)}.ccard-lv{font-family:var(--display);color:#fff;z-index:2;font-size:56px;line-height:1;position:relative}.ccard-badge-lv{z-index:2;font-family:var(--mono);letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0f1117c7;border:1px solid #ffffff2e;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.ccard-theme{z-index:2;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px #00000080;font-size:11px;font-weight:700;position:absolute;bottom:10px;left:12px}.ccard-art-overlay{pointer-events:none;z-index:1;position:absolute;inset:0}.ccard.theme-naruto .ccard-art{background:linear-gradient(135deg,#c2410c 0%,#ea580c 45%,#f59e0b 100%)}.ccard.theme-naruto .ccard-badge-lv{color:#fed7aa;background:#18100ad9;border:1px solid #f9731673}.ccard.theme-naruto .ccard-theme{font-family:var(--display),sans-serif;letter-spacing:.16em;color:#fff7ed;text-shadow:0 2px 6px #ea580ccc,0 0 12px #f9731699;font-weight:900}.ccard.theme-naruto .ccard-tag{color:#ea580c;background:#f973161f}@media (hover:hover) and (pointer:fine){.ccard.theme-naruto:hover{border-color:#f97316;box-shadow:0 8px #ea580c,0 22px 44px -12px #f9731652}}.ccard.theme-marvel{border-color:#e624294d}.ccard.theme-marvel .ccard-art{background:linear-gradient(135deg,#7f1d1d 0%,#dc2626 55%,#991b1b 100%)}.ccard.theme-marvel .ccard-art-overlay{opacity:.8;background-image:radial-gradient(#ffffff12 1.5px,#0000 1.5px);background-size:12px 12px}.ccard.theme-marvel .ccard-badge-lv{color:#38bdf8;background:#0c121ce0;border:1px solid #38bdf880;box-shadow:0 0 10px #38bdf840}.ccard.theme-marvel .ccard-theme{color:#fff;letter-spacing:.14em;text-shadow:none;background:#e62429;border-radius:2px;padding:2px 8px;font-family:-apple-system,BlinkMacSystemFont,Impact,Arial Black,sans-serif;font-size:11px;font-weight:900;box-shadow:0 2px 8px #000000b3,0 0 12px #e6242999}.ccard.theme-marvel .ccard-tag{color:#dc2626;background:#e624291f}@media (hover:hover) and (pointer:fine){.ccard.theme-marvel:hover{border-color:#e62429;box-shadow:0 8px #b91c1c,0 22px 44px -12px #e6242973}}.ccard.theme-kpop{border-color:#ec489952}.ccard.theme-kpop .ccard-art{background:linear-gradient(135deg,#701a75 0%,#ec4899 50%,#8b5cf6 100%)}.ccard.theme-kpop .ccard-art-overlay{background:radial-gradient(circle at 80% 20%,#f472b640 0%,#0000 55%),radial-gradient(circle at 20% 80%,#8b5cf638 0%,#0000 55%)}.ccard.theme-kpop .ccard-badge-lv{color:#f472b6;text-shadow:0 0 6px #f472b680;background:#1c0a26d9;border:1px solid #f472b699;box-shadow:0 0 10px #f472b659}.ccard.theme-kpop .ccard-theme{color:#fff;font-family:var(--display),sans-serif;letter-spacing:.08em;text-shadow:0 1px 3px #00000080;background:linear-gradient(135deg,#ec4899 0%,#a855f7 100%);border-radius:999px;padding:3px 11px;font-size:11px;font-weight:800;box-shadow:0 2px 10px #ec4899b3,0 0 16px #a855f773}.ccard.theme-kpop .ccard-tag{color:#d946ef;background:#ec48991f}@media (hover:hover) and (pointer:fine){.ccard.theme-kpop:hover{border-color:#ec4899;box-shadow:0 8px #a21caf,0 22px 44px -12px #ec489980,0 0 20px #d946ef40}}.ccard.theme-hp{border-color:#4338ca52}.ccard.theme-hp .ccard-art{background:linear-gradient(135deg,#1e1b4b 0%,#4338ca 60%,#b7791f 100%)}.ccard.theme-hp .ccard-art-overlay{background:radial-gradient(circle at 78% 22%,#fbbf2438 0%,#0000 50%)}.ccard.theme-hp .ccard-badge-lv{color:#fbbf24;background:#0f0c28e0;border:1px solid #fbbf248c}.ccard.theme-hp .ccard-theme{color:#fde68a;letter-spacing:.12em;text-shadow:none;background:linear-gradient(135deg,#312e81 0%,#4338ca 100%);border-radius:4px;padding:3px 10px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:700;box-shadow:0 2px 8px #0009}.ccard.theme-hp .ccard-tag{color:#4338ca;background:#4338ca1f}@media (hover:hover) and (pointer:fine){.ccard.theme-hp:hover{border-color:#4338ca;box-shadow:0 8px #312e81,0 22px 44px -12px #4338ca73}}.ccard.theme-fb{border-color:#15803d52}.ccard.theme-fb .ccard-art{background:linear-gradient(135deg,#052e16 0%,#15803d 60%,#ca8a04 100%)}.ccard.theme-fb .ccard-art-overlay{background:radial-gradient(circle at 78% 22%,#ffffff2e 0%,#0000 50%)}.ccard.theme-fb .ccard-badge-lv{color:#facc15;background:#0a0c0ee0;border:1px solid #facc158c}.ccard.theme-fb .ccard-theme{color:#fff;letter-spacing:.12em;text-shadow:none;background:linear-gradient(135deg,#14532d 0%,#15803d 100%);border-radius:4px;padding:3px 10px;font-size:11px;font-weight:800;box-shadow:0 2px 8px #0009}.ccard.theme-fb .ccard-tag{color:#15803d;background:#15803d1f}@media (hover:hover) and (pointer:fine){.ccard.theme-fb:hover{border-color:#15803d;box-shadow:0 8px #14532d,0 22px 44px -12px #15803d73}}.ccard.theme-ufc{border-color:#b91c1c52}.ccard.theme-ufc .ccard-art{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 60%,#b91c1c 100%)}.ccard.theme-ufc .ccard-art-overlay{background:radial-gradient(circle at 78% 22%,#ffffff2e 0%,#0000 50%)}.ccard.theme-ufc .ccard-badge-lv{color:#e2e8f0;background:#0a0c0ee0;border:1px solid #e2e8f08c}.ccard.theme-ufc .ccard-theme{color:#fff;letter-spacing:.12em;text-shadow:none;background:linear-gradient(135deg,#450a0a 0%,#b91c1c 100%);border-radius:4px;padding:3px 10px;font-size:11px;font-weight:800;box-shadow:0 2px 8px #0009}.ccard.theme-ufc .ccard-tag{color:#b91c1c;background:#b91c1c1f}@media (hover:hover) and (pointer:fine){.ccard.theme-ufc:hover{border-color:#b91c1c;box-shadow:0 8px #450a0a,0 22px 44px -12px #b91c1c73}}.ccard.theme-qz{border-color:#00afca59}.ccard.theme-qz .ccard-art{background:linear-gradient(135deg,#007a94 0%,#00afca 55%,#f59e0b 100%)}.ccard.theme-qz .ccard-badge-lv{color:#38bdf8;background:#081920d9;border:1px solid #00afca8c}.ccard.theme-qz .ccard-theme{color:#fff;letter-spacing:.12em;background:linear-gradient(135deg,#00afca 0%,#0b7fa0 100%);border-radius:999px;padding:2px 9px;font-weight:800;box-shadow:0 2px 8px #00afca73}.ccard.theme-qz .ccard-tag{color:#00afca;background:#00afca24}@media (hover:hover) and (pointer:fine){.ccard.theme-qz:hover{border-color:#00afca;box-shadow:0 8px #0b7fa0,0 22px 44px -12px #00afca61}}.ccard.kk{box-shadow:0 4px 0 #0b7fa0, var(--shadow-card);border:2px solid #00afca}.ccard.kk .ccard-art:not([style]){background:linear-gradient(135deg,#00afca 0%,#0b7fa0 100%)}.ccard-lang{z-index:2;color:#fff;letter-spacing:.1em;background:#00afca;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0000004d}.ccard-body{background:var(--panel);z-index:2;flex-direction:column;flex:1;gap:8px;padding:16px 18px 18px;display:flex;position:relative}.ccard-body h3{font-family:var(--display);letter-spacing:-.015em;font-size:18px;font-weight:800}.ccard-tag{background:var(--accent-soft);color:var(--accent);border-radius:99px;align-self:flex-start;margin-top:auto;padding:5px 14px;font-size:13px;font-weight:700}.buy-note{background:var(--accent-soft);border:1.5px solid #f973164d;border-radius:18px;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.course-banner{color:#fff;box-shadow:var(--shadow-card);background:linear-gradient(125deg,#171923 0%,#272038 100%) 50%/cover;border:1.5px solid #ffffff24;border-radius:26px;flex-direction:column;gap:14px;padding:28px;display:flex;position:relative;overflow:hidden}.course-banner h1{color:#fff;text-shadow:0 2px 14px #00000073}.course-back{color:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;align-self:flex-start;padding:5px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s}.course-back:hover{background:#ffffff38}.course-banner-meta{align-items:center;gap:10px;display:flex}.course-banner-meta .ccard-badge-lv{background:var(--accent-fill);border-color:#0000;position:static}.course-banner-theme{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fffc;font-size:12px;font-weight:700}.course-banner-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.course-stock-pill{font-family:var(--mono);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0f1117ad;border:1px solid #ffffff29;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700}.course-banner.theme-naruto{border-color:#f9731659;box-shadow:0 12px 36px -10px #f9731640}.course-banner.theme-naruto .course-banner-meta .ccard-badge-lv{background:#ea580c;border:1px solid #ffffff40;box-shadow:0 0 12px #ea580c80}.course-banner.theme-naruto .btn.cont{background:linear-gradient(135deg,#ea580c 0%,#f97316 100%);border-color:#fb923c;box-shadow:0 4px 14px #f9731666}.course-banner.theme-marvel{border-color:#e6242966;box-shadow:0 12px 36px -10px #e624294d}.course-banner.theme-marvel .course-banner-meta .ccard-badge-lv{background:#e62429;border:1px solid #ffffff4d;box-shadow:0 0 12px #e6242999}.course-banner.theme-marvel .course-banner-theme{letter-spacing:.12em;color:#fff;background:#e62429;border-radius:3px;padding:2px 8px;font-family:-apple-system,BlinkMacSystemFont,Impact,Arial Black,sans-serif;font-weight:900;box-shadow:0 2px 8px #0009}.course-banner.theme-marvel .btn.cont{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#ef4444;box-shadow:0 4px 14px #e6242973}.course-banner.theme-kpop{border-color:#ec489973;box-shadow:0 12px 36px -10px #ec489959}.course-banner.theme-kpop .course-banner-meta .ccard-badge-lv{background:linear-gradient(135deg,#ec4899,#8b5cf6);border:1px solid #ffffff59;box-shadow:0 0 14px #ec489999}.course-banner.theme-kpop .course-banner-theme{letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:999px;padding:3px 12px;font-weight:800;box-shadow:0 0 14px #ec489980}.course-banner.theme-kpop .btn.cont{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);border-color:#f472b6;box-shadow:0 4px 14px #ec489980}.course-banner.theme-hp{border-color:#4338ca73;box-shadow:0 12px 36px -10px #4338ca59}.course-banner.theme-hp .course-banner-meta .ccard-badge-lv{background:#4338ca;border:1px solid #fbbf2480;box-shadow:0 0 12px #4338ca80}.course-banner.theme-hp .course-banner-theme{letter-spacing:.12em;color:#fde68a;background:linear-gradient(135deg,#312e81,#4338ca);border-radius:4px;padding:3px 10px;font-family:Georgia,Times New Roman,serif;font-weight:700}.course-banner.theme-hp .btn.cont{background:linear-gradient(135deg,#4338ca 0%,#312e81 100%);border-color:#6366f1;box-shadow:0 4px 14px #4338ca73}.course-banner.theme-fb{border-color:#15803d73;box-shadow:0 12px 36px -10px #15803d59}.course-banner.theme-fb .course-banner-meta .ccard-badge-lv{background:#15803d;border:1px solid #ffffff4d;box-shadow:0 0 12px #15803d80}.course-banner.theme-fb .course-banner-theme{letter-spacing:.12em;color:#fff;background:linear-gradient(135deg,#14532d,#15803d);border-radius:4px;padding:3px 10px;font-weight:800}.course-banner.theme-fb .btn.cont{background:linear-gradient(135deg,#15803d 0%,#14532d 100%);border-color:#15803d;box-shadow:0 4px 14px #15803d73}.course-banner.theme-ufc{border-color:#b91c1c73;box-shadow:0 12px 36px -10px #b91c1c59}.course-banner.theme-ufc .course-banner-meta .ccard-badge-lv{background:#b91c1c;border:1px solid #ffffff4d;box-shadow:0 0 12px #b91c1c80}.course-banner.theme-ufc .course-banner-theme{letter-spacing:.12em;color:#fff;background:linear-gradient(135deg,#7f1d1d,#b91c1c);border-radius:4px;padding:3px 10px;font-weight:800}.course-banner.theme-ufc .btn.cont{background:linear-gradient(135deg,#b91c1c 0%,#7f1d1d 100%);border-color:#b91c1c;box-shadow:0 4px 14px #b91c1c73}.course-banner.theme-qz{border-color:#00afca66;box-shadow:0 12px 36px -10px #00afca4d}.course-banner.theme-qz .course-banner-meta .ccard-badge-lv{background:#00afca;border:1px solid #ffffff4d;box-shadow:0 0 12px #00afca80}.course-banner.theme-qz .course-banner-theme{letter-spacing:.12em;color:#fff;background:linear-gradient(135deg,#00afca 0%,#0b7fa0 100%);border-radius:999px;padding:2px 9px;font-weight:800}.course-banner.theme-qz .btn.cont{background:linear-gradient(135deg,#00afca 0%,#0b7fa0 100%);border-color:#38bdf8;box-shadow:0 4px 14px #00afca66}.units{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;display:grid}.unit{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 3px 0 var(--border), var(--shadow-card);border-radius:20px;flex-direction:column;gap:4px;padding:14px;transition:transform .2s;display:flex}.unit .eyebrow{padding:4px 8px 8px;font-weight:700}.unit-art{aspect-ratio:16/6;border-bottom:1px solid var(--line);background-position:50%;background-size:cover;border-radius:18px 18px 0 0;margin:-14px -14px 10px}.unit-name{color:var(--ink);letter-spacing:0;text-transform:none;font-weight:700}.hero-art{aspect-ratio:16/5;border:1.5px solid var(--border);box-shadow:var(--shadow-card);background-position:50%;background-size:cover;border-radius:20px}.lrow{min-height:44px;color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:9px 10px;font-size:14.5px;font-weight:500;text-decoration:none;transition:background .15s,transform .15s;display:flex}@media (hover:hover) and (pointer:fine){a.lrow:hover{background:var(--chip);transform:translate(3px)}}a.lrow:focus-visible{background:var(--chip);outline:none;transform:translate(3px)}a.lrow:active{background:var(--chip)}.lrow.locked{color:var(--muted);opacity:.72}.lrow.test,.lrow.project{background:#f973160d;font-weight:700}.lcode{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);text-align:center;border-radius:999px;min-width:46px;padding:2px 8px;font-size:12px;font-weight:700}.lrow.locked .lcode{color:var(--muted);background:var(--chip)}.ltitle{flex:1;min-width:0}.lock{margin-left:auto;font-size:13px}.prof-form{flex-direction:column;gap:8px;max-width:480px;display:flex}.prof-form .row input{flex:1}.rail .back{color:var(--muted);margin-bottom:6px;padding:4px 10px;font-size:14px}.dash .btn.cont{align-self:flex-start}.tick{color:#fff;background:var(--leaf-fill);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-left:auto;font-size:12px;font-weight:800;display:inline-grid}.dash-brand,.dash-nav a{white-space:nowrap}@media (width<=720px){.dash{gap:16px;padding-block:10px 76px}.dash-top{top:calc(6px + env(safe-area-inset-top,0px));border-radius:20px;padding:8px 12px 8px 16px}.dash-top:has(.dash-avatar){border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:8px 10px;padding:10px 12px;display:grid}.dash-top:has(.dash-avatar) .dash-brand{text-overflow:ellipsis;grid-area:1/1;min-width:0;margin-right:0;font-size:16px;overflow:hidden}.dash-top:has(.dash-avatar) .dash-avatar{grid-area:1/2;width:34px;height:34px;margin-left:0}.dash-top:has(.dash-avatar) .dash-nav{background:var(--panel-sunken);border:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:14px;grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;gap:2px;width:100%;padding:3px;display:flex;overflow-x:auto}.dash-top:has(.dash-avatar) .dash-nav::-webkit-scrollbar{display:none}.dash-top:has(.dash-avatar) .dash-nav a{text-align:center;border-radius:11px;flex:1 0 auto;padding:6px 8px;font-size:12.5px}.dash-top:has(.dash-avatar) .dash-nav a.on{background:var(--panel);color:var(--accent);box-shadow:0 1px 4px #00000014,inset 0 0 0 1px #f9731640}.dash-top:not(:has(.dash-avatar)) .dash-brand{text-overflow:ellipsis;min-width:0;font-size:15px;overflow:hidden}.dash-top:not(:has(.dash-avatar)) .dash-nav a{padding:6px 10px;font-size:13px}}@media (width<=480px){.course-banner{border-radius:22px;padding:20px}.cgrid{gap:14px}}.sent{color:var(--muted);font-size:12px}.sent.ok{color:var(--leaf)}.chk.sent.ok{background:var(--leaf-soft);border-color:var(--leaf)}.bgm-frame{opacity:0;pointer-events:none;border:0;width:1px;height:1px;position:fixed;bottom:0;left:0}.bgm{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:4px 6px;font-size:13px;display:flex}.bgm.live{border-color:var(--accent)}.bgm-btn{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.bgm-btn:hover,.bgm-btn:focus-visible{background:var(--chip);outline:none}.bgm.live .bgm-btn:first-child{color:var(--accent)}.bgm-title{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.bgm-vol{width:72px;accent-color:var(--accent);cursor:pointer;margin:0 4px}.bgm.compact .bgm-title{display:none}.rail .bgm{align-self:flex-start;margin-bottom:8px}@media (width<=760px){.rail .bgm{order:-1;margin:0}}@media (width<=480px){.dash-nav .bgm{z-index:5;position:fixed;bottom:12px;right:12px;box-shadow:0 4px 16px #0000002e}.dash-nav .bgm-vol{width:64px}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleInFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ccard,.char,.unit,.panel,.hero{animation:.5s cubic-bezier(.16,1,.3,1) both slideUpFade}.cgrid .ccard:first-child{animation-delay:50ms}.cgrid .ccard:nth-child(2){animation-delay:.1s}.cgrid .ccard:nth-child(3){animation-delay:.15s}.cgrid .ccard:nth-child(4){animation-delay:.2s}.blk{animation:.6s cubic-bezier(.16,1,.3,1) both slideUpFade}.lookup{animation:.2s cubic-bezier(.16,1,.3,1) both scaleInFade}.rail-words{background:var(--accent-soft);justify-content:space-between;margin-top:10px;color:var(--accent)!important;font-weight:600!important}.rail-words span{font-family:var(--mono);background:var(--panel);text-align:center;border-radius:99px;min-width:24px;padding:1px 8px;font-size:12px}.words{flex-direction:column;gap:18px;display:flex}.words-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.words-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:var(--panel-sunken);border:1.5px solid var(--border);border-radius:16px;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto;box-shadow:inset 0 1px 2px #0000000a}.words-tabs::-webkit-scrollbar{display:none}.words-tabs button{white-space:nowrap;color:var(--muted);font-family:var(--display);background:0 0;border:0;border-radius:12px;flex:none;padding:8px 16px;font-weight:700;transition:all .2s cubic-bezier(.22,1,.36,1)}.words-tabs button.on{background:var(--panel);color:var(--ink);box-shadow:0 2px 0 var(--border), 0 4px 10px #0000000f}@media (hover:hover) and (pointer:fine){.words-tabs button:not(.on):not(:disabled):hover{color:var(--ink);background:#00000008}}@media (width<=640px){.words-tabs{width:100%;display:flex}.words-tabs button{text-align:center;flex:1 0 auto;padding:7px 10px;font-size:13px}}.words-count{font-family:var(--mono);color:var(--muted);background:var(--panel);border:1.5px solid var(--border);box-shadow:0 2px 0 var(--border);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.words-search{background:var(--panel);border:1.5px solid var(--border);width:100%;box-shadow:0 3px 0 var(--border);border-radius:16px;padding:14px 16px}.words-empty{background:var(--panel);border:2px dashed var(--border);text-align:center;box-shadow:var(--shadow-card);border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:44px 24px;display:flex}.words-empty-icon{font-size:40px}.words-empty .hint{max-width:42ch}.words-list{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border), var(--shadow-card);border-radius:22px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.words-list li{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:16px 20px;transition:background .15s,transform .15s;display:flex}.words-list li:last-child{border-bottom:0}@media (hover:hover) and (pointer:fine){.words-list li:hover{background:var(--panel-sunken)}}.words-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.words-head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.words-head b{font-family:var(--display);font-size:18px;font-weight:800}.words-head .pos{font-family:var(--mono);color:var(--muted);background:var(--chip);border-radius:99px;padding:2px 7px;font-size:11px}.words-ru{color:var(--accent);font-size:15px;font-weight:700}.words-ex{color:var(--muted);font-size:14px;font-style:italic}.words-say,.words-del{border:1.5px solid var(--border);width:36px;height:36px;box-shadow:0 2px 0 var(--border);border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.words-say{background:var(--panel);color:var(--ink);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}@media (hover:hover) and (pointer:fine){.words-say:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 3px 0 var(--accent);transform:translateY(-1px)}}.words-del{box-shadow:none;color:var(--muted);opacity:.5;background:0 0;border-color:#0000;transition:opacity .15s,background .15s,color .15s}.words-list li:hover .words-del,.words-del:focus-visible{opacity:1}@media (hover:hover) and (pointer:fine){.words-del:hover{background:var(--bad-soft);color:var(--bad)}}@media (hover:none){.words-del{opacity:1}}.deck2{flex-direction:column;gap:14px;width:100%;max-width:560px;margin:0 auto;display:flex}.deck2-progress{background:var(--chip);border-radius:99px;height:6px;overflow:hidden}.deck2-progress i{background:linear-gradient(90deg,var(--accent),#fbbf24);border-radius:99px;height:100%;transition:width .3s;display:block}.wcard{perspective:1200px;width:100%;height:340px;color:var(--ink);font:inherit;text-align:center;background:0 0;border:0;padding:0;display:block}.wcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.2,.2,1);display:block;position:relative}.wcard.flipped .wcard-inner{transform:rotateY(180deg)}.wcard-face{backface-visibility:hidden;border:1.5px solid var(--border);box-shadow:0 6px 0 var(--border), var(--shadow-card);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:28px;display:flex;position:absolute;inset:0;container-type:inline-size}.wcard-front{background:linear-gradient(160deg,var(--panel) 0%,var(--panel-sunken) 100%)}.wcard-front:before{content:"";background:linear-gradient(90deg,var(--accent),#fb923c);border-radius:26px 26px 0 0;height:5px;position:absolute;inset:0 0 auto}.wcard-back{background:linear-gradient(160deg,var(--accent-soft),var(--panel) 70%);border-color:var(--accent);box-shadow:0 6px 0 var(--accent-dark), var(--shadow-card);transform:rotateY(180deg)}.wcard-word{font-family:var(--display);letter-spacing:-.02em;font-weight:800;line-height:1.05;font-size:clamp(28px,calc(120cqi / var(--n,6)),76px);overflow-wrap:normal}.wcard-tr{color:var(--accent);font-size:clamp(22px,5cqi,32px);font-weight:800;line-height:1.2}.wcard-ex{color:var(--ink);border-top:1px solid var(--line);max-width:40ch;padding-top:14px;font-size:17px;font-style:italic;line-height:1.5}.wcard-hint{color:var(--muted);font-size:13px;position:absolute;bottom:18px}.wcard-back .wcard-hint{position:static}.wcard:focus-visible{outline:none}.wcard:focus-visible .wcard-face{box-shadow:0 0 0 3px var(--accent-soft),0 6px 0 var(--accent);border-color:var(--accent)}.deck2-bar{justify-content:center;align-items:center;gap:8px;display:flex}.deck2-bar .btn.ghost{min-width:46px;padding:10px 14px}.deck2-bar .score{text-align:center;min-width:64px}.deck2-keys{text-align:center;font-size:12px}@media (hover:none){.deck2-keys{display:none}}@media (width<=480px){.wcard{height:300px}.words-list li{gap:10px;padding:14px}}@media (prefers-reduced-motion:reduce){.wcard-inner{transition:none}}.funnel-wrap{max-width:100%;overflow-x:auto}.funnel{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.funnel th,.funnel td{text-align:right;border-bottom:1px solid var(--chip);white-space:nowrap;padding:8px 10px}.funnel th:first-child,.funnel td:first-child{text-align:left}.funnel th{font-size:13px;font-weight:600}.funnel tr.sum td{font-weight:700}.teacher-note{border-left:3px solid var(--leaf);background:var(--leaf-soft);white-space:pre-wrap;border-radius:10px;flex-basis:100%;margin-top:10px;padding:12px 14px;font-size:15px}.teacher-note .who{letter-spacing:.06em;text-transform:uppercase;color:var(--leaf);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.rv-students{gap:8px;margin-top:16px;display:grid}.rv-student{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 3px 0 var(--border);color:var(--ink);border-radius:18px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:14px 18px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}@media (hover:hover) and (pointer:fine){.rv-student:hover{border-color:var(--accent);box-shadow:0 5px 0 var(--accent);transform:translateY(-2px)}}.rv-name{font-weight:700}.rv-count{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:14px;display:flex}.rv-badge{background:var(--accent-fill);color:#fff;border-radius:999px;padding:1px 9px;font-size:13px}.rv-filter{color:var(--muted);align-items:center;gap:6px;margin:8px 0;font-size:14px;display:inline-flex}.rv-unit h2{margin:24px 0 8px;font-size:18px}.rv-work{gap:10px;margin-bottom:12px;display:grid}.rv-work.done{opacity:.8}.rv-head{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.rv-head a{color:var(--ink);font-weight:600}.rv-head .hint{margin-left:auto}.rv-kind{letter-spacing:.06em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.rv-kind.writing{background:var(--leaf-soft);color:var(--leaf)}.rv-task{color:var(--muted);white-space:pre-wrap;margin:0;font-size:14px}.rv-body{background:var(--bg);border:1px solid var(--line);white-space:pre-wrap;border-radius:10px;margin:0;padding:12px 14px}.rv-work audio{width:100%;max-width:420px}.rv-draft{border:1px dashed var(--line);border-radius:10px;padding:8px 12px}.rv-draft summary{cursor:pointer;color:var(--muted);font-size:14px}.rv-draft p{white-space:pre-wrap;margin:8px 0}.rv-feedback{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);resize:vertical;border-radius:10px;padding:10px 12px}a.btn{text-decoration:none}@media (width<=480px){.deckbar .card-add{flex-basis:100%;order:1}}.review-today{background:var(--accent-fill);width:100%;font:inherit;font-family:var(--display);text-align:left;box-shadow:0 4px 0 var(--accent-dark), var(--shadow-card);border:0;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;font-size:17px;font-weight:700;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;display:flex;color:#fff!important}@media (hover:hover) and (pointer:fine){.review-today:hover{box-shadow:0 6px 0 var(--accent-dark), 0 14px 28px -8px #f9731659;transform:translateY(-2px)}}.review-today.done{background:var(--leaf-soft);border:1.5px solid #0596694d;font-size:15px;font-weight:700;transform:none;box-shadow:0 3px #05966933;color:var(--leaf)!important}.words-mistake{color:var(--bad);background:var(--bad-soft);border-radius:99px;padding:1px 8px;font-size:11px;font-weight:700}.words-stage{font-family:var(--mono);color:var(--muted);margin-top:2px;font-size:11px}.game-pick{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.game-tile{text-align:left;background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border), var(--shadow-card);color:var(--ink);font:inherit;border-radius:20px;flex-direction:column;align-items:flex-start;gap:5px;padding:18px;transition:border-color .18s,transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;display:flex}.game-tile b{font-family:var(--display);font-size:16px;font-weight:800}.game-tile span{color:var(--muted);font-size:13px}@media (hover:hover) and (pointer:fine){.game-tile:hover:not(:disabled){border-color:var(--accent);box-shadow:0 6px 0 var(--accent-dark), 0 16px 32px -12px #f9731633;transform:translateY(-3px)}}.game-tile:disabled{opacity:.5}.game{flex-direction:column;gap:14px;width:100%;max-width:560px;margin:0 auto;display:flex}.game-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.game .btn.small{align-self:center;margin-left:0}.game-name{font-weight:700}.game-card{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 5px 0 var(--border), var(--shadow-card);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:28px 22px;display:flex}.game-card .hint{margin:0}.game-word{overflow-wrap:anywhere;font-size:clamp(28px,7vw,40px);font-weight:800}.game-ru{color:var(--accent);font-size:clamp(20px,5vw,26px);font-weight:700}.game-ear{background:var(--accent-soft);width:96px;height:96px;color:var(--accent);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .15s,filter .15s;display:inline-grid}.game-ear:hover{filter:brightness(1.05);transform:scale(1.05)}.game-opts{flex-direction:column;gap:8px;width:100%;display:flex}.game-opts .opt{align-items:center;gap:10px;min-height:48px;font-size:16px;display:flex}.game-n{background:var(--chip);width:22px;height:22px;font-family:var(--mono);color:var(--muted);border-radius:6px;flex:none;place-items:center;font-size:12px;display:grid}.game-mask{font-family:var(--mono);letter-spacing:.06em;color:var(--ink);font-size:20px}.game-write{gap:8px;width:100%;display:flex}.game-write input{border-radius:12px;flex:1;min-width:0;padding:12px 14px;font-size:18px}.game-write input.good{border-color:var(--leaf);background:var(--leaf-soft)}.game-write input.bad{border-color:var(--bad);background:var(--bad-soft)}.game-self{justify-content:center;width:100%}.game-self .btn{flex:1;max-width:180px}.game-match{grid-template-columns:1fr 1fr;width:100%}.game-end{text-align:center;background:var(--panel);border:1.5px solid var(--border);box-shadow:0 5px 0 var(--border), var(--shadow-card);border-radius:24px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:560px;margin:0 auto;padding:32px 20px;display:flex}.game-missed{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.bonus{border-top:2px dashed var(--line);margin-top:14px;padding-top:12px}.bonus-tag{letter-spacing:.02em;color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:700}.bonus.solved .bonus-tag{color:var(--leaf)}.slot{font:inherit;border:1px dashed var(--line);color:var(--muted,#94a3b8);background:0 0;border-radius:4px;margin:0 1px;padding:2px 4px;font-size:12px;line-height:1}.slot:hover{border-color:var(--select);color:var(--select)}.slot.wrong{border-color:var(--bad);color:var(--bad);animation:.35s shake}.ins{align-items:center;display:inline-flex}.chip{background:var(--select-soft);color:var(--select);border-radius:6px;margin-right:6px;padding:2px 8px;font-weight:700}.formtable-wrap{overflow-x:auto}.formtable{border-collapse:collapse;min-width:100%;font-size:15px}.formtable th,.formtable td{border:1px solid var(--line);text-align:left;vertical-align:middle;padding:6px 8px}.formtable th{background:var(--chip);font-weight:600}.typed textarea{flex:320px}textarea.good{border-color:var(--leaf);background:var(--leaf-soft)}textarea.bad{border-color:var(--bad);background:var(--bad-soft)}.task-with-pic{flex-direction:column;gap:10px;display:flex}.task-pic{object-fit:cover;border:1px solid var(--line);border-radius:16px;width:100%;max-height:360px}.sp-unit{border-color:var(--accent)}.sp-unit-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;background:var(--accent-fill);color:#fff;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:12px}.sp .opt.on{background:var(--select-soft);border-color:var(--select);color:var(--select);box-shadow:0 3px 0 var(--select-border)}.sp .opt.shake{animation:.35s shake}.sp-side{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.sp-ex{font-size:14px}.sp-card{border:1px solid var(--line);background:var(--bg);border-radius:12px;overflow:hidden}.sp-card-title{background:var(--accent-soft);padding:10px 14px;font-weight:700}.sp-card table{border-collapse:collapse;width:100%}.sp-card th,.sp-card td{text-align:left;border-top:1px solid var(--line);vertical-align:top;padding:8px 14px}.sp-card th{width:38%;color:var(--muted);font-weight:600}.sp-story{background:var(--bg);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.sp-story-text p{margin:0 0 6px}.sp-opts,.sp-ticks{flex-wrap:wrap;gap:8px;display:flex}.sp-agree{gap:8px}.sp-notes{flex-direction:column;gap:10px;display:flex}.sp-notes label{grid-template-columns:minmax(120px,38%) 1fr auto;align-items:center;gap:10px;display:grid}.sp-notes label.lie input{border-color:var(--bad)}@media (width<=560px){.sp-notes label{grid-template-columns:1fr}}.prompt.pickable{cursor:pointer;border:1.5px solid var(--border);transition:all .15s}.prompt.pickable.on{border-color:var(--select);background:var(--select-soft);color:var(--select)}.sp-mine{background:var(--leaf-soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.sp-mine b{font-weight:600}.sp-sides{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){.sp-sides{grid-template-columns:1fr}}.sp-rec{flex-wrap:wrap}.rd .reading{margin-bottom:6px}.reading .sent{font:inherit;color:inherit;text-align:left;line-height:inherit;white-space:normal;width:auto;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:4px;margin:0;padding:0;display:inline}.reading.asking{outline:3px solid var(--select);outline-offset:3px}.reading.asking .sent{cursor:pointer;background:linear-gradient(transparent 60%,var(--select-soft) 60%)}.reading.asking .sent:hover{background:var(--select-soft)}.reading .sent.proven{background:var(--leaf-soft)}.reading .sent sup{font-family:var(--mono);color:var(--leaf);margin-right:2px;font-size:11px}.reading .sent.wrong{background:var(--bad-soft);animation:.35s shake}.reading .sent.pulse{animation:1s ease-in-out infinite rd-pulse}@keyframes rd-pulse{50%{background:var(--select-soft)}}.ask-bar{z-index:5;color:#f8fafc;border:1.5px solid var(--select);background:#0f172a;border-radius:14px;flex-direction:column;gap:2px;padding:12px 16px;display:flex;position:sticky;bottom:12px;box-shadow:0 8px 24px -8px #00000059}.ask-bar .n{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-size:12px}.ask-bar .hint{color:#ddd}.page-closed{border:2px dashed var(--paper-line);text-align:center;color:var(--muted);font-family:var(--read);border-radius:12px;padding:28px 18px}.opt.sel{border-color:var(--select);background:var(--select-soft);color:var(--select);box-shadow:0 3px 0 var(--select-border)}.gapped .cards{flex-direction:column;gap:8px;display:flex}.card-s{text-align:left;font:inherit;font-family:var(--read);background:var(--paper);border:1.5px solid var(--paper-line);cursor:pointer;border-radius:14px;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.card-s b{font-family:var(--mono);color:var(--select)}.card-s.sel{border-color:var(--select);background:var(--select-soft);box-shadow:0 3px 0 var(--select-border)}.gapbtn.wide{font-family:var(--mono);margin:0 4px;font-size:14px}.gapbtn.ready{outline:2px dashed var(--select)}.gap-done{background:var(--leaf-soft);border-radius:4px}.gap-done:after{content:" "}.ticks{flex-direction:column;gap:8px;display:flex}.tickbox{text-align:left;font:inherit;background:var(--paper);border:1.5px solid var(--paper-line);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex}.tickbox .box{border:2px solid var(--muted);border-radius:6px;flex:none;place-items:center;width:22px;height:22px;font-weight:700;display:grid}.tickbox.on{border-color:var(--select);background:var(--select-soft)}.tickbox.on .box{border-color:var(--select);color:var(--select)}.tickbox.good{background:var(--leaf-soft);border-color:var(--leaf)}.tickbox.bad{background:var(--bad-soft);border-color:var(--bad);animation:.35s shake}.wparts .wpart{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.wparts .wpart.good{border-color:var(--leaf);background:var(--leaf-soft)}.wparts .wpart.bad{border-color:var(--bad);background:var(--bad-soft)}.wparts .wpart p{margin:0}.wchips{flex-wrap:wrap;gap:6px;display:flex}.wchips .chip{font:inherit;border:1.5px solid var(--border);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:14px;transition:all .15s}.wchips .chip.on{background:var(--select-fill);border-color:var(--select-fill);color:#fff;box-shadow:0 2px 0 var(--select-border)}.wflow{line-height:1.9}.wcut{font:inherit;border:1px dashed var(--line);width:24px;height:24px;color:var(--muted);cursor:pointer;vertical-align:middle;background:0 0;border-radius:6px;margin:0 4px;font-size:13px}.wcut.on{border-style:solid;border-color:var(--select-fill);background:var(--select-fill);color:#fff}.wcut.bad{border-color:var(--bad-fill);background:var(--bad-fill);color:#fff}.wbreak{height:10px;display:block}.wplan,.wself,.wdraft2{border-top:1px dashed var(--line);flex-direction:column;gap:8px;padding-top:10px;display:flex}.wslot{flex-direction:column;gap:4px;display:flex}.wslot-label{color:var(--muted);font-size:13px}.wslot textarea,.wslot input{font:inherit;box-sizing:border-box;width:100%}.w-you{flex-direction:column;gap:8px;display:flex}.wletter{white-space:pre-wrap;font-family:var(--read)}.wnotes{margin:0;padding-left:18px}.wlit{white-space:pre-wrap;background:var(--chip);border-radius:10px;margin:0;padding:10px 12px}.wlit mark{background:var(--accent-soft);color:inherit;border-radius:3px;padding:0 2px}.wlit mark.bad{background:var(--bad-soft);outline:1px solid var(--bad)}.wself .btn.ghost{align-self:flex-start}.wmarks{flex-direction:column;gap:2px;margin:0;padding-left:0;font-size:14px;list-style:none;display:flex}.wmarks li{color:var(--bad)}.wmarks li.ok{color:var(--leaf)}.w-unit{border:2px solid var(--accent)}.wself .tickbox:disabled{opacity:1;cursor:default}.pics{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.pic{background:var(--paper);border:1px solid var(--paper-line);border-radius:12px;flex-direction:column;gap:8px;margin:0;padding:8px;display:flex}.pic img{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;display:block}.pic figcaption{flex-direction:column;gap:6px;display:flex}.pic figcaption .opt{text-align:left;font-family:var(--read)}.pic.good{border-color:var(--leaf);box-shadow:0 0 0 2px var(--leaf-soft)}.listen-step{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.listen-step h4{margin:0 0 6px;font-size:15px}.opt.picked{border-color:var(--ink);border-width:2px}.listen-yes{color:var(--leaf);font-weight:600}.listen-no{color:var(--muted)}.player{border:1px solid var(--line);background:var(--bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px;display:flex}.player .bar{background:var(--chip);border-radius:3px;flex:120px;height:6px;overflow:hidden}.player .bar i{background:var(--leaf);height:100%;transition:width .2s linear;display:block}.player .btn.on{border-color:var(--ink)}.player .plays{color:var(--muted);font-size:13px}.player .plays.over{color:var(--bad)}.player .hint{flex-basis:100%;margin:0}.listen-type{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.listen-type input{border:1px solid var(--line);font:inherit;background:var(--bg);width:140px;color:var(--ink);border-radius:6px;padding:6px 10px}.bad-note{color:var(--bad);font-size:13px}.listen-bank{flex-wrap:wrap;gap:6px;display:flex}.listen-bank span{border:1px dashed var(--line);border-radius:6px;padding:3px 10px;font-size:14px}.transcript p{border-left:3px solid #0000;border-radius:6px;margin:4px 0;padding:4px 8px;transition:background .3s}.transcript p.t-ok{background:var(--leaf-soft);border-left-color:var(--leaf)}.transcript p.t-miss{background:var(--bad-soft);border-left-color:var(--bad)}.transcript p.t-flash{outline:2px solid var(--ink)}.listen-order{flex-direction:column;gap:6px;width:100%;display:flex}.listen-order ol{color:var(--leaf);margin:0;padding-left:22px;font-weight:600}.player.yt .yt-frame{background:#000;border-radius:6px;flex-basis:100%;max-width:356px;overflow:hidden}.player.yt .yt-frame iframe{width:100%;height:200px;display:block}.w-model p,.wletter{white-space:pre-line}@media (width<=640px){.funnel-wrap{overflow-x:visible}.funnel.cards,.funnel.cards tbody,.funnel.cards tr,.funnel.cards td{display:block}.funnel.cards thead{display:none}.funnel.cards tr{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-bottom:10px;padding:6px 12px}.funnel.cards td{text-align:right;white-space:normal;border-bottom:1px solid var(--chip);justify-content:space-between;gap:12px;min-width:0;padding:6px 0;display:flex}.funnel.cards td:last-child{border-bottom:0}.funnel.cards td[data-l]:not([data-l=""]):before{content:attr(data-l);text-align:left;max-width:45%;color:var(--muted);flex:none;font-size:13px;font-weight:600}.funnel.cards td.body{text-align:left;flex-direction:column}.funnel.cards td.study-cell{text-align:left;display:block}}.missions{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;display:grid}.lesson.mission{flex-direction:column;gap:18px;max-width:820px;margin:0 auto;padding-block:18px 80px;display:flex}.mission .section{flex-direction:column;gap:14px;display:flex}.mission .section>.blk,.mission .section>.block{background:var(--panel);border:1.5px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 4px 0 var(--border), var(--shadow-card);flex-direction:column;gap:12px;padding:20px;display:flex}@media (width<=480px){.lesson.mission{gap:14px;padding-block:10px 72px}.mission .section>.blk,.mission .section>.block{border-radius:20px;padding:16px 14px}}.mhead{align-items:flex-start;margin-bottom:6px}.lesson .back{font-family:var(--display);color:var(--muted);margin-bottom:10px;padding:6px 0;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.lesson .back:hover{color:var(--ink)}.pill{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 2px 0 var(--border);border-radius:var(--radius-pill);font-family:var(--display);color:var(--ink);white-space:nowrap;align-items:center;gap:6px;padding:6px 13px;font-size:12px;font-weight:700;display:inline-flex}.pill i{background:var(--leaf);border-radius:50%;width:8px;height:8px;display:inline-block}.pill.dim i{background:var(--line)}.mis-group{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px 4px;font-size:12px;font-weight:800}.ladder{align-items:center;gap:6px;display:inline-flex}.ladder b{width:28px;height:28px;font-family:var(--display);color:var(--muted);background:var(--panel-sunken);border:2px solid var(--border);border-radius:50%;place-items:center;font-size:11px;font-weight:900;transition:transform .18s;display:grid}.ladder b.on{color:#fff;border-color:#fff;box-shadow:0 2px #0000002e}.ladder b.on.D{background:linear-gradient(135deg,#f59e0b,#b45309)}.ladder b.on.C{background:linear-gradient(135deg,#10b981,#059669)}.ladder b.on.B{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.ladder b.on.A{background:linear-gradient(135deg,#fb923c,#ea580c)}.ladder b.on.S{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px #92400e,0 0 10px #f59e0b73}.ladder b.next{border-style:dashed;border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ladder b.next.half{background:linear-gradient(90deg,var(--accent) 50%,var(--accent-soft) 50%);color:var(--ink)}.mis-card{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border), var(--shadow-card);border-radius:22px;flex-direction:column;gap:12px;padding:18px 18px 16px;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .24s;display:flex}@media (hover:hover) and (pointer:fine){.mis-card:not(.locked):hover{border-color:var(--accent);box-shadow:0 7px 0 var(--accent-dark), 0 18px 36px -12px #f973162e;transform:translateY(-4px)}}.mis-card .mis-top{flex-direction:column;gap:8px;display:flex}.mis-card .name{font-family:var(--display);letter-spacing:-.01em;font-size:17px;font-weight:800}.mis-card .sub{color:var(--muted);font-size:13.5px}.mis-card.locked{background:var(--panel-sunken);box-shadow:none;opacity:.68}.mis-card.locked .name{color:var(--muted)}.mis-card.full{box-shadow:0 4px 0 #d97706, var(--shadow-card);border-color:#f59e0b}.mis-card .btn.sm{align-self:flex-start;margin-top:auto;padding:10px 16px;font-size:13.5px}.mission .section h2 small{color:var(--muted);font-size:13px;font-weight:500}.mission .mcount{color:var(--muted);text-align:right;margin-top:-4px}.mission .closed-rank{font-size:40px}.mresult{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 6px 0 var(--border), var(--shadow-card);text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:14px;margin-top:16px;padding:28px 22px 24px;display:flex}.mresult hr{border:0;border-top:1px solid var(--line);width:100%;margin:0}.mresult h2{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:900}.mresult-sub{color:var(--muted);margin:0;font-size:14px}.mresult-big{width:92px;height:92px;font-family:var(--display);color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:3px solid #fff;border-radius:50%;place-items:center;font-size:40px;font-weight:900;display:grid;box-shadow:0 5px #065f46,0 0 24px #10b98159}.mresult.fail .mresult-big{background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 5px #78350f}.mresult.star .mresult-big{font-size:46px}.mresult.star[data-rank=D] .mresult-big{background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 5px #78350f,0 0 28px #f59e0b66}.mresult.star[data-rank=C] .mresult-big{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 5px #065f46,0 0 28px #10b98166}.mresult.star[data-rank=B] .mresult-big{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 5px #1e3a8a,0 0 28px #3b82f673}.mresult.star[data-rank=A] .mresult-big{background:linear-gradient(135deg,#fb923c,#ea580c);box-shadow:0 5px #9a3412,0 0 28px #ea580c66}.mresult.star[data-rank=S] .mresult-big{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 5px #92400e,0 0 32px #f59e0b8c}.mbars{text-align:left;flex-direction:column;gap:9px;width:100%;max-width:420px;display:flex}.mbar{grid-template-columns:96px 1fr 44px;align-items:center;gap:10px;font-size:13px;display:grid}.mbar .n{font-weight:600}.mbar .w{color:var(--muted);font-size:11px}.mbar .t{background:var(--panel-sunken);border-radius:var(--radius-pill);height:8px;overflow:hidden}.mbar .t i{border-radius:var(--radius-pill);background:var(--leaf);height:100%;transition:width .6s;display:block}.mbar .t i.low{background:var(--bad)}.mbar .p{text-align:right;font-family:var(--display);font-weight:800}.mup{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.mup .arrow{color:var(--muted);font-weight:700}.mstep{color:var(--muted);max-width:40ch;margin:0;font-size:14px}.mstep b{color:var(--ink)}.mactions{flex-direction:column;gap:8px;width:100%;max-width:420px;display:flex}.mactions .btn{justify-content:center;width:100%;text-decoration:none}.writing textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:10px}.writing .checks{color:var(--muted);margin:8px 0;padding:0;font-size:14px;list-style:none}.writing .checks li.ok{color:var(--ok,#2a8a4a)}.rail-head{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;margin-bottom:6px;display:flex}.rail-head .back{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;margin-bottom:0;padding:4px 6px;font-size:13px;overflow:hidden}.theme-toggle-box{background:var(--panel-sunken);border-radius:var(--radius-pill);border:1.5px solid var(--line);flex-shrink:0;align-items:center;gap:2px;padding:2px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000a}.theme-toggle-box .theme-label{display:none}.theme-toggle-btn{color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:25px;height:25px;padding:3px 6px;line-height:1;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.theme-toggle-btn:hover{color:var(--ink);background:#0000000d}.theme-toggle-btn.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px #0000001f}.theme-icon{justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex}.sfab-wrap{right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:90;pointer-events:none;flex-direction:column;align-items:flex-end;transition:bottom .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed}@media (width<=768px){.sfab-wrap.sfab-has-snav{bottom:calc(88px + env(safe-area-inset-bottom,0px))}body:has(.snav) .sfab-wrap{bottom:calc(88px + env(safe-area-inset-bottom,0px))}}.sfab-btn{pointer-events:auto;border-radius:var(--radius-pill);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1.5px solid var(--border);width:46px;height:46px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-card), var(--shadow-tactile);justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}@media (hover:hover) and (pointer:fine){.sfab-btn:hover{background:var(--chip);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}}.sfab-btn:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.sfab-btn.open{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.sfab-gear{width:21px;height:21px;transition:transform .25s cubic-bezier(.16,1,.3,1)}@media (width<=640px){.sfab-btn{width:42px;height:42px;box-shadow:0 6px 18px #00000024, 0 2px 0 var(--border)}.sfab-gear{width:19px;height:19px}}.sfab-btn.open .sfab-gear{transform:rotate(45deg)}.sfab-dot{border-radius:var(--radius-pill);background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--panel);pointer-events:none;display:none;position:absolute;top:4px;right:4px}.sfab-btn.is-playing .sfab-dot{animation:1.8s ease-in-out infinite sfabDotPulse;display:block}.sfab-wrap:has(.bgm.live) .sfab-dot{animation:1.8s ease-in-out infinite sfabDotPulse;display:block}@keyframes sfabDotPulse{0%{box-shadow:0 0 0 0 var(--accent-glow);transform:scale(.9)}60%{transform:scale(1.15);box-shadow:0 0 0 6px #f9731600}to{transform:scale(.9);box-shadow:0 0 #f9731600}}.sfab-panel{pointer-events:none;background:var(--panel);border:1.5px solid var(--line);border-radius:var(--radius-lg);width:300px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);box-shadow:var(--shadow-card), 0 8px 24px #0000001f;transform-origin:100% 100%;opacity:0;visibility:hidden;flex-direction:column;gap:12px;padding:16px;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s;display:flex;position:absolute;bottom:calc(100% + 12px);right:0;overflow-y:auto;transform:scale(.92)}.sfab-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.sfab-section{flex-direction:column;gap:8px;display:flex}.sfab-section-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sfab-section-title{font-family:var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.sfab-vol-label{font-family:var(--body);color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);padding:2px 8px;font-size:12px;font-weight:600}.sfab-divider{background:var(--line);height:1px;margin:2px 0}.sfab-panel .theme-toggle-box{background:var(--panel-sunken);border:1.5px solid var(--line);border-radius:var(--radius-md);gap:3px;width:100%;padding:3px;display:flex}.sfab-panel .theme-toggle-btn{border-radius:var(--radius-sm);height:auto;min-height:36px;font-family:var(--body);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1 1 0;justify-content:center;align-items:center;gap:5px;padding:8px 4px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.sfab-panel .theme-toggle-box .theme-label{display:inline}.sfab-panel .theme-toggle-btn:hover{color:var(--ink);background:#0000000a}[data-theme=dark] .sfab-panel .theme-toggle-btn:hover{background:#ffffff0d}.sfab-panel .theme-toggle-btn.active{background:var(--panel);color:var(--ink);font-weight:600;box-shadow:0 1px 4px #0000001a,0 1px 2px #0000000a}.sfab-panel .bgm{background:var(--panel-sunken);border:1.5px solid var(--line);border-radius:var(--radius-md);box-shadow:none;grid-template-rows:auto auto;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;max-width:100%;padding:10px 12px;display:grid}.sfab-panel .bgm.live{border-color:var(--accent)}.sfab-panel .bgm-btn{border-radius:var(--radius-pill);background:var(--panel);border:1.5px solid var(--line);width:32px;height:32px;color:var(--ink);cursor:pointer;place-items:center;transition:all .15s;display:grid}.sfab-panel .bgm-btn:hover,.sfab-panel .bgm-btn:focus-visible{background:var(--chip);border-color:var(--accent);color:var(--accent);outline:none}.sfab-panel .bgm.live .bgm-btn:first-child{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.sfab-panel .bgm-title{font-family:var(--body);color:var(--ink);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;font-size:13px;font-weight:600;overflow:hidden;display:block!important}.sfab-panel .bgm-vol{appearance:none;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;outline:none;grid-column:1/-1;width:100%;height:6px;margin:8px 0 4px;padding:0;box-shadow:none!important}.sfab-panel .bgm-vol:focus,.sfab-panel .bgm-vol:focus-visible{border-color:#0000;outline:none;box-shadow:none!important}.sfab-panel .bgm-vol::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--vol,40%), var(--line) var(--vol,40%), var(--line) 100%);border:none;width:100%;height:6px}.sfab-panel .bgm-vol::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--panel);cursor:pointer;border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 4px #0003}.sfab-panel .bgm-vol::-webkit-slider-thumb:hover{transform:scale(1.15)}.sfab-panel .bgm-vol:active::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft);transform:scale(1.2)}.sfab-panel .bgm-vol::-moz-range-track{border-radius:var(--radius-pill);background:var(--line);border:none;width:100%;height:6px}.sfab-panel .bgm-vol::-moz-range-progress{border-radius:var(--radius-pill);background:var(--accent);height:6px}.sfab-panel .bgm-vol::-moz-range-thumb{background:var(--accent);border:2px solid var(--panel);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 4px #0003}.sfab-panel .bgm-vol::-moz-range-thumb:hover{transform:scale(1.15)}.smap{background:var(--panel);border:2px solid var(--line);z-index:20;box-shadow:var(--shadow-card), var(--shadow-tactile);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;flex-direction:column;gap:8px;padding:12px 18px 10px;scroll-margin-top:10px;transition:all .25s;display:flex;position:relative;top:10px;overflow:hidden}[data-course=naruto] .smap{background:linear-gradient(#fffaf2db 0%,#fffaf29e 100%),url(/art/maps/konoha.jpg) 50% 70%/cover no-repeat;border-color:#ebd9be;box-shadow:0 12px 30px -10px #f9731629,0 4px #d5c2a5}[data-theme=dark] [data-course=naruto] .smap,[data-theme=dark][data-course=naruto] .smap{background:linear-gradient(#121018db 0%,#121018ad 100%),url(/art/maps/konoha.jpg) 50% 70%/cover no-repeat;border-color:#382a22;box-shadow:0 14px 34px -10px #0009,0 4px #241a14}[data-course=naruto] .smap-node span{text-shadow:0 0 4px var(--panel), 0 0 8px var(--panel)}[data-course=naruto] .smap:before{content:"";pointer-events:none;opacity:.05;background-image:radial-gradient(ellipse at 15% 50%, var(--accent) 0%, transparent 45%), radial-gradient(ellipse at 85% 50%, var(--accent-secondary) 0%, transparent 45%);position:absolute;inset:0}[data-course=marvel] .smap{background:linear-gradient(175deg, var(--panel) 0%, #f0f7ff 100%);border-color:#bfdbfe;box-shadow:0 12px 30px -10px #2563eb2e,0 4px #93c5fd}[data-theme=dark] [data-course=marvel] .smap,[data-theme=dark][data-course=marvel] .smap{background:linear-gradient(175deg,#131b2e 0%,#0d1322 100%);border-color:#1e3a8a;box-shadow:0 14px 34px -10px #000000b3,0 4px #0f172a}[data-course=marvel] .smap:before{content:"";pointer-events:none;opacity:.06;background-image:linear-gradient(90deg,#2563eb26 1px,#0000 1px),linear-gradient(0deg,#2563eb26 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.smap-header{border-bottom:1.5px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:6px;display:flex}.smap-badge{font-family:var(--display);letter-spacing:.09em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.smap-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:space-between;align-items:center;gap:0;width:100%;padding:4px 2px 2px;display:flex;overflow-x:auto}.smap-track::-webkit-scrollbar{display:none}.smap-node{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:4px;padding:2px 4px;transition:transform .15s;display:flex}.smap-node:hover{transform:translateY(-2px)}.smap-node:active{transform:translateY(1px)}.smap-node b{width:38px;height:38px;font-family:var(--display);background:var(--panel-sunken);color:var(--muted);border:2px dashed var(--line);box-shadow:0 3px 0 var(--line);border-radius:50%;place-items:center;font-size:14px;font-weight:800;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:grid;position:relative}.smap-node span{font-family:var(--display);white-space:nowrap;color:var(--muted);font-size:11px;font-weight:700;transition:color .15s}.smap-node.cur span{color:var(--ink);font-weight:800}.smap-node.cur b{transform:scale(1.14);color:#fff!important;border:2px solid #fff!important}[data-course=naruto] .smap-node.cur b{animation:2s ease-in-out infinite chakraPulse;box-shadow:0 0 0 4px var(--accent-soft), 0 0 20px var(--accent-glow), 0 4px 0 #9a3412!important;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)!important}[data-course=marvel] .smap-node.cur b{animation:2s ease-in-out infinite arcReactorPulse;box-shadow:0 0 0 4px var(--accent-soft), 0 0 20px var(--accent-glow), 0 4px 0 #1e3a8a!important;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important}@keyframes chakraPulse{0%,to{box-shadow:0 0 0 4px var(--accent-soft), 0 0 16px var(--accent-glow), 0 4px 0 #9a3412}50%{box-shadow:0 0 0 6px var(--accent-soft), 0 0 28px #f973168c, 0 4px 0 #9a3412}}@keyframes arcReactorPulse{0%,to{box-shadow:0 0 0 4px var(--accent-soft), 0 0 16px var(--accent-glow), 0 4px 0 #1e3a8a}50%{box-shadow:0 0 0 6px var(--accent-soft), 0 0 28px #2563eb99, 0 4px 0 #1e3a8a}}.smap-node.done b{color:#fff;border:2px solid #fff;font-weight:900;box-shadow:0 3px #0000002e,0 2px 8px #0000001a}[data-rank]{--rk1:#fb923c;--rk2:#ea580c;--rke:#9a3412}[data-rank=S]{--rk1:#fbbf24;--rk2:#d97706;--rke:#92400e}[data-rank=B]{--rk1:#3b82f6;--rk2:#1d4ed8;--rke:#1e3a8a}[data-rank=C]{--rk1:#10b981;--rk2:#059669;--rke:#065f46}[data-rank=D]{--rk1:#a78bfa;--rk2:#7c3aed;--rke:#4c1d95}[data-rank=E]{--rk1:#94a3b8;--rk2:#64748b;--rke:#334155}[data-rank=F]{--rk1:#f87171;--rk2:#dc2626;--rke:#7f1d1d}.smap-node.done[data-rank]:not([data-rank=""]) b,.fr.done[data-rank]:not([data-rank=""]) b{background:linear-gradient(135deg, var(--rk1), var(--rk2))!important;box-shadow:0 3px 0 var(--rke)!important;border-color:#fff!important}.smap-node.done:not([data-rank]) b,.smap-node.done[data-rank=""] b{background:var(--leaf-fill)!important;border-color:var(--leaf-soft)!important;box-shadow:0 3px #047857!important}.smap-node.review b{border:2px dashed var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 2px 0 var(--line);animation:2.2s ease-in-out infinite reviewBlink}@keyframes reviewBlink{0%,to{opacity:.8}50%{opacity:1;transform:scale(1.05)}}.smap-node.xtra b{border-radius:12px}.smap-link{background:var(--line);border-radius:4px;flex:20px;min-width:12px;max-width:72px;height:4px;margin:0 -2px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.smap-link.on{height:4px}[data-course=naruto] .smap-link{background:radial-gradient(circle,#c9b391 0 2.5px,#0000 3px) 0/12px 10px repeat-x;height:10px}[data-theme=dark] [data-course=naruto] .smap-link,[data-theme=dark][data-course=naruto] .smap-link{background-image:radial-gradient(circle,#5a4a3c 0 2.5px,#0000 3px)}[data-course=naruto] .smap-link.on{filter:drop-shadow(0 0 4px #f97316b3);background:radial-gradient(circle,#f97316 0 3.5px,#0000 4px) 0/12px 10px repeat-x;height:10px}[data-course=marvel] .smap-link.on{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 8px #3b82f6b3}.smap-side{align-items:center;gap:8px;margin-left:auto;display:flex}.smap-streak{font-family:var(--display);color:#b45309;border-radius:var(--radius-pill);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fcd34d;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 3px #f59e0b}[data-theme=dark] .smap-streak{color:#fbbf24;background:#f59e0b29;border-color:#f59e0b66;box-shadow:0 3px #b4530980}.smap-rank{background:var(--panel-sunken);border:1.5px solid var(--line);min-width:44px;box-shadow:0 2px 0 var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4px 10px;line-height:1;display:flex}.smap-rank small{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:9px;font-weight:800}.smap-rank b{font-family:var(--display);color:var(--ink);font-size:18px;font-weight:900}.theory-card{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 5px 0 var(--border), var(--shadow-card);border-radius:24px;margin-bottom:18px;padding:22px 24px;transition:all .25s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.theory-card:before{content:"";background:linear-gradient(90deg, var(--accent), #fbbf24);height:4px;position:absolute;top:0;left:0;right:0}[data-course=marvel] .theory-card:before{background:linear-gradient(90deg,#2563eb,#38bdf8)}.theory-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.theory-card-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.theory-card-title:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%}.theory-card-toggle{background:var(--panel-sunken);border:1.5px solid var(--border);font-family:var(--display);color:var(--muted);cursor:pointer;border-radius:var(--radius-pill);box-shadow:0 2px 0 var(--border);padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.theory-card-toggle:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}.theory-card-body{z-index:1;position:relative}.theory-card-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.theory-proceed-btn{width:100%}.sfab-sfx-toggle{border:1.5px solid var(--border);background:var(--panel-sunken);color:var(--muted);font-family:var(--display);border-radius:var(--radius-pill);cursor:pointer;padding:4px 12px;font-size:12px;font-weight:800;transition:all .15s}.sfab-lang{gap:4px;display:flex}.sfab-sfx-toggle.on{background:var(--leaf-soft);border-color:var(--leaf);color:var(--leaf)}.theory-banner-btn{background:var(--panel);border:1.5px solid var(--border);cursor:pointer;width:100%;box-shadow:0 4px 0 var(--border), var(--shadow-card);text-align:left;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 20px;transition:all .18s cubic-bezier(.22,1,.36,1);display:flex}.theory-banner-btn:hover{border-color:var(--accent);box-shadow:0 6px 0 var(--accent-dark), var(--shadow-card);transform:translateY(-2px)}.theory-banner-btn:active{box-shadow:0 1px 0 var(--border);transform:translateY(2px)}.theory-banner-text{flex-direction:column;flex:1;gap:2px;display:flex}.theory-banner-text b{font-family:var(--display);color:var(--ink);font-size:15px;font-weight:800}.theory-banner-text small{color:var(--muted);font-size:13px}.theory-banner-action{font-family:var(--display);color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);white-space:nowrap;padding:6px 14px;font-size:12px;font-weight:800}.task-done{border:2px solid var(--line);background:var(--panel);box-shadow:var(--shadow-tactile);border-radius:16px;margin-bottom:12px;transition:all .15s;overflow:hidden}.task-done:hover{border-color:var(--leaf)}.task-done>summary{cursor:pointer;font-family:var(--display);color:var(--leaf);background:var(--panel);align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;list-style:none;display:flex}.task-done>summary::-webkit-details-marker{display:none}.task-done>summary:before{content:"✓";background:var(--leaf-soft);width:20px;height:20px;color:var(--leaf);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid}.task-done[open]>summary{border-bottom:2px solid var(--line)}.task-done .blk{padding:16px}.closed{text-align:center;background:var(--panel);border:2px solid var(--line);box-shadow:var(--shadow-card), var(--shadow-tactile);border-radius:28px;flex-direction:column;align-items:center;gap:12px;padding:34px 24px;animation:.35s ease-out cardAppear;display:flex;position:relative;overflow:hidden}@keyframes cardAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.closed .eyebrow{font-weight:800}.closed-rank{width:90px;height:90px;font-family:var(--display);color:#fff;border:4px double #fff;border-radius:50%;place-items:center;font-size:46px;font-weight:900;line-height:1;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards stampDrop;display:grid;box-shadow:0 10px 30px #0000002e,inset 0 2px 4px #fff6}@keyframes stampDrop{0%{opacity:0;transform:scale(2.4)rotate(-14deg)}60%{opacity:1;transform:scale(.92)rotate(3deg)}80%{transform:scale(1.06)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.closed[data-rank]:not([data-rank=""]) .closed-rank{background:linear-gradient(135deg, var(--rk1), var(--rk2));box-shadow:0 6px 0 var(--rke), 0 10px 28px color-mix(in srgb, var(--rk2) 35%, transparent);border:3px solid #fff}.closed:not([data-rank]) .closed-rank,.closed[data-rank=""] .closed-rank{background:var(--leaf-fill)}.closed.review .closed-rank{border-radius:var(--radius-pill);border:2px dashed var(--accent);background:var(--accent-soft);width:auto;height:auto;color:var(--accent);box-shadow:none;padding:10px 20px;font-size:17px;animation:2.2s ease-in-out infinite reviewBlink}.closed-word{font-family:var(--display);color:var(--ink);max-width:46ch;font-size:16px;font-weight:700}.closed-fb{text-align:left;background:var(--accent-soft);border-left:4px solid var(--accent);white-space:pre-wrap;border-radius:12px;max-width:60ch;margin-top:4px;padding:12px 16px;font-size:15px}.closed .btn{margin-top:12px;padding:14px 28px;font-size:16px}.snav{justify-content:space-between;margin-top:8px}.finish{background:var(--panel);border:2px solid var(--line);box-shadow:var(--shadow-card), var(--shadow-tactile);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:14px;padding:36px 24px;display:flex;position:relative;overflow:hidden}.finish-ranks{background:var(--panel-sunken);border:1.5px solid var(--line);border-radius:20px;flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0;padding:12px 16px;display:flex}.fr{font-family:var(--display);color:var(--muted);flex-direction:column;align-items:center;gap:4px;min-width:54px;font-size:11px;font-weight:700;display:flex}.fr b{border:2px solid var(--line);width:36px;height:36px;font-family:var(--display);background:var(--panel);box-shadow:0 2px 0 var(--line);color:var(--muted);border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid}.fr.done b{color:#fff}.rv-rank{background:var(--panel-sunken);border:1.5px solid var(--line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;padding:10px 14px;display:flex}.rv-rank .hint{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:4px;font-size:12px;font-weight:800}.rv-r{border:2px solid var(--line);background:var(--panel);width:44px;height:44px;color:var(--ink);font-family:var(--display);cursor:pointer;box-shadow:0 3px 0 var(--line);border-radius:12px;place-items:center;font-size:16px;font-weight:900;transition:all .12s;display:grid}.rv-r:hover{box-shadow:0 5px 0 var(--line);border-color:var(--accent);transform:translateY(-2px)}.rv-r:active{box-shadow:0 1px 0 var(--line);transform:translateY(2px)}.rv-r.on{transform:translateY(1px);color:#fff!important}.rv-r.r-S.on{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-color:#b45309!important;box-shadow:0 2px #92400e,0 0 14px #f59e0b73!important}.rv-r.r-A.on{background:linear-gradient(135deg,#fb923c,#ea580c)!important;border-color:#c2410c!important;box-shadow:0 2px #9a3412,0 0 14px #ea580c73!important}.rv-r.r-B.on{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-color:#1e40af!important;box-shadow:0 2px #1e3a8a,0 0 14px #2563eb73!important}.rv-r.r-C.on{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#047857!important;box-shadow:0 2px #065f46,0 0 14px #10b98173!important}.rv-r.r-D.on{background:linear-gradient(135deg,#f59e0b,#b45309)!important;border-color:#92400e!important;box-shadow:0 2px #78350f!important}.rv-r.r-E.on{background:linear-gradient(135deg,#f97316,#c2410c)!important;border-color:#9a3412!important;box-shadow:0 2px #7c2d12!important}.rv-r.r-F.on{background:linear-gradient(135deg,#64748b,#334155)!important;border-color:#1e293b!important;box-shadow:0 2px #0f172a!important}@media (width<=480px){body{padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px))}.wrap{gap:14px;padding-block:10px 64px}.smap{border-radius:20px;padding:10px 12px;top:6px}.smap-header{margin-bottom:6px}.smap-badge{font-size:10px}.smap-node b{width:32px;height:32px;font-size:13px}.smap-node span{font-size:10px}.smap-link{width:14px;margin:0 -2px 14px}.smap-side{gap:6px}.smap-streak{padding:4px 8px;font-size:11px}.smap-rank{padding:2px 6px}.smap-rank b{font-size:15px}.theory-card{border-radius:20px;padding:16px 14px}.theory-banner-btn{padding:12px 14px}.closed{border-radius:22px;padding:24px 16px}.closed-rank{width:76px;height:76px;font-size:38px}.opt{border-radius:12px;padding:10px 14px;font-size:14px}.rv-r{width:38px;height:38px;font-size:14px}}.rules-blk{flex-direction:column;gap:12px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.rules-title{font-family:var(--display);margin-bottom:4px;font-size:18px;font-weight:800}.form-tbl{border:1.5px solid var(--line);background:var(--panel-sunken);border-radius:14px;overflow:hidden;box-shadow:0 2px 6px #0000000a}.form-tbl table{border-collapse:collapse;width:100%}.form-tbl th{color:#c2410c;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#f9731629,#f59e0b1a);border-bottom:1.5px solid #f9731638;padding:9px 12px;font-size:11px}.form-tbl td:first-child{font-family:var(--display);color:#ea580c;font-weight:800}[data-course=marvel] .form-tbl th{color:#0284c7;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#38bdf829,#0284c71a);border-bottom:1.5px solid #38bdf840;padding:9px 12px;font-size:11px}[data-course=marvel] .form-tbl td:first-child{font-family:var(--display);color:#0284c7;font-weight:800}.rules-h{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);color:#ea580c;background:#f973161f;align-items:center;gap:6px;margin-bottom:6px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}[data-course=marvel] .rules-h{color:#0284c7;background:#38bdf81f}.watch .rules-h{color:#dc2626!important;background:#ef44441f!important}.hints .rules-h{color:#d97706!important;background:#f59e0b26!important}:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0)}.lesson-sec{view-transition-name:lesson-sec}::view-transition-old(lesson-sec){animation:secOut .18s var(--ease-in) both}::view-transition-new(lesson-sec){animation:secIn .42s var(--ease-out) both}[data-dir=back]::view-transition-old(lesson-sec){animation-name:secOutBack}[data-dir=back]::view-transition-new(lesson-sec){animation-name:secInBack}::view-transition-old(root){animation-duration:.2s}::view-transition-new(root){animation-duration:.2s}@keyframes secOut{to{opacity:0;filter:blur(3px);transform:translate(-28px)}}@keyframes secOutBack{to{opacity:0;filter:blur(3px);transform:translate(28px)}}@keyframes secIn{0%{opacity:0;transform:translate(36px)}}@keyframes secInBack{0%{opacity:0;transform:translate(-36px)}}:where(.lesson-sec>*){animation:blockRise .46s var(--ease-out) both}:where(.lesson-sec>:nth-child(2)){animation-delay:40ms}:where(.lesson-sec>:nth-child(3)){animation-delay:80ms}:where(.lesson-sec>:nth-child(4)){animation-delay:.12s}:where(.lesson-sec>:nth-child(n+5)){animation-delay:.16s}@keyframes blockRise{0%{opacity:0;filter:blur(2px);transform:translateY(14px)scale(.985)}}.lesson-sec>.closed{animation:closedIn .5s var(--ease-out) both}@keyframes closedIn{0%{opacity:0;clip-path:inset(30% 0 round 28px);transform:translateY(18px)}to{opacity:1;clip-path:inset(0 round 28px);transform:none}}.closed-rank{opacity:0;animation-delay:.16s}@supports (interpolate-size:allow-keywords){.task-done{interpolate-size:allow-keywords}.task-done::details-content{opacity:0;block-size:0;transition:block-size .32s var(--ease-out), opacity .24s ease, content-visibility .32s allow-discrete;overflow:clip}.task-done[open]::details-content{opacity:1;block-size:auto}}.smap-streak.up{animation:streakUp .42s var(--ease-out)}.smap-streak.broke{animation:.35s gentleShake}@keyframes streakUp{0%{transform:scale(1)}35%{transform:scale(1.18)rotate(-3deg);box-shadow:0 3px #f59e0b,0 0 0 6px #fbbf2447}to{transform:scale(1)}}.smap-rank b{animation:rankSet .5s var(--ease-out)}@keyframes rankSet{0%{opacity:0;filter:blur(2px);transform:scale(1.6)rotate(-8deg)}}.smap-node b{transition:transform .36s var(--ease-out), box-shadow .36s var(--ease-out), background-color .36s ease, border-color .36s ease}.smap-link{transition:background-color .5s,box-shadow .5s,opacity .5s}.finish{animation:blockRise .5s var(--ease-out) both}.fr b{animation:frStamp .44s var(--ease-out) both;animation-delay:calc(.25s + var(--i,0) * 70ms)}@keyframes frStamp{0%{opacity:0;transform:scale(1.7)rotate(-10deg)}}.closed .btn{transition:transform .14s var(--ease-out), box-shadow .14s var(--ease-out), filter .14s ease}@media (prefers-reduced-motion:reduce){::view-transition-old(lesson-sec){animation:none}::view-transition-new(lesson-sec){animation:none}.closed-rank{opacity:1}.task-done::details-content{transition:none}}.gate-card.st{text-align:center;align-items:stretch;gap:14px;max-width:480px}.st-hero-banner{border-bottom:1.5px solid var(--border);background:#12141d;border-radius:26px 26px 0 0;height:132px;margin:-28px -28px 6px;position:relative;overflow:hidden}.st-hero-art{filter:saturate(1.08);background-position:50% 30%;background-size:cover;transition:transform .6s;position:absolute;inset:0}.gate-card.st:hover .st-hero-art{transform:scale(1.04)}.st-hero-banner:after{content:"";pointer-events:none;background:linear-gradient(#0a0c122e 0%,#0a0c12c2 100%);position:absolute;inset:0}.st-hero-badges{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:16px}.st-pill{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0f1117bf;border:1px solid #ffffff2e;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.st-pill.accent{background:var(--accent-fill);border-color:#0000}.st-rank-float{z-index:2;width:54px;height:54px;font-family:var(--display);color:#fff;background:linear-gradient(135deg,var(--rk1),var(--rk2));box-shadow:0 4px 0 var(--rke),0 8px 16px #00000059;border:3px solid #fff;border-radius:50%;place-items:center;font-size:26px;font-weight:900;animation:4s ease-in-out infinite stFloat;display:grid;position:absolute;bottom:8px;right:16px}@keyframes stFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-5px)rotate(3deg)}}.st h1{font-size:clamp(25px,6.5vw,32px);line-height:1.15}.st-ru{color:var(--muted);font-size:.82em;font-weight:500}.st p .st-ru{font-size:inherit}.st-go{border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:15px 22px;font-size:17px}.st-go br{display:none}.st-sub{opacity:.85;font-size:.82em;font-weight:500}.st-langs{flex-direction:column;gap:10px;display:flex}.st-links{border-top:1px dashed var(--border);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding-top:10px;font-size:13.5px;display:flex}.st-quick-link{color:var(--ink);background:var(--chip);border-radius:999px;padding:4px 10px;font-weight:700;text-decoration:none;transition:all .18s}.st-quick-link:hover{background:var(--accent-soft);color:var(--accent)}.pt-lang{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 12px;display:flex}.pt-lang .btn{padding:8px 16px}.pt-next{flex-direction:column;gap:10px;margin-top:20px;display:flex}.pt-video{aspect-ratio:16/9;background:var(--chip);border:0;border-radius:12px;width:100%}.shadow .shadow-start{font:inherit;cursor:pointer;color:#fff;border:1px solid var(--line);background:#16131f;border-radius:16px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.shadow .qa-row.on .qa-q{outline:2px solid var(--accent,#f08a24);border-radius:12px}.practice-tabs{align-self:flex-start;margin:4px 0 14px}.practice-tabs a{text-decoration:none}.words-kind{margin-bottom:10px}.pb-cefr{opacity:.6;margin-left:4px;font-size:11px}.pb-actions{flex-wrap:wrap;gap:10px;margin:6px 0 12px}.pb-add{font-size:18px;font-weight:700}.pb-add.on{color:var(--leaf)}.build-line{box-sizing:border-box;border:2px dashed var(--line);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;margin:8px 0;padding:10px;display:flex}.build-line.good{border-color:var(--leaf)}.build-line.bad{border-color:#e5484d}.build-pool{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.build-tile{width:auto;padding:8px 14px}.build-tile:disabled{opacity:.25}.reply-cue{background:var(--chip);color:var(--ink);cursor:pointer;border:0;border-radius:14px;align-items:center;gap:8px;margin:4px 0 10px;padding:12px 16px;font-size:20px;font-weight:700;display:inline-flex}.words-tabs a{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:8px 18px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}.words-tabs a.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #00000014}.trial-cta{background:var(--chip);text-align:center;border-radius:14px;gap:10px;margin:16px 0;padding:14px 16px;display:grid}.trial-cta p{margin:0}.pb-guest{background:var(--chip);color:var(--muted);border-radius:12px;margin:4px 0 12px;padding:10px 14px;font-size:14px}.pb-forms{color:var(--muted);font-size:13px;font-style:italic}.vid-chat{flex-direction:column;gap:12px;margin-top:8px;display:flex}.vid-msgs{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.vid-msg{align-items:flex-start;gap:10px;display:flex}.vid-msg.pending{opacity:.6}.vid-msg.rejected{opacity:.6;color:var(--bad)}.vid-msg-ava{background:var(--chip);border:2px solid var(--border);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid;overflow:hidden}.vid-msg-ava img{object-fit:cover;width:100%;height:100%;display:block}.vid-msg-main{flex:1;min-width:0}.vid-msg-main p{overflow-wrap:anywhere;white-space:pre-wrap;margin:2px 0 0}.vid-msg-head em{color:var(--muted);font-style:normal}.vid-chat-form{flex-direction:column;gap:8px;display:flex}.vid-chat-form textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--border);resize:vertical;border-radius:12px;padding:10px}.vid-chat-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.vid-chat .bad{color:var(--bad)}.om-stage{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border), var(--shadow-card);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;transition:border-color .2s,background .2s;display:flex}.om-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.om-sub{color:var(--accent);font-size:15px;font-weight:700}.om-topic{font-family:var(--display);max-width:28ch;font-size:clamp(22px,5vw,32px);font-weight:800;line-height:1.2}.om-big{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--accent);font-size:72px;font-weight:800;line-height:1}.om-big span{color:var(--muted);margin-left:6px;font-size:18px}.om-count{color:#dc2626;animation:1s ease-in-out infinite om-pulse}.om-win{color:var(--leaf,#16a34a)}.om-note{color:var(--muted);font-size:15px}.om-danger{background:color-mix(in srgb,#dc2626 7%,var(--panel));border-color:#dc2626}.om-lost{border-color:#dc2626}.om-won{border-color:var(--leaf,#16a34a)}@keyframes om-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.om-count{animation:none}}.om-stage .link{align-self:center}.install-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-top:12px;padding:16px 18px}.install-row{justify-items:start;gap:12px;display:grid}.install-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.install-steps li{align-items:center;gap:12px;line-height:1.4;display:flex}.install-ico{background:var(--accent-secondary-soft);width:36px;height:36px;color:var(--accent-secondary);border-radius:10px;flex:none;place-items:center;font-weight:700;display:grid}.install-nudge{background:var(--accent-secondary-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 0;padding:10px 14px;font-size:14px;display:flex}.install-nudge a{color:var(--accent-secondary);font-weight:600;text-decoration:none}.install-nudge .link{font-size:18px;line-height:1}.sfab-link{color:var(--accent-secondary);padding:10px 0 2px;font-size:14px;font-weight:600;text-decoration:none;display:block}.practice-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 14px;display:flex}.practice-bar .practice-tabs{margin:0}.guest-style-bar{justify-content:flex-end;margin-bottom:8px}.art-picker{background:var(--panel-sunken);border:1.5px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:3px 5px;font-size:12.5px;display:inline-flex}.art-picker-label{color:var(--muted);padding:0 6px 0 8px;font-size:12px;font-weight:600}.art-pill{color:var(--muted);font-family:var(--display);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:12.5px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.art-pill:hover{color:var(--ink)}.art-pill.on{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px #0000001a}.art-gem{color:var(--accent);opacity:.85;font-size:10px;font-style:normal}.mis-card.has-art{color:#fff;box-shadow:0 5px 0 #0c0e1452, var(--shadow-card);z-index:1;border-color:#ffffff29;justify-content:space-between;min-height:178px;text-decoration:none;position:relative;overflow:hidden}.mis-card.has-art:before{content:"";background-image:var(--art);z-index:-2;background-position:50%;background-size:cover;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .3s;position:absolute;inset:0}.mis-card.has-art:after{content:"";z-index:-1;background:linear-gradient(#0a0c1261 0%,#0a0c12b8 55%,#0a0c12e6 100%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.mis-card.has-art:not(.locked):hover:before{transform:scale(1.05)}}.mis-card.has-art .name{color:#fff;text-shadow:0 2px 10px #0000008c;font-size:18px}.mis-card.has-art .sub{color:#ffffffd6;text-shadow:0 1px 6px #00000080}.mis-card.has-art .ladder b:not(.on){color:#ffffffd1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f11179e;border-color:#ffffff47}.mis-card.has-art .ladder b.next{color:#fdba74;background:#f9731647;border-color:#fdba74}.mis-card.has-art .ladder b.next.half{background:linear-gradient(90deg,var(--accent) 50%,#f9731647 50%);color:#fff}.mis-card.has-art.locked{opacity:.78;box-shadow:none}.mis-card.has-art.locked:before{filter:saturate(.22)brightness(.72)}.mis-card.has-art.locked .name{color:#ffffffd1}.mis-card.has-art.full{box-shadow:0 5px 0 #d97706, var(--shadow-card);border-color:#f59e0b}.game{position:relative}.game-hud{align-items:center;gap:6px;display:inline-flex}.game-streak{font-family:var(--mono);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel-sunken);color:var(--muted);font-variant-numeric:tabular-nums;padding:3px 9px;font-size:13px;font-weight:800;transition:background-color .2s,color .2s,border-color .2s}.game-streak.on{color:#92400e;background:#fef3c7;border-color:#f59e0b}.game-streak.up{animation:streakUp .42s var(--ease-out)}.game-streak.broke{animation:.35s gentleShake}:root[data-theme=dark] .game-streak.on{color:#fcd34d;background:#f59e0b29}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .game-streak.on{color:#fcd34d;background:#f59e0b29}}.game-steps{gap:3px;height:8px;display:flex}.game-steps i{background:var(--chip);transition:background-color .3s ease,transform .3s var(--ease-out);border-radius:99px;flex:1}.game-steps i.ok{background:var(--leaf)}.game-steps i.no{background:var(--bad)}.game-steps i.cur{background:var(--accent);animation:1.4s ease-in-out infinite stepPulse}@keyframes stepPulse{50%{opacity:.45}}.game>.game-card{animation:roundIn .34s var(--ease-out) both}@keyframes roundIn{0%{opacity:0;transform:translate(26px)scale(.985)}}.game-card{transition:border-color .2s,box-shadow .25s}.game-card.hit{border-color:var(--leaf);box-shadow:0 5px 0 var(--leaf),0 0 0 6px #10b98124,var(--shadow-card)}.game-card.miss{border-color:var(--bad)}.game-cheer{z-index:5;pointer-events:none;white-space:nowrap;font-family:var(--display);border-radius:var(--radius-pill);background:linear-gradient(90deg,#f59e0b,var(--accent-fill));color:#fff;animation:cheerPop 1.2s var(--ease-out) both;padding:8px 18px;font-size:18px;font-weight:800;position:absolute;top:38px;left:50%;box-shadow:0 6px #92400e59,0 14px 30px #f59e0b59}@keyframes cheerPop{0%{opacity:0;transform:translate(-50%,10px)scale(.6)rotate(-4deg)}18%{opacity:1;transform:translate(-50%)scale(1.08)rotate(1deg)}30%{transform:translate(-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-4px)}to{opacity:0;transform:translate(-50%,-14px)}}.game-fin{animation:blockRise .5s var(--ease-out) both}.game-seal{--c1:#fb923c;--c2:#ea580c;--edge:#9a3412;background:linear-gradient(135deg,var(--c1),var(--c2));width:92px;height:92px;box-shadow:0 5px 0 var(--edge),0 0 28px color-mix(in srgb,var(--c2) 40%,transparent);animation:frStamp .5s var(--ease-out) .12s both;border:3px solid #fff;border-radius:50%;place-items:center;display:grid}.game-seal b{font-family:var(--display);color:#fff;text-shadow:0 2px #0000002e;font-size:44px;font-weight:900;line-height:1}.game-fin[data-rank=S] .game-seal{--c1:#fbbf24;--c2:#d97706;--edge:#92400e}.game-fin[data-rank=B] .game-seal{--c1:#3b82f6;--c2:#1d4ed8;--edge:#1e3a8a}.game-fin[data-rank=C] .game-seal{--c1:#10b981;--c2:#059669;--edge:#065f46}.game-fin[data-rank=D] .game-seal{--c1:#a78bfa;--c2:#7c3aed;--edge:#4c1d95}.game-fin[data-rank=E] .game-seal{--c1:#94a3b8;--c2:#64748b;--edge:#334155}.game-fin[data-rank=F] .game-seal{--c1:#f87171;--c2:#dc2626;--edge:#7f1d1d}:root[data-theme=dark] .game-seal{border-color:var(--panel)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .game-seal{border-color:var(--panel)}}.game-fin-word{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:800}.game-fin h3{margin:0;font-size:22px}.game-count{font-variant-numeric:tabular-nums}.game-fin-stats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.game-fin-stats span{color:var(--muted);background:var(--panel-sunken);border:1px solid var(--line);border-radius:var(--radius-pill);padding:5px 12px;font-size:13px}.game-fin-stats b{color:var(--ink);font-family:var(--mono)}.game-fin>:nth-child(n+4){animation:blockRise .4s var(--ease-out) both;animation-delay:.35s}@media (prefers-reduced-motion:reduce){.game-cheer{animation:none;transform:translate(-50%)}.game-seal{animation:none}}.mresult{animation:blockRise .5s var(--ease-out) both}.mresult-big{animation:frStamp .5s var(--ease-out) .12s both}.mresult-n{font:inherit;font-variant-numeric:tabular-nums}.mbar .t i{transform-origin:0;animation:barGrow .7s var(--ease-out) both}.mbar:nth-child(2) .t i{animation-delay:.1s}.mbar:nth-child(3) .t i{animation-delay:.2s}@keyframes barGrow{0%{transform:scaleX(0)}}.om-tick{animation:omTick .45s var(--ease-out)}@keyframes omTick{0%{opacity:.2;transform:scale(1.5)}}.om-count{animation:omTick .45s var(--ease-out),om-pulse 1s ease-in-out .45s infinite}.om-won .om-win{animation:frStamp .5s var(--ease-out) both;text-shadow:0 0 28px #10b98173}.om-won{animation:1.2s ease-out omGlow}@keyframes omGlow{0%{box-shadow:0 4px 0 var(--leaf),0 0 0 0 #10b98173,var(--shadow-card)}to{box-shadow:0 4px 0 var(--border),0 0 0 18px #10b98100,var(--shadow-card)}}.om-lost{animation:.42s gentleShake}.om-streak.up{animation:streakUp .42s var(--ease-out)}.om-stage{isolation:isolate;position:relative;overflow:hidden}.om-stage>:not(.om-drift){z-index:1;position:relative}.om-ring{aspect-ratio:1;place-items:center;width:min(240px,62vw);display:grid;position:relative}.om-ring:before{content:"";background:radial-gradient(circle,color-mix(in srgb,var(--leaf) 30%,transparent) 0%,transparent 70%);transform:scale(calc(1 + var(--loud,0) * .22));opacity:calc(.25 + var(--loud,0) * .75);border-radius:50%;transition:transform .12s ease-out,opacity .12s ease-out;position:absolute;inset:6%}.om-ring svg{width:100%;height:100%;position:absolute;inset:0}.om-ring circle{fill:none;stroke-linecap:round}.om-ring-track{stroke:var(--line);stroke-width:7px;opacity:.7}.om-ring-fill{stroke:var(--accent);stroke-width:7px;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 45%,transparent));transition:stroke-dashoffset .12s linear,stroke .25s}.om-ring-quiet{stroke:#dc2626;stroke-width:5px;filter:drop-shadow(0 0 8px #dc262699);transition:stroke-dashoffset .12s linear}.om-ring-in{place-items:center;display:grid;position:relative}.om-ring .om-big{font-size:clamp(48px,13vw,64px)}.om-ready .om-ring-fill{stroke:var(--muted)}.om-won .om-ring-fill{stroke:var(--leaf)}.om-lost .om-ring-fill{stroke:#dc2626}.om-danger .om-ring{animation:.16s linear infinite omTremble}.om-danger .om-ring-fill{stroke:#dc2626}.om-danger .om-ring .om-big{font-size:clamp(72px,20vw,96px)}.om-danger:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;animation:1s ease-in-out infinite omHeart;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #dc2626,inset 0 0 60px #dc262673}.om-danger .om-note{color:#dc2626;letter-spacing:.02em;font-weight:800}@keyframes omTremble{0%,to{transform:translate(0)}25%{transform:translate(1.5px,-1px)}50%{transform:translate(-1.5px,1px)}75%{transform:translate(1px,1.5px)}}@keyframes omHeart{0%,to{opacity:.35}15%{opacity:1}30%{opacity:.5}45%{opacity:.9}}.om-drift{z-index:0;pointer-events:none;flex-direction:column;justify-content:space-around;display:flex;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.om-drift-row{height:1.4em;font-family:var(--display);white-space:pre;font-size:clamp(18px,4.5vw,26px);font-weight:800;line-height:1.4;position:relative}.om-drift-row span{transition:opacity .25s;position:absolute;top:0;left:0}.om-drift-row .w{color:var(--ink);opacity:.05;animation:omDrift calc(38s + var(--k) * 7s) linear infinite;animation-direction:var(--dir,normal)}.om-drift-row:nth-child(2n){--dir:reverse}.om-drift-row .e{color:#dc2626;opacity:0;font-family:var(--mono);letter-spacing:.12em;animation:omDrift calc(9s + var(--k) * 1.5s) linear infinite}.om-drift.err .w{opacity:0}.om-drift.err .e{opacity:.22;animation-name:omDrift,omGlitch;animation-duration:calc(9s + var(--k) * 1.5s),.3s;animation-timing-function:linear,steps(2,end)}@keyframes omDrift{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes omGlitch{50%{text-shadow:2px 0 #2563eb,-2px 0 #f59e0b}}@media (prefers-reduced-motion:reduce){.om-ring:before{transition:none}.om-drift{display:none}.om-danger:after{opacity:1}}@property --p{syntax:"<number>";inherits:true;initial-value:0}.pb-art{background:var(--panel-sunken);transition:--p .9s var(--ease-out)}.pb-art-img{-webkit-mask:conic-gradient(#000 calc(var(--p) * 360deg),transparent 0);-webkit-mask:conic-gradient(#000 calc(var(--p) * 360deg),transparent 0);mask:conic-gradient(#000 calc(var(--p) * 360deg),transparent 0);background-position:50%;background-size:cover;position:absolute;inset:0}.pb-art-img.grey{filter:grayscale()brightness(.8)contrast(.9);opacity:.45;-webkit-mask:none;mask:none}.pb-art.open .pb-art-img{-webkit-mask:none;mask:none}@property --g{syntax:"<number>";inherits:false;initial-value:0}.pb-art.open:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;--at:calc(var(--g) * 360deg);background:conic-gradient(transparent calc(var(--at) - 60deg),#ffffff8c calc(var(--at) - 20deg),#fff var(--at),transparent calc(var(--at) + 3deg)),linear-gradient(135deg,#f59e0b,#d97706,#f59e0b);-webkit-mask-composite:xor;padding:3px;animation:3.2s linear infinite pbGlint;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes pbGlint{0%{--g:0}to{--g:1}}@media (prefers-reduced-motion:reduce){.pb-art.open:before{animation:none}}.dcover .pb-art.open{border-color:#f59e0b;box-shadow:0 4px #d97706,0 0 22px #f59e0b59}.dset-head .pb-art.open{border-color:#f59e0b;box-shadow:0 0 14px #f59e0b59}.pb-pick{animation:blockRise .3s var(--ease-out) both;flex-direction:column;gap:12px;margin:4px 0 14px;display:flex}.pb-pick .game-pick{margin:0}.pb-pick .pb-mix{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel));grid-column:1/-1}.pb-pick .pb-mix b{color:var(--accent)}.pb-pick .words-tabs{scrollbar-width:none;overflow-x:auto}.wdeck-page{gap:16px;width:100%;max-width:520px;margin:0 auto}.wdeck-due{color:var(--muted);margin:0;font-size:15px}.wdeck-due b{color:var(--ink)}.wdeck{flex-direction:column;align-items:center;gap:10px;display:flex}.wdeck-stack{touch-action:pan-y;width:100%;padding:14px 22px 10px;position:relative}.wdeck-top.dragging{transition:none}.wdeck-under{border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border);border-radius:26px;position:absolute;inset:14px 22px 10px}.wdeck-under.u1{background:color-mix(in srgb,var(--select) 22%,var(--panel));transform:translate(8px,6px)rotate(5deg)}.wdeck-under.u2{background:color-mix(in srgb,var(--accent) 26%,var(--panel));transform:translate(-8px,8px)rotate(-6deg)}.wdeck-top{height:250px;animation:roundIn .34s var(--ease-out) both;position:relative}.wdeck-nav{align-items:center;gap:8px;display:flex}.wdeck-arrow{border:1.5px solid var(--border);background:var(--panel);width:38px;height:38px;color:var(--ink);cursor:pointer;box-shadow:0 2px 0 var(--border);border-radius:50%;place-items:center;display:grid}.wdeck-go{width:100%;padding:16px;font-size:16px}.wdeck-games{scrollbar-width:none;justify-content:flex-start;gap:12px;padding:4px 2px 6px;display:flex;overflow-x:auto}.wdeck-games::-webkit-scrollbar{display:none}.wdeck-game{width:62px;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:600;display:flex}.wdeck-game i{background:var(--panel);border:1.5px solid var(--border);width:58px;height:58px;box-shadow:0 3px 0 var(--border);color:var(--accent);transition:transform .15s var(--ease-out);border-radius:50%;place-items:center;display:grid}.wdeck-game:active i{box-shadow:0 1px 0 var(--border);transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.wdeck-game:hover i{transform:translateY(-2px)}}.wdeck-all{border:1.5px solid var(--border);background:var(--panel);width:100%;font:inherit;color:var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--border);border-radius:18px;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:700;display:flex}.wdeck-all span:last-child{color:var(--muted)}.phub{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:760px;display:grid}.phub-card{aspect-ratio:1/1.08;background-position:50%;background-size:cover;background-color:var(--panel-sunken);box-shadow:0 5px 0 var(--border),var(--shadow-card);transition:transform .2s var(--ease-out),box-shadow .2s ease;border-radius:24px;text-decoration:none;display:block;position:relative;overflow:hidden}.phub-card.wide{aspect-ratio:2.2;grid-column:1/-1}.phub-card:after{content:"";background:linear-gradient(#0a0c1200 42%,#0a0c12bd);position:absolute;inset:0}.phub-card b{z-index:1;color:#fff;font-family:var(--display);letter-spacing:-.01em;text-shadow:0 2px 10px #00000059;font-size:clamp(17px,4.6vw,22px);font-weight:800;position:absolute;bottom:14px;left:16px}.phub-card em{z-index:1;color:var(--accent-fill);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000026}.phub-card:active{box-shadow:0 2px 0 var(--border),var(--shadow-card);transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.phub-card:hover{transform:translateY(-3px)}}@media (width>=900px){.phub{grid-template-columns:repeat(3,1fr)}.phub-card.wide{aspect-ratio:1/1.08;grid-column:auto}}.practice-back{align-self:center}.home-next{background:var(--panel);border:1.5px solid var(--border);width:100%;max-width:620px;box-shadow:0 5px 0 var(--border),var(--shadow-card);animation:blockRise .45s var(--ease-out) both;border-radius:26px;overflow:hidden}.home-next-art{background:linear-gradient(135deg,var(--accent),#f2a03d) center 30%/cover;height:clamp(150px,42vw,220px);display:block;position:relative}.home-next-in{flex-direction:column;gap:10px;padding:14px 18px 18px;display:flex}.home-next-n{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:800}.home-next h2{letter-spacing:-.015em;margin:0;font-size:clamp(19px,5vw,23px);line-height:1.25}.home-next-go{text-align:center;width:100%;padding:15px;font-size:16px}.home-today{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:620px;display:grid}.home-tile{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border);color:var(--ink);transition:transform .15s var(--ease-out);border-radius:20px;flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;display:flex}.home-tile b{font-family:var(--display);font-size:15px}.home-tile strong{font-family:var(--display);color:var(--accent);font-variant-numeric:tabular-nums;font-size:26px;line-height:1.1}.home-tile span{color:var(--muted);font-size:12.5px}.home-tile:active{transform:translateY(2px)}.home-row-h{font-family:var(--display);margin-top:4px;font-size:16px;font-weight:800}.home-row{scrollbar-width:none;gap:10px;max-width:100%;padding:2px 2px 8px;display:flex;overflow-x:auto}.home-row::-webkit-scrollbar{display:none}.home-mini{background:var(--panel);border:1.5px solid var(--border);width:124px;box-shadow:0 3px 0 var(--border);color:var(--ink);border-radius:18px;flex:none;text-decoration:none;overflow:hidden}.home-mini span{background:linear-gradient(135deg,var(--accent),#f2a03d) center/cover;height:80px;display:block}.home-mini b{white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;font-size:12.5px;font-weight:800;display:block;overflow:hidden}.home-mini.shop span{filter:saturate(.8)contrast(.95);opacity:.85}.home-mini.shop:hover span{filter:none;opacity:1}.home-mini.theme-marvel{border-color:#e6242959;box-shadow:0 3px #e624294d}.home-mini.theme-kpop{border-color:#ec489959;box-shadow:0 3px #a21caf4d}.home-mini.theme-hp{border-color:#4338ca59;box-shadow:0 3px #312e814d}.home-mini.theme-fb{border-color:#15803d59;box-shadow:0 3px #14532d4d}.home-mini.theme-ufc{border-color:#b91c1c59;box-shadow:0 3px #7f1d1d4d}.home-mini.theme-naruto{border-color:#f9731659;box-shadow:0 3px #ea580c4d}@media (hover:hover) and (pointer:fine){.home-mini.theme-marvel:hover{border-color:#e62429;box-shadow:0 5px #b91c1c}.home-mini.theme-kpop:hover{border-color:#ec4899;box-shadow:0 5px #a21caf}.home-mini.theme-hp:hover{border-color:#4338ca;box-shadow:0 5px #312e81}.home-mini.theme-fb:hover{border-color:#15803d;box-shadow:0 5px #14532d}.home-mini.theme-ufc:hover{border-color:#b91c1c;box-shadow:0 5px #7f1d1d}.home-mini.theme-naruto:hover{border-color:#f97316;box-shadow:0 5px #ea580c}}.home-mini.shop b{color:var(--muted)}.home-buy{background:var(--accent-fill);font-family:var(--display);box-shadow:0 5px 0 var(--accent-dark);border-radius:22px;justify-content:space-between;align-items:center;padding:20px;text-decoration:none;display:flex;color:#fff!important}.home-grid{flex-direction:column;gap:22px;min-width:0;display:flex}.home-courses{flex-direction:column;gap:10px;min-width:0;display:flex}.home-recent{flex-direction:column;gap:10px;width:100%;max-width:620px;display:flex}.home-recent-list{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.home-recent-list a{color:var(--ink);grid-template-columns:1fr auto;grid-template-areas:"k go""t go";column-gap:10px;padding:11px 16px;text-decoration:none;display:grid}.home-recent-list a+a{border-top:1.5px solid var(--border)}.home-recent-list small{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);grid-area:k;font-size:11px;font-weight:800}.home-recent-list b{white-space:nowrap;text-overflow:ellipsis;grid-area:t;font-size:14.5px;overflow:hidden}.home-recent-list span{color:var(--muted);grid-area:go;align-self:center}@media (hover:hover) and (pointer:fine){.home-recent-list a:hover{background:color-mix(in srgb,var(--accent) 7%,var(--panel))}}@media (width>=960px){.home-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);grid-template-areas:"next today""next recent""courses courses";align-items:start;gap:22px 26px;display:grid}.home-grid>.home-next,.home-grid>.home-buy{grid-area:next;max-width:none}.home-grid>.home-today{grid-area:today;max-width:none}.home-grid>.home-recent{grid-area:recent;max-width:none}.home-grid>.home-courses{grid-area:courses}.home-grid>.home-today .home-tile{padding:18px 20px}}@media (hover:hover) and (pointer:fine){.home-tile:hover,.home-mini:hover{transform:translateY(-2px)}}.course-banner.cb-short{gap:8px}.cb-short h1{margin:0}.cb-sub{color:#ffffffd1;margin:0;font-size:14px}.cb-short .btn.cont{align-self:flex-start}.ugrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.utile{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border);text-align:left;font:inherit;color:var(--ink);cursor:pointer;transition:transform .15s var(--ease-out);animation:blockRise .4s var(--ease-out) both;border-radius:20px;flex-direction:column;padding:0;text-decoration:none;display:flex;overflow:hidden}.utile-art{aspect-ratio:16/10;background:linear-gradient(135deg,var(--accent),#f2a03d) center/cover;display:block;position:relative}.utile-ok{color:#fff;background:linear-gradient(135deg,#fbbf24,#d97706);border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-style:normal;font-weight:900;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px #92400e}.utile-tx{flex-direction:column;gap:3px;padding:10px 12px 12px;display:flex}.utile-tx small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:800}.utile-tx b{font-family:var(--display);font-size:14px;line-height:1.25}.utile-dots{gap:4px;margin-top:4px;display:flex}.utile-dots i{background:var(--chip);border-radius:9px;flex:1;max-width:22px;height:6px}.utile-dots i.d{background:var(--leaf)}.utile-dots i.c{background:var(--accent)}.utile.cur{border-color:var(--accent);box-shadow:0 4px 0 var(--accent)}.utile.shut .utile-art{filter:grayscale();opacity:.55}.utile.shut .utile-tx{opacity:.6}.utile.test{background:color-mix(in srgb,var(--accent) 8%,var(--panel));border-color:color-mix(in srgb,var(--accent) 40%,var(--border));justify-content:center;min-height:120px}.utile.test.passed{border-color:var(--leaf)}.utile.test.shut{cursor:default}.utile:active{transform:translateY(2px)}@media (hover:hover) and (pointer:fine){.utile:not(.shut):hover{transform:translateY(-2px)}}.uview{flex-direction:column;gap:10px;width:100%;max-width:620px;display:flex}.uview .link{align-self:flex-start}.uview-card{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 5px 0 var(--border),var(--shadow-card);animation:blockRise .35s var(--ease-out) both;border-radius:24px;overflow:hidden}.uview-art{aspect-ratio:16/8;background:linear-gradient(135deg,var(--accent),#f2a03d) center/cover;position:relative}.uview-art:after{content:"";background:linear-gradient(#0000 45%,#0a0c12b3);position:absolute;inset:0}.uview-art b{z-index:1;color:#fff;font-family:var(--display);font-size:19px;position:absolute;bottom:12px;left:16px}.ulesson{border-top:1px solid var(--line);color:var(--ink);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.ulesson i{background:var(--chip);width:32px;height:32px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:13px;font-style:normal;font-weight:900;display:grid}.ulesson span{flex-direction:column;min-width:0;display:flex}.ulesson b{font-size:15px}.ulesson small{font-family:var(--mono);color:var(--muted);font-size:11px}.ulesson.done i{background:var(--leaf);color:#fff}.ulesson.cur{background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.ulesson.cur i{background:var(--accent-fill);color:#fff}.ulesson.shut{opacity:.5}.utile.theme-marvel.cur{border-color:#e62429;box-shadow:0 4px #b91c1c}.utile.theme-marvel .utile-tx small{color:#e62429}.utile.theme-marvel .utile-dots i.c{background:#e62429}.utile.theme-marvel.test{background:color-mix(in srgb,#e62429 8%,var(--panel));border-color:color-mix(in srgb,#e62429 35%,var(--border))}.uview.theme-marvel .uview-card{border-color:#e6242959}.uview.theme-marvel .ulesson.cur{background:color-mix(in srgb,#e62429 9%,var(--panel))}.uview.theme-marvel .ulesson.cur i{color:#fff;background:#e62429}.utile.theme-kpop.cur{border-color:#ec4899;box-shadow:0 4px #a21caf}.utile.theme-kpop .utile-tx small{color:#ec4899}.utile.theme-kpop .utile-dots i.c{background:#ec4899}.utile.theme-kpop.test{background:color-mix(in srgb,#ec4899 8%,var(--panel));border-color:color-mix(in srgb,#ec4899 35%,var(--border))}.uview.theme-kpop .uview-card{border-color:#ec489959}.uview.theme-kpop .ulesson.cur{background:color-mix(in srgb,#ec4899 9%,var(--panel))}.uview.theme-kpop .ulesson.cur i{color:#fff;background:#ec4899}.utile.theme-hp.cur{border-color:#4338ca;box-shadow:0 4px #312e81}.utile.theme-hp .utile-tx small{color:#b7791f}.utile.theme-hp .utile-dots i.c{background:#fbbf24}.utile.theme-hp.test{background:color-mix(in srgb,#4338ca 8%,var(--panel));border-color:color-mix(in srgb,#4338ca 35%,var(--border))}.uview.theme-hp .uview-card{border-color:#4338ca59}.uview.theme-hp .ulesson.cur{background:color-mix(in srgb,#4338ca 9%,var(--panel))}.uview.theme-hp .ulesson.cur i{color:#fde68a;background:#4338ca}.utile.theme-fb.cur{border-color:#15803d;box-shadow:0 4px #14532d}.utile.theme-fb .utile-tx small{color:#15803d}.utile.theme-fb .utile-dots i.c{background:#15803d}.utile.theme-fb.test{background:color-mix(in srgb,#15803d 8%,var(--panel));border-color:color-mix(in srgb,#15803d 35%,var(--border))}.uview.theme-fb .uview-card{border-color:#15803d59}.uview.theme-fb .ulesson.cur{background:color-mix(in srgb,#15803d 9%,var(--panel))}.uview.theme-fb .ulesson.cur i{color:#fff;background:#15803d}.utile.theme-ufc.cur{border-color:#b91c1c;box-shadow:0 4px #7f1d1d}.utile.theme-ufc .utile-tx small{color:#b91c1c}.utile.theme-ufc .utile-dots i.c{background:#b91c1c}.utile.theme-ufc.test{background:color-mix(in srgb,#b91c1c 8%,var(--panel));border-color:color-mix(in srgb,#b91c1c 35%,var(--border))}.uview.theme-ufc .uview-card{border-color:#b91c1c59}.uview.theme-ufc .ulesson.cur{background:color-mix(in srgb,#b91c1c 9%,var(--panel))}.uview.theme-ufc .ulesson.cur i{color:#fff;background:#b91c1c}.hero-start{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 5px 0 var(--border),var(--shadow-card);animation:blockRise .45s var(--ease-out) both;border-radius:26px;padding:0 0 20px;overflow:hidden}.hero-start .hero-art{aspect-ratio:16/9;box-shadow:none;border:0;border-radius:0}.hero-start>:not(.hero-art){margin-inline:20px}.hero-go{text-align:center;align-self:stretch;margin-top:6px;padding:16px;font-size:17px}.choice-one{flex-direction:column;gap:12px;display:flex}.step-n{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:800}.choice-one .item{animation:roundIn .34s var(--ease-out) both;flex-direction:column;align-items:stretch;gap:10px}.choice-one .item .s{font-family:var(--display);flex:none;font-size:clamp(19px,5vw,23px);font-weight:800;line-height:1.3}.choice-one .item .opt{text-align:left;border-radius:16px;width:100%;padding:15px 16px;font-size:16px}.choice-one .item>.btn.small{align-self:flex-start}.wstep{flex-direction:column;align-items:stretch;gap:12px;display:flex}.wstep-n{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:800}.wstep-card{text-align:center;background:var(--panel);border:1.5px solid var(--border);box-shadow:0 6px 0 var(--border),var(--shadow-card);animation:roundIn .34s var(--ease-out) both;border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:24px 20px 22px;display:flex;position:relative;container-type:inline-size}.wstep-card:before{content:"";background:linear-gradient(90deg,var(--accent),#fb923c);border-radius:26px 26px 0 0;height:5px;position:absolute;inset:0 0 auto}.wstep-say{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.wstep-w{font-family:var(--display);letter-spacing:-.02em;font-weight:800;line-height:1.05;font-size:min(48px,calc(150cqw / var(--n,6)));overflow-wrap:anywhere}.wstep-img{border-radius:16px;width:100%;max-width:220px}.wstep-tr{color:var(--accent-fill);font-size:21px;font-weight:800}.wstep-ex{flex-direction:column;gap:4px;max-width:34ch;margin:0;display:flex}.wstep-ex .en{font-size:17px;line-height:1.45}.wstep-ex mark{color:var(--accent);background:0 0;padding:0;font-weight:800}.wstep-ex .ru{color:var(--muted);font-size:14px}.wstep-ex .ru b{color:var(--ink)}.wstep-dots{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.wstep-dots i{background:var(--chip);border-radius:50%;width:8px;height:8px}.wstep-dots i.d{background:var(--leaf)}.wstep-dots i.c{background:var(--accent)}.wstep-go{grid-template-columns:1fr 1.3fr;gap:10px;display:grid}.wstep-go .btn{text-align:center;padding:15px;font-size:16px}.wstep .wstep-add{text-align:center;align-self:center;width:auto}.wstep-add.on{color:var(--leaf)}.wfin{flex-direction:column;gap:8px;display:flex}.wfin-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.wfin-head b{font-family:var(--display);color:var(--leaf);font-size:17px}.step-in{animation:roundIn .34s var(--ease-out) both}.pace-one{flex-direction:column;gap:14px;display:flex}.pace-one .typed .s{font-family:var(--display);font-size:clamp(18px,4.8vw,22px);font-weight:800;line-height:1.35}.pace-one .typed input{border-radius:14px;padding:13px 14px;font-size:19px}.pace-one .typed .row{align-items:stretch}.sort-word{text-align:center;font-family:var(--display);background:var(--panel);border:1.5px solid var(--border);box-shadow:0 5px 0 var(--border);overflow-wrap:anywhere;border-radius:22px;align-self:stretch;padding:26px 12px;font-size:clamp(28px,8vw,38px);font-weight:800}.sort-word.wrong{border-color:var(--bad);color:var(--bad);background:var(--bad-soft);animation:.42s gentleShake}.sort-left{text-align:center;margin:0}.sort-groups{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.sort-group{border:2px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--panel));min-height:76px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb,var(--accent) 35%,var(--border));transition:transform .12s var(--ease-out);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 8px;display:flex}.sort-group b{font-family:var(--display);font-size:16px}.sort-group span{color:var(--leaf);text-align:center;font-size:12px;font-weight:700;line-height:1.3}.sort-group:active{box-shadow:0 1px 0 color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(3px)}.one-sent{font-family:var(--display);margin:0;font-size:clamp(18px,4.8vw,21px);font-weight:700;line-height:1.6}.one-gap{border-bottom:3px solid var(--border);min-width:4.5ch;color:var(--muted);text-align:center;margin:0 2px;padding:0 6px;font-weight:800;display:inline-block}.one-gap.next{border-color:var(--accent);color:var(--accent)}.one-gap.good{border-color:var(--leaf);color:var(--leaf);animation:.36s popJoy}.one-gap.wrong{border-color:var(--bad);color:var(--bad);animation:.42s gentleShake}.one-bank{justify-content:center}.one-bank .tile{padding:11px 16px;font-size:16px}.one-typed{line-height:1.9}.one-typed .gapin{vertical-align:baseline;border-radius:10px;padding:2px 8px;font-size:17px}.pace-one .opts{flex-direction:column;gap:10px;display:flex}.pace-one .opts .opt{border-radius:16px;width:100%;padding:15px 16px;font-size:16px}.pace-one .build{background:var(--panel);padding:20px 16px}.pace-one .build>.hint:first-child{font-family:var(--display);color:var(--ink);font-size:17px;font-weight:700}.pace-one .letter{min-width:44px;min-height:48px;font-size:20px}.pace-one .slot{min-height:62px}.ft-row{flex-direction:column;gap:10px;display:flex}.ft-cell{background:var(--panel);border:1.5px solid var(--border);border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.ft-cell small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.ft-cell>div{font-size:19px;font-weight:700}.ft-cell .gapin{box-sizing:border-box;border-radius:12px;width:100%;margin:0;padding:10px 12px;font-size:18px}.pace-card .choice{gap:0}.pace-card .choice .item{border-top:1px solid var(--line);flex-flow:wrap;align-items:center;gap:8px;padding:12px 0}.pace-card .choice .item:first-child{border-top:0;padding-top:4px}.pace-card .choice .item .s{flex:100%;font-size:15.5px;font-weight:700}.pace-card .choice .opt{text-align:left;border-radius:18px;min-height:42px;padding:9px 16px;font-size:15px}.pace-card .match{grid-template-columns:1fr 1fr}.pace-card .m{border-radius:16px;min-height:52px;font-size:16px}.pace-card .mistake{border-top:1px solid var(--line);gap:2px 1px;padding:12px 0;font-size:17px;line-height:1.5}.pace-card .stack>.mistake:first-child{border-top:0}.pace-card .mistake .n{color:var(--muted);margin-right:6px;font-weight:700}.pace-card .tok{-webkit-text-decoration:underline dotted color-mix(in srgb,var(--muted) 55%,transparent);text-decoration:underline dotted color-mix(in srgb,var(--muted) 55%,transparent);text-underline-offset:6px;border-radius:8px;padding:4px 5px;text-decoration-thickness:1.5px}.pace-card .tok.fixed,.pace-card .tok.wrong{text-decoration:none}.odrag{touch-action:pan-y;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.odrag-row{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 3px 0 var(--border);border-radius:16px;align-items:center;gap:10px;padding:6px 12px 6px 6px;font-size:16px;font-weight:700;display:flex;position:relative}.odrag-row.moving{z-index:2;border-color:var(--select);transition:none;box-shadow:0 12px 26px #0f172a2e}.odrag-row:not(.moving){transition:transform .18s var(--ease-out)}.odrag-row.good{border-color:var(--leaf);background:var(--leaf-soft);color:var(--leaf)}.odrag-row.bad{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.odrag-handle{background:var(--chip);width:44px;height:44px;color:var(--muted);cursor:grab;touch-action:none;border:0;border-radius:12px;flex:none;font-size:20px;font-weight:900}.odrag-handle:active{cursor:grabbing}.odrag-handle:focus-visible{outline:2px solid var(--select);outline-offset:2px}@media (prefers-reduced-motion:reduce){.odrag-row:not(.moving){transition:none}}.step-hint{margin:-6px 0 0}.pace-one .build .tiles,.pace-one .build .slot{justify-content:center}.gtheory{flex-direction:column;gap:14px;margin-bottom:8px;display:flex}.gt-top{flex-direction:column;gap:6px;display:flex}.gt-title{font-family:var(--display-hero);margin:0;font-size:clamp(20px,5.4vw,24px);font-weight:800;line-height:1.25}.gt-ru{color:var(--ink);margin:0;font-size:15px;line-height:1.55}.gt-ru b{color:var(--hint-ink)}.gt-ru.big{background:var(--hint-bg);border:1.5px solid var(--hint-border);border-radius:18px;padding:14px 16px;font-size:17px;font-weight:600}.gt-sheet{flex-direction:column;gap:10px;display:flex}.gt-sh-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.gt-sh-head b{font-family:var(--display);font-size:17px;font-weight:800}.gt-sh-head span{font-family:var(--mono);color:var(--accent-secondary);font-size:12.5px;font-weight:800}.gt-lock{flex:none;width:14px;height:14px}.gt-group-locked{border:1.5px dashed var(--border);background:var(--panel);border-radius:16px;align-items:center;gap:12px;padding:11px 13px;display:flex}.gt-ic{background:var(--panel-sunken);width:34px;height:34px;color:var(--muted);border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex}.gt-gl{flex-direction:column;gap:1px;min-width:0;display:flex}.gt-gl b{font-size:15px}.gt-gl small{color:var(--muted);font-size:12.5px;font-weight:600}.gt-cnt{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:12.5px;font-weight:800}.gt-group{flex-direction:column;gap:7px;display:flex}.gt-gh{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.gt-group.watch .gt-gh{color:var(--bad)}.gt-facts{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.gt-fact{background:var(--panel);border:1.5px solid var(--hint-border);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;scroll-margin-top:90px;font-size:14.5px;line-height:1.45;display:flex}.gt-fact.flash{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-secondary) 22%,transparent);animation:.5s popJoy}.gt-n{background:var(--accent-secondary);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:800;display:flex}.gt-tx{flex-direction:column;gap:3px;min-width:0;display:flex}.gt-tx b{color:var(--hint-ink)}.gt-ex{color:var(--muted);font-size:13.5px}.gt-ex b{color:var(--ink)}.gt-no{color:var(--bad);-webkit-text-decoration-color:var(--bad);text-decoration-color:var(--bad)}.gt-yes{color:var(--leaf);font-weight:700}.gt-fact.locked{border-style:dashed;border-color:var(--border);color:var(--muted);background:repeating-linear-gradient(-45deg,var(--panel) 0 8px,var(--panel-sunken) 8px 16px);align-items:center}.gt-fact.locked .gt-n{background:var(--chip);color:var(--muted)}.gt-fact.locked .gt-tx{flex:1}.gt-table{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.gt-table svg,.bsheet-badge svg{width:17px;height:17px}.gt-table svg{color:var(--accent-secondary)}.gt-go{width:100%;padding:15px;font-size:16px}.gbar{bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1.5px solid var(--border);box-shadow:var(--shadow-card),0 8px 24px #0a0c2824;border-radius:24px;gap:8px;margin-top:16px;padding:7px;display:flex;position:sticky}.gbar-btn{border:1.5px solid var(--line);background:var(--panel);min-width:0;min-height:46px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:18px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:14px;font-weight:800;display:flex}.gbar-btn:active{transform:scale(.97)}.gbar-btn:focus-visible{outline:2px solid var(--select);outline-offset:2px}.gbar-ic{color:var(--accent-secondary);display:flex}.gbar-ic svg{width:17px;height:17px}.gbar-cnt{font-family:var(--mono);background:var(--panel-sunken);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:12px;font-weight:800}.gbar-cnt.on{background:var(--hint-bg);color:var(--hint-ink);animation:.5s popJoy}@media (width<=360px){.gbar-btn{gap:5px;padding:8px 6px;font-size:13px}}body:has(.gbar) .sfab-wrap{bottom:calc(84px + env(safe-area-inset-bottom,0px))}@media (prefers-reduced-motion:reduce){.gbar-cnt.on{animation:none}}.bsheet-wrap{z-index:95;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bsheet-dim{background:#0a0c126b;animation:.2s both fadeIn;position:absolute;inset:0}.bsheet{background:var(--panel);width:min(560px,100%);max-height:86vh;color:var(--ink);padding:10px 18px calc(18px + env(safe-area-inset-bottom));animation:sheetUp .32s var(--ease-out) both;border-radius:26px 26px 0 0;outline:none;flex-direction:column;gap:12px;display:flex;position:relative;overflow:auto;box-shadow:0 -14px 40px #0f172a38}.bsheet-grab{background:var(--line);border-radius:9px;flex:none;align-self:center;width:42px;height:5px}.bsheet-head{align-items:center;gap:11px;display:flex}.bsheet-head small{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-secondary);margin-bottom:2px;font-size:11px;font-weight:800;display:block}.bsheet-head b{font-family:var(--display);font-size:16px;font-weight:800}.bsheet-badge{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:13px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px #4c1d95}.bsheet-badge.num{font-family:var(--display-hero);font-size:16px;font-weight:900}.bsheet .rules-title{display:none}.bsheet-close{width:100%}.ro-text{font-size:18px;font-weight:700;line-height:1.4}.ro-text b{color:var(--hint-ink)}.ro-ex{color:var(--muted);font-size:15px}.ro-ex b{color:var(--ink)}.ro-wr{flex-direction:column;gap:6px;display:flex}.ro-wr>div{border-radius:12px;align-items:baseline;gap:9px;padding:9px 12px;font-size:15px;font-weight:600;display:flex}.ro-wr span{text-align:center;flex:none;width:14px;font-weight:900}.ro-wr .w{background:var(--bad-soft);color:var(--bad)}.ro-wr .w s,.gt-no,.rno{color:var(--ink);text-decoration-line:line-through;-webkit-text-decoration-color:var(--bad);text-decoration-color:var(--bad);text-decoration-thickness:2px}.ro-wr .w s{opacity:.85}.ro-wr .r{background:var(--leaf-soft);color:var(--leaf)}.ro-locks{grid-template-columns:repeat(auto-fit,minmax(24px,1fr));gap:4px;display:grid}.ro-locks i{border:1.5px dashed var(--border);height:28px;font-style:normal;font-family:var(--mono);color:var(--muted);border-radius:9px;justify-content:center;align-items:center;padding:0 2px;font-size:11px;font-weight:800;display:flex}.ro-locks i.on{border:1.5px solid var(--hint-border);background:var(--hint-bg);color:var(--hint-ink)}.ro-locks i.cur{border:1.5px solid var(--accent-secondary);background:var(--accent-secondary);color:#fff;animation:.5s .15s both popJoy}@keyframes sheetUp{0%{transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.bsheet,.bsheet-dim,.ro-locks i.cur{animation:none}}.judge-sent{text-align:center;padding:6px 0}.judge-sent.shake{animation:.42s gentleShake}.judge-sent s{color:var(--bad);-webkit-text-decoration-color:var(--bad);text-decoration-color:var(--bad);font-size:.85em;font-weight:600;display:block}.judge-fixed{color:var(--leaf);display:block}.judge-btns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.judge-btns .opt{text-align:center;border-radius:999px;padding:15px 10px;font-size:16px;font-weight:800}.judge-ok{border-color:color-mix(in srgb,var(--leaf) 55%,var(--border));color:var(--leaf);background:var(--leaf-soft)}.judge-fix{border-color:color-mix(in srgb,var(--select) 50%,var(--border));color:var(--select);background:var(--select-soft)}.judge-bad{border-color:color-mix(in srgb,var(--bad) 50%,var(--border));color:var(--bad);background:var(--bad-soft)}.judge-in,.own-in{box-sizing:border-box;width:100%;font:inherit;border:2px solid var(--select);background:var(--panel);color:var(--ink);border-radius:14px;padding:13px 14px;font-size:18px;font-weight:700}.judge-in.bad,.own-in.bad{border-color:var(--bad);background:var(--bad-soft)}.own-in.good{border-color:var(--leaf);background:var(--leaf-soft)}textarea.own-in{resize:vertical;font-size:16px;font-weight:600;line-height:1.5}.pace-one>.btn{align-self:stretch}.ins-word{color:var(--muted);background:#fef3c7;border:1.5px solid #f59e0b;border-radius:999px;align-self:center;padding:5px 14px;font-size:14px;font-weight:700}.ins-word b{color:#92400e;font-size:16px}[data-theme=dark] .ins-word{background:#f59e0b24}[data-theme=dark] .ins-word b{color:#fcd34d}.ins-one{font-family:var(--display);justify-content:center;gap:4px 2px;padding:10px 0;font-size:clamp(18px,5vw,22px);font-weight:800;line-height:1.5}.ins-one .slot{border:2px dashed var(--border);width:32px;height:32px;color:var(--muted);background:var(--panel);border-radius:50%;justify-content:center;align-items:center;min-height:0;margin:0 3px;padding:0;font-size:16px;font-weight:800;display:inline-flex}.ins-one .slot:hover{border-style:solid;border-color:var(--select);color:var(--select)}.ins-one .tok{cursor:default}.ins-one .tok.fixed{margin:0 3px;padding:2px 8px;animation:.36s popJoy}.own-one{flex-direction:column;gap:6px;display:flex}.own-model{background:#fff7ed;border:1.5px solid #fdba74;border-radius:14px;padding:0 14px}.own-model summary{cursor:pointer;color:#c2410c;padding:11px 0;font-size:14px;font-weight:800}.own-model p{margin:0 0 12px;font-size:15px}[data-theme=dark] .own-model{background:#f973161a;border-color:#f9731659}[data-theme=dark] .own-model summary{color:#fdba74}.step-one-try{text-align:center;margin-top:-4px}.pace-one .build .tile{border-radius:14px;padding:11px 16px;font-size:17px}.built{color:var(--leaf);flex-direction:column;gap:6px;margin:0;padding-left:22px;font-weight:700;display:flex}.spot-card .text.spot{font-size:17px;line-height:1.75}.spot-card .tok{padding:1px 2px;text-decoration:none}.spot-card .tok.fixed{background:var(--hint-bg);border-color:var(--accent-secondary);color:var(--hint-ink);font-weight:800}.extra-card .mistake .opt{border-radius:999px;min-height:40px;padding:6px 14px}.auction{gap:12px}.auc-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.auc-top .step-n{margin:0}.auc-bank{font-family:var(--mono);color:#92400e;background:#fef3c7;border:1.5px solid #f59e0b;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:800}.auc-bank.up{background:var(--leaf-soft);color:var(--leaf);border-color:var(--leaf);animation:.45s popJoy}.auc-bank.down{background:var(--bad-soft);color:var(--bad);border-color:var(--bad);animation:.42s gentleShake}.auc-bank.big{align-self:center;padding:8px 18px;font-size:22px}[data-theme=dark] .auc-bank:not(.up):not(.down){color:#fcd34d;background:#f59e0b24}.auc-lot{text-align:center;padding:8px 0}.auc-bets{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.auc-bet{font:inherit;font-family:var(--mono);border:2px solid var(--border);background:var(--panel);min-width:52px;min-height:44px;color:var(--ink);box-shadow:0 3px 0 var(--border);cursor:pointer;border-radius:14px;font-size:15px;font-weight:800}.auc-bet.on{border-color:var(--select);background:var(--select-soft);color:var(--select);box-shadow:0 3px 0 var(--select)}.auc-bet:disabled{opacity:.4}.auc-res{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:12px;animation:.36s popJoy;display:flex}.auc-res>b{font-family:var(--display-hero);font-size:24px}.auc-res.ok{background:var(--leaf-soft);color:var(--leaf)}.auc-res.no{background:var(--bad-soft);color:var(--bad)}.auc-res span{color:var(--ink);font-size:15px}.auc-end{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:10px 0;display:flex}.auc-end>b{font-family:var(--display);font-size:18px}.msgr{flex-direction:column;gap:10px;padding:4px 0;display:flex}.msg{max-width:88%;animation:msgIn .28s var(--ease-out) both;align-items:flex-end;gap:8px;display:flex}.msg.right{flex-direction:row-reverse;align-self:flex-end}.msg-av{color:#c2410c;background:#ffedd5;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:900;display:flex}.msg.right .msg-av{background:var(--select-soft);color:var(--select)}.msg-bub{background:var(--panel);border:1.5px solid var(--border);border-radius:18px 18px 18px 6px;padding:9px 13px;font-size:15px;line-height:1.45}.msg.right .msg-bub{background:var(--select-soft);border-color:color-mix(in srgb,var(--select) 30%,transparent);border-radius:18px 18px 6px}.msg-bub small{color:var(--accent);margin-bottom:1px;font-size:11px;font-weight:800;display:block}.msg.right .msg-bub small{color:var(--select)}.msg.typing .msg-bub{gap:4px;padding:13px 14px;display:flex}.msg.typing i{background:var(--muted);opacity:.5;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite typingDot}.msg.typing i:nth-child(2){animation-delay:.15s}.msg.typing i:nth-child(3){animation-delay:.3s}.msg-pick{flex-direction:column;align-items:flex-start;gap:7px;margin-top:2px;display:flex}.msg-pick.right{align-items:flex-end}.msg-pick-who{color:var(--muted);font-size:12px;font-weight:700}.msg-draft{font:inherit;text-align:left;border:2px dashed color-mix(in srgb,var(--select) 45%,var(--border));background:var(--panel);max-width:88%;color:var(--ink);cursor:pointer;transition:transform .12s var(--ease-out);border-radius:18px;padding:10px 14px;font-size:15px;font-weight:600}.msg-pick.right .msg-draft{border-radius:18px 18px 6px}.msg-pick.left .msg-draft{border-radius:18px 18px 18px 6px}.msg-draft:hover:not(:disabled){border-style:solid;border-color:var(--select)}.msg-draft:active:not(:disabled){transform:scale(.97)}.msg-draft.bad{border-style:solid;border-color:var(--bad);color:var(--bad);background:var(--bad-soft);opacity:.7}.msg-draft.wrong{animation:.42s gentleShake}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes typingDot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.msg,.msg.typing i,.auc-res,.auc-bank.up,.auc-bank.down{animation:none}}.rd-chat{border-left-width:1.5px;border-left-color:var(--border)}.rd-chat .msgr{gap:9px}:is(.lesson-sec>.blk:has(>.reading),.task-live>.blk:has(>.reading)){box-shadow:none;background:0 0;border:0;padding:0}.msg-note{text-align:center;max-width:92%;color:var(--muted);background:var(--panel-sunken);border-radius:12px;align-self:center;margin:2px 0;padding:6px 12px;font-size:14px;font-style:italic;line-height:1.5}.msg.anon .msg-av{background:var(--chip);color:var(--muted)}.rd-chat .msg-bub{font-size:16px}.rd-article.has-art{padding-top:0;overflow:hidden}.rd-art{background-position:50%;background-size:cover;border-radius:15px 15px 0 0;height:150px;margin:0 -28px 4px}.rd-article.has-art .reading-tag{top:12px;left:16px}@media (width<=480px){.rd-art{height:130px;margin:0 -18px 4px}}.rd-article .text p{line-height:1.7}mark.nw,.text mark.nw{color:var(--accent-fill);-webkit-text-decoration:underline dotted color-mix(in srgb,var(--accent) 55%,transparent);text-decoration:underline dotted color-mix(in srgb,var(--accent) 55%,transparent);text-underline-offset:4px;cursor:pointer;background:0 0;border-radius:0;padding:0;font-weight:700}[data-theme=dark] mark.nw{color:#fdba74}.ev-one{gap:12px}.ev-dock{z-index:5;background:var(--panel);border:1.5px solid var(--border);box-shadow:0 -6px 24px #0f172a1a,0 4px 0 var(--border);border-radius:20px;flex-direction:column;gap:8px;padding:12px 14px 14px;display:flex;position:sticky;bottom:12px}.ev-dock.asking{border-color:var(--select);box-shadow:0 -6px 24px #2563eb2e,0 4px 0 var(--select)}.ev-dock .step-n{margin:0}.ev-q{font-family:var(--display);margin:0;font-size:17px;font-weight:800;line-height:1.35}.ev-opts{gap:8px;display:flex}.ev-opts .opt{white-space:nowrap;text-align:center;border-radius:999px;flex:auto;min-width:0;padding:11px 6px;font-size:14.5px;font-weight:700}.ev-opts.long{flex-direction:column}.ev-opts.long .opt{white-space:normal;text-align:left;border-radius:14px;padding:10px 14px;line-height:1.35}.ev-ask{color:var(--select);margin:0;font-size:14px;font-weight:700}.pic-one{border:1.5px solid var(--border);box-shadow:0 5px 0 var(--border);border-radius:20px;margin:0;overflow:hidden}.pic-one img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.pic-one.good{border-color:var(--leaf);box-shadow:0 5px 0 var(--leaf)}.player.big{border:1.5px solid var(--border);background:var(--panel);box-shadow:0 5px 0 var(--border);border-radius:24px;flex-direction:column;align-items:center;gap:12px;margin-top:12px;padding:20px 16px 14px}.pbig{background:var(--accent-fill);color:#fff;cursor:pointer;width:84px;height:84px;box-shadow:0 6px 0 var(--accent-dark),0 12px 26px -8px #f9731680;transition:transform .12s var(--ease-out);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.pbig svg{width:34px;height:34px}.pbig:active{box-shadow:0 2px 0 var(--accent-dark);transform:translateY(4px)}.player.big.on .pbig{animation:1.6s ease-in-out infinite pbigPulse}.wave{align-items:center;gap:3px;height:30px;display:flex}.wave i{background:color-mix(in srgb,var(--accent) 45%,transparent);transform-origin:50%;border-radius:4px;width:4px}.wave.on i{background:var(--accent);animation:.9s ease-in-out infinite alternate waveBar}.player.big .bar{flex:none;align-self:stretch;height:6px}.player.big .bar i{background:var(--accent)}.player-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.player.big .plays{font-size:13px;font-weight:700}.player.big .hint{text-align:center}.player.big.yt .yt-frame{align-self:stretch;max-width:none}.listen-one{flex-direction:column;gap:10px;display:flex}.listen-one .step-n{margin:0}.listen-one .choice .item{flex-direction:column;align-items:stretch;gap:9px}.listen-one .choice .item .s{font-family:var(--display);flex:none;font-size:clamp(17px,4.6vw,20px);font-weight:800;line-height:1.35}.listen-one .choice .opt{border-radius:16px;width:100%;padding:14px 16px;font-size:16px}.listen-one .listen-type input{border-radius:12px;flex:160px;padding:11px 12px;font-size:17px}@keyframes waveBar{0%{transform:scaleY(.45)}to{transform:scaleY(1.15)}}@keyframes pbigPulse{0%,to{box-shadow:0 6px 0 var(--accent-dark),0 0 0 0 #f9731659}50%{box-shadow:0 6px 0 var(--accent-dark),0 0 0 14px #f9731600}}@media (prefers-reduced-motion:reduce){.wave.on i,.player.big.on .pbig{animation:none}}.typed>.row:has(>input){flex-wrap:nowrap}.typed>.row:has(>input) input{flex:auto;min-width:0}.typed>.row:has(>input) .btn{flex:none}.sp{gap:14px}.recorder.big{flex-direction:column;align-items:center;gap:8px;width:100%;padding:6px 0}.recorder.big .mic{background:var(--leaf-fill);color:#fff;cursor:pointer;width:92px;height:92px;box-shadow:0 6px 0 #065f46,0 0 0 12px color-mix(in srgb,var(--leaf) 13%,transparent);transition:transform .12s var(--ease-out);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.recorder.big .mic svg{width:38px;height:38px}.recorder.big .mic:active{box-shadow:0 2px 0 #065f46,0 0 0 12px color-mix(in srgb,var(--leaf) 13%,transparent);transform:translateY(4px)}.recorder.big.rec .mic{background:var(--bad-fill);box-shadow:0 6px 0 #9f1239,0 0 0 12px color-mix(in srgb,var(--bad) 16%,transparent);animation:1.2s ease-in-out infinite micRec}.mic-stop{background:#fff;border-radius:7px;width:28px;height:28px}.mic-cap{font-family:var(--mono);color:var(--muted);text-align:center;font-size:12.5px;font-weight:700}.recorder.big.rec .mic-cap{color:var(--bad)}.recorder.big audio{width:100%;max-width:340px;height:36px}@keyframes micRec{0%,to{box-shadow:0 6px 0 #9f1239,0 0 0 10px color-mix(in srgb,var(--bad) 20%,transparent)}50%{box-shadow:0 6px 0 #9f1239,0 0 0 20px color-mix(in srgb,var(--bad) 6%,transparent)}}.sp-one{flex-direction:column;gap:12px;display:flex}.sp-one .step-n{margin:0}.sp-one-body{flex-direction:column;gap:12px;display:flex}.sp-hero{max-width:100%}.sp-hero .msg-bub{font-size:17px;font-weight:600;display:block}.sp-hero .say{vertical-align:middle;margin-left:6px}.sp-model{background:#fff7ed;border:1.5px solid #fdba74;border-radius:14px;padding:0 14px}.sp-model summary{cursor:pointer;color:#c2410c;padding:10px 0;font-size:14px;font-weight:800}.sp-model p{margin:0 0 12px;font-size:15px}.sp-model.shut{color:var(--muted);opacity:.85;padding:10px 14px;font-size:14px;font-weight:700}[data-theme=dark] .sp-model{background:#f973161a;border-color:#f9731659}[data-theme=dark] .sp-model summary{color:#fdba74}.sp-dots{justify-content:center;gap:6px;display:flex}.sp-dots button{background:var(--line);cursor:pointer;border:0;border-radius:9px;width:8px;height:8px;padding:0}.sp-dots button.on{background:var(--accent);width:22px}.sp-nav{align-items:center;gap:10px;display:flex}.sp-nav .btn:last-child{flex:1}.sp-nav .hint{flex:1;margin:0}.sp-wide{width:100%}.sp-task{background:#fef9c3;border:1.5px solid #facc15;border-radius:14px;padding:12px 14px;font-size:15.5px;font-weight:700}[data-theme=dark] .sp-task{background:#facc151f;border-color:#facc1566}.sp-typing{gap:4px;padding:4px 0;display:inline-flex}.sp-typing i{background:var(--muted);opacity:.5;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite typingDot}.sp-typing i:nth-child(2){animation-delay:.15s}.sp-typing i:nth-child(3){animation-delay:.3s}.sp-claim{font-family:var(--display);text-align:center;margin:0;font-size:clamp(18px,5vw,21px);font-weight:800;line-height:1.35}.sp-claim .say{vertical-align:middle;margin-left:6px}.sp-scale{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.sp-scale-k{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:4px 0;font-size:11.5px;font-weight:700;display:flex}.sp-scale-k i{background:var(--line);border-radius:9px;width:100%;height:12px;transition:transform .12s}.sp-scale-k.k0 i{background:color-mix(in srgb,var(--bad) 70%,var(--line))}.sp-scale-k.k1 i{background:color-mix(in srgb,var(--bad) 35%,var(--line))}.sp-scale-k.k3 i{background:color-mix(in srgb,var(--leaf) 35%,var(--line))}.sp-scale-k.k4 i{background:color-mix(in srgb,var(--leaf) 70%,var(--line))}.sp-scale-k.on{color:var(--ink)}.sp-scale-k.on i{transform:scaleY(1.9)}.sp-scale-k.on span{font-weight:900}.sp-scale-k:not(.on) i{opacity:.55}.sp-scale:not(:has(.on)) .sp-scale-k i{opacity:1}.sp-start{text-align:center;color:var(--select);margin:0;font-weight:800}.sp-clock{flex-direction:column;align-items:center;gap:8px;display:flex}.sp-clock .om-ring{width:min(150px,42vw)}.sp-clock.big .om-ring{width:min(210px,58vw)}.sp-time{font-family:var(--display-hero);color:var(--accent);font-size:clamp(26px,7vw,34px);font-weight:800}.sp-clock.big .sp-time{font-size:clamp(36px,10vw,48px)}.sp-clock.over .sp-time{color:var(--bad)}.sp-clock.won .om-ring-fill{stroke:var(--leaf)}.sp-clock-btns{justify-content:center}.sp-notes.yellow label>span{color:var(--muted);font-size:13px;font-weight:700}.sp-notes.yellow input{font:inherit;background:#fef9c3;border:1.5px solid #facc15;border-radius:12px;padding:11px 12px;font-weight:700}[data-theme=dark] .sp-notes.yellow input{color:var(--ink);background:#facc151a}.sp-notes-read{z-index:4;background:var(--panel);border:1.5px solid #facc15;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid;position:sticky;top:8px;box-shadow:0 6px 18px #0f172a14}.sp-notes-read>div{background:#fef9c3;border-radius:10px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}[data-theme=dark] .sp-notes-read>div{background:#facc151a}.sp-notes-read small{color:var(--muted);font-size:11px;font-weight:700}.sp-notes-read b{font-size:14px}.sp-notes-read .link{grid-column:1/-1;justify-self:start;margin:0}.sp-lie{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sp-lie-card{min-height:132px;font:inherit;animation:cardFlip .38s var(--ease-out) both;border-radius:18px;flex-direction:column;gap:8px;padding:12px;display:flex}.sp-lie-card.back{cursor:pointer;color:#fff;background:linear-gradient(135deg,#fb923c,#c2410c);border:0;justify-content:center;align-items:center;box-shadow:0 5px #9a3412}.sp-lie-card.back b{font-family:var(--display-hero);font-size:34px}.sp-lie-card.back small{opacity:.85;font-size:12px;font-weight:700}.sp-lie-card.up{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border)}.sp-lie-card.up.lie{border-color:var(--bad);box-shadow:0 4px 0 var(--bad)}.sp-lie-card .n{font-family:var(--mono);color:var(--accent);font-size:12px;font-weight:800}.sp-lie-card .s{font-size:14px;font-weight:700;line-height:1.35}.sp-lie-card input{font:inherit;border:1.5px solid var(--border);background:var(--panel-sunken);color:var(--ink);border-radius:10px;min-width:0;padding:8px 10px;font-size:14px}.sp-lie-mark{font:inherit;border:1.5px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:800}.sp-lie-mark.on{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}@keyframes cardFlip{0%{opacity:.4;transform:rotateY(80deg)}}.sp-compare{flex-direction:column;gap:8px;display:flex}.sp-compare.open{background:#fff7ed;border:1.5px solid #fdba74;border-radius:16px;padding:12px}[data-theme=dark] .sp-compare.open{background:#f973161a;border-color:#f9731659}.sp-chip{background:var(--panel);color:#9a3412;border:1.5px solid #fdba74;border-radius:999px;padding:5px 11px;font-size:13px;font-weight:700}[data-theme=dark] .sp-chip{color:#fdba74;background:0 0}.sp-check{flex-direction:column;gap:8px;display:flex}.sp .hint b.ok{color:var(--leaf)}.sp-sides-tabs{background:var(--panel-sunken);border-radius:16px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.sp-sides-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;padding:11px 8px;font-size:14px;font-weight:800}.sp-sides-tabs button.on{background:var(--panel);color:var(--accent-fill);box-shadow:0 3px 0 var(--border)}.sp-listen{align-self:flex-start}.sp-locked{color:var(--muted);background:var(--panel-sunken);text-align:center;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:700}.sp-feed{gap:14px}.sp-feed-row{flex-direction:column;gap:8px;display:flex}.sp-feed-you{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.karaoke{flex-direction:column;gap:8px;display:flex}.kl{border:1.5px solid var(--border);background:var(--panel);border-radius:16px;flex-direction:column;gap:6px;padding:8px;transition:background .2s,border-color .2s;display:flex}.kl.on{border-color:var(--accent);background:var(--accent-soft)}.kl-line{font:inherit;text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:10px;padding:4px;display:flex}.kl-play{background:var(--chip);width:30px;height:30px;color:var(--accent-fill);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex}.kl.on .kl-play{background:var(--accent-fill);color:#fff}.kl-text{flex-direction:column;gap:2px;font-size:16.5px;font-weight:700;line-height:1.35;display:flex}.kl.on .kl-text{color:var(--accent-dark)}[data-theme=dark] .kl.on .kl-text{color:#fdba74}.kl-text small{color:var(--muted);font-size:13px;font-weight:500}@media (prefers-reduced-motion:reduce){.recorder.big.rec .mic,.sp-lie-card,.sp-typing i{animation:none}}.w-model-btn{width:100%;font:inherit;text-align:left;cursor:pointer;color:#c2410c;background:#fff7ed;border:1.5px solid #fdba74;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:14.5px;font-weight:800;display:flex}.w-model-btn b{font-size:12px}[data-theme=dark] .w-model-btn{color:#fdba74;background:#f973161a;border-color:#f9731659}.w-model-text p{margin:0 0 10px;font-size:16px;line-height:1.6}.wpoints{flex-direction:column;gap:10px;display:flex}.wpoints .wslot{background:var(--panel);border:1.5px solid var(--border);box-shadow:0 3px 0 var(--border);border-radius:16px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.wpoints .wslot:focus-within{border-color:var(--select);box-shadow:0 3px 0 var(--select)}.wpoints .wslot-label{font-family:var(--display);color:var(--ink);font-size:15px;font-weight:700;line-height:1.35}.wpoints .wslot-label b{font-family:var(--mono);color:var(--accent);margin-right:2px;font-weight:800}.wpoints textarea{box-sizing:border-box;width:100%;font:inherit;border:1.5px solid var(--border);background:var(--panel-sunken);color:var(--ink);resize:vertical;border-radius:12px;padding:10px 12px;font-size:16px;font-weight:600}.wwhole{background:var(--leaf-soft);border:1.5px dashed var(--leaf);border-radius:16px;margin-top:12px;padding:12px 14px}.wwhole p{margin:6px 0 0;font-size:15px;line-height:1.55}.wpart-one{background:var(--panel-sunken);border-left:5px solid var(--accent);font-family:var(--display);border-radius:14px;margin:0 0 4px;padding:14px 16px;font-size:18px;font-weight:700;line-height:1.5}.wrows{flex-direction:column;display:flex}.wrow{background:var(--panel);border:1.5px solid var(--border);border-radius:14px;padding:11px 14px;font-size:15.5px;line-height:1.45;display:block}.wgap{cursor:pointer;background:0 0;border:0;width:100%;height:22px;padding:0;display:block;position:relative}.wgap i{border-top:2px dashed #0000;height:0;transition:border-color .15s;position:absolute;top:50%;left:12px;right:12px}.wgap:hover i{border-top-color:var(--border)}.wgap.on{height:34px}.wgap.on i{border-top-color:var(--accent);border-top-width:3px}.wgap.on:after{content:"¶";color:var(--accent);background:var(--panel);padding:0 4px;font-weight:900;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.wgap.bad i{border-top-color:var(--bad)}.wgap.bad:after{color:var(--bad)}.wgap:focus-visible{outline:2px solid var(--select);outline-offset:-2px;border-radius:8px}:root{--gold:#b45309;--gold-line:#f59e0b;--gold-soft:#fffbeb}[data-theme=dark]{--gold:#fbbf24;--gold-line:#fbbf24;--gold-soft:#fbbf241a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--gold:#fbbf24;--gold-line:#fbbf24;--gold-soft:#fbbf241a}}.vsteps{gap:6px;margin:4px 0 14px;display:flex}.vsteps button{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--muted);font:inherit;cursor:pointer;flex:1;padding:8px 4px;font-size:13px;font-weight:800}.vsteps button.done{color:var(--leaf);border-color:color-mix(in srgb,var(--leaf) 35%,transparent);background:var(--leaf-soft)}.vsteps button.on{color:#fff;background:var(--accent-fill);border-color:var(--accent-fill)}.vsteps button:focus-visible{outline:2px solid var(--select);outline-offset:2px}.vw-go{width:100%;margin-top:14px;padding:15px;font-size:16px}.vbonus{flex-direction:column;gap:18px;display:flex}.vb-part{flex-direction:column;gap:10px;display:flex}.vb-part .hint{margin:0}.vb-eye{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.vb-eye.gold{color:var(--gold)}.vb-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.vb-card{perspective:1000px;min-height:196px}.vb-card:last-child:nth-child(odd){grid-column:1/-1}.vb-inner{height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,.2,.2,1);display:grid;position:relative}.vb-card.flipped .vb-inner{transform:rotateY(180deg)}.vb-face{backface-visibility:hidden;font:inherit;text-align:center;border-radius:20px;flex-direction:column;grid-area:1/1;gap:6px;padding:14px 12px;display:flex}.vb-front{cursor:pointer;color:#fff;background:linear-gradient(160deg,#7c2d12,#c2410c 60%,#f59e0b);border:0;justify-content:center;align-items:center;position:relative;box-shadow:0 5px #431407}.vb-front .w{font-family:var(--display-hero);overflow-wrap:anywhere;font-size:22px;font-weight:800;line-height:1.15}.vb-front .p{color:#fed7aa;font-size:12px}.vb-front .star{color:#fde68a;font-size:16px;position:absolute;top:10px;right:12px}.vb-front .tap{color:#ffedd5;font-size:11px;font-weight:700;position:absolute;bottom:10px;left:0;right:0}.vb-back{background:var(--panel);border:1.5px solid var(--gold-line);box-shadow:0 5px 0 color-mix(in srgb,var(--gold-line) 45%,#000);transform:rotateY(180deg)}.vb-text{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:0;display:flex}.vb-text .w{font-family:var(--display-hero);overflow-wrap:anywhere;font-size:17px;font-weight:800}.vb-text .r{color:var(--accent-fill);font-size:16px;font-weight:800}[data-theme=dark] .vb-text .r{color:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .vb-text .r{color:var(--accent)}}.vb-text .e{color:var(--muted);font-size:12.5px;line-height:1.4}.vb-text i.e{color:var(--ink)}.vb-add{border-radius:var(--radius-pill);font:inherit;background:var(--gold-line);color:#1c1917;cursor:pointer;border:0;margin-top:6px;padding:8px 10px;font-size:12px;font-weight:800}.vb-add.on{background:var(--leaf-soft);color:var(--leaf)}.vb-front:focus-visible,.vb-text:focus-visible,.vb-add:focus-visible{outline:2px solid var(--select);outline-offset:2px}.vb-bubs{flex-direction:column;gap:8px;display:flex}.vb-bub{background:var(--panel);border:1px solid var(--line);max-width:88%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;animation:msgIn .28s var(--ease-out) both;border-radius:18px 18px 18px 6px;align-self:flex-start;align-items:center;gap:8px;padding:10px 12px;font-size:15px;font-weight:700;display:flex}.vb-bub.r{background:var(--panel-sunken);border-radius:18px 18px 6px;align-self:flex-end}.vb-bub svg{color:var(--accent);flex:none}.vb-bub small{color:var(--accent-fill);margin-top:2px;font-size:13px;font-weight:600;display:block}[data-theme=dark] .vb-bub small{color:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .vb-bub small{color:var(--accent)}}.vb-bub.on{border-color:var(--accent)}.vb-bub:focus-visible{outline:2px solid var(--select);outline-offset:2px}.vb-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.vb-tile{background:var(--panel);border:1.5px solid var(--line);box-shadow:0 4px 0 var(--line);color:var(--ink);font:inherit;text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex}.vb-tile b{font-family:var(--display-hero);color:var(--accent);font-size:26px;line-height:1.1}.vb-tile .w{font-size:14px;font-weight:800}.vb-tile small{color:var(--muted);font-size:11.5px}.vb-tile .tn{color:var(--gold);font-weight:700}.vb-tile .swatch{border:1px solid var(--line);border-radius:50%;width:34px;height:34px}.vb-tile.on{border-color:var(--accent);background:var(--accent-soft)}.vb-tile:focus-visible{outline:2px solid var(--select);outline-offset:2px}.vb-all{border:1.5px dashed var(--gold-line);background:var(--gold-soft);color:var(--gold);border-radius:var(--radius-pill);font:inherit;text-align:center;cursor:pointer;padding:12px;font-size:14px;font-weight:800}.vb-all.on{cursor:default;border-style:solid}.vb-go{width:100%;padding:15px;font-size:16px}@media (prefers-reduced-motion:reduce){.vb-inner{transition:none}}.dict-search{border:1.5px solid var(--border);background:var(--panel-sunken);width:100%;color:var(--ink);font:inherit;border-radius:16px;margin:6px 0 14px;padding:13px 16px;font-size:16px}.dict-search:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.dict-from{color:var(--accent);font-style:normal;font-weight:700;text-decoration:none}.dshelf{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.dshelf-name{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.dshelf-row{scrollbar-width:none;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.dshelf-row::-webkit-scrollbar{display:none}.dcover{scroll-snap-align:start;color:var(--ink);flex-direction:column;flex:0 0 132px;gap:7px;text-decoration:none;display:flex}.dcover .pb-art{aspect-ratio:3/4;border:1.5px solid var(--border);box-shadow:0 4px 0 var(--border);border-radius:18px}.dcover b{font-size:14px;line-height:1.25}.dcover-bar{background:var(--chip);border-radius:9px;height:6px;overflow:hidden}.dcover-bar i{background:linear-gradient(90deg,var(--accent),#fbbf24);border-radius:9px;height:100%;display:block}.dcover:focus-visible{outline:2px solid var(--select);outline-offset:3px;border-radius:18px}@media (hover:hover) and (pointer:fine){.dcover:hover .pb-art{border-color:var(--accent)}}.dset-head{align-items:center;gap:14px;margin:8px 0 14px;display:flex}.dset-head .pb-art{border:1.5px solid var(--border);border-radius:16px;flex:0 0 64px;height:64px}.dset-head h1{margin:2px 0 0}.dparts-n{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:800}.dparts{border:1.5px solid var(--border);background:var(--panel);border-radius:18px;flex-direction:column;margin-bottom:14px;display:flex;overflow:hidden}.dpart{border:0;border-top:1px solid var(--line);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:11px 14px;display:flex}.dpart:first-child{border-top:0}.dpart.on{box-shadow:inset 4px 0 0 var(--accent)}.dpart:focus-visible{outline:2px solid var(--select);outline-offset:-2px}.dpart-l{background:var(--chip);width:34px;height:34px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.dpart.on .dpart-l{background:var(--accent-fill);color:#fff}.dpart.full .dpart-l{background:var(--leaf);color:#fff}.dpart-t{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dpart-t b{font-size:15px}.dpart-t small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.dpart-r{width:46px;height:46px;color:var(--muted);background:radial-gradient(closest-side,var(--panel) 78%,transparent 80% 100%),conic-gradient(var(--accent) calc(var(--p,0) * 100%),var(--chip) 0);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.dpart.full .dpart-r{color:var(--leaf)}.dset-go{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.dset-go .btn{width:100%;padding:15px;font-size:16px}.access-warn{background:var(--accent-soft);border:1px solid var(--accent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 16px;padding:12px 16px;display:flex}.access-warn b{flex:260px}.access-warn span{color:var(--muted);flex:100%;order:3;font-size:14px}.access-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:16px 0;padding:14px 16px}.access-card h2{margin:0 0 6px;font-size:18px}.access-card p{margin:4px 0}.access-card a{color:var(--accent)}.access-student{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:12px 0;padding:12px 14px}.access-student p{margin:4px 0}.access-give{flex-wrap:wrap;gap:8px;margin-top:10px}.access-give select{border:1px solid var(--line);background:var(--bg,inherit);color:inherit;border-radius:8px;padding:8px}.access-days{width:90px}.unlocks{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.unlocks h3{margin:0 0 6px;font-size:16px}.unlock-have{flex-wrap:wrap;gap:6px;display:flex}.unlock-chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:14px;display:inline-flex}.unlock-x{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.unlock-units{flex-direction:column;gap:6px;max-height:360px;margin:8px 0;display:flex;overflow:auto}.unlock-unit{flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:14px;display:flex}.unlock-unit label{white-space:nowrap}.unlock-on{color:var(--accent);font-weight:600}.growth{gap:18px}.gr-kpis{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid;position:relative}.gr-tile{background:var(--panel);border:1.5px solid var(--border);border-radius:18px;flex-direction:column;gap:6px;min-width:0;padding:16px;display:flex}.gr-label{color:var(--muted);font-size:13px;font-weight:700}.gr-big{font-family:var(--display);color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:8px;font-size:28px;font-weight:800;line-height:1.1;display:flex}.gr-delta{border-radius:99px;padding:2px 8px;font-family:inherit;font-size:13px;font-weight:700}.gr-delta.up{color:var(--leaf);background:var(--leaf-soft)}.gr-delta.down{color:var(--bad);background:var(--bad-soft)}.gr-tile .hint{font-size:12.5px;line-height:1.35}.gr-cols{border-bottom:1px solid var(--line);grid-template-columns:repeat(8,1fr);align-items:end;gap:4px;height:64px;margin-top:auto;padding-top:6px;display:grid}.gr-col{align-items:flex-end;height:100%;display:flex}.gr-col i{background:var(--accent);border-radius:4px 4px 0 0;width:100%;min-height:0;display:block}.gr-col i.none{background:var(--line);border-radius:2px;height:2px!important}.gr-col:hover i{filter:brightness(1.1)}.gr-axis{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.gr-dots{grid-template-columns:repeat(14,1fr);gap:4px;margin-top:auto;padding-top:6px;display:grid}.gr-dots i{aspect-ratio:1;background:var(--chip);border-radius:50%;max-width:14px}.gr-dots i.on{background:var(--accent)}.gr-dots i.today{box-shadow:0 0 0 2px var(--panel),0 0 0 3.5px var(--muted)}.gr-days{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:auto;padding-top:6px;display:grid}.gr-day{flex-direction:column;align-items:center;gap:3px;display:flex}.gr-day-bar{border-bottom:1px solid var(--line);align-items:flex-end;width:100%;height:52px;display:flex}.gr-day-bar i{background:var(--accent);border-radius:4px 4px 0 0;width:100%;display:block}.gr-day span{color:var(--muted);font-size:11px}.gr-stack{border-radius:99px;gap:2px;height:12px;margin-top:auto;display:flex;overflow:hidden}.gr-stack i{min-width:4px;display:block}.gr-stack .kept,.gr-legend .kept{background:var(--accent)}.gr-stack .holding,.gr-legend .holding{background:color-mix(in srgb, var(--accent) 50%, var(--panel))}.gr-stack .fresh,.gr-legend .fresh{background:var(--chip)}.gr-legend{color:var(--muted);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.gr-legend span{align-items:center;gap:5px;display:inline-flex}.gr-legend i{border-radius:3px;width:9px;height:9px;display:inline-block}.gr-legend b{color:var(--ink)}.gr-block{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.gr-block h3{margin:0;font-size:16px}.gr-block h3 .hint{font-size:13px;font-weight:500}.gr-courses{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.gr-course{background:var(--panel);border:1.5px solid var(--border);border-radius:18px;align-items:center;gap:14px;padding:12px 16px;display:flex}.gr-course>div{flex-direction:column;gap:2px;min-width:0;display:flex}.gr-ring{flex:none;width:64px;height:64px}.gr-ring circle{fill:none;stroke-width:7px}.gr-ring .track{stroke:var(--chip)}.gr-ring .fill{stroke:var(--accent);stroke-linecap:round}.gr-ring text{font-family:var(--display);fill:var(--ink);font-size:14px;font-weight:800}.gr-skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;display:grid}.gr-skill{grid-template-columns:96px 1fr auto;align-items:center;gap:10px;display:grid}.gr-skill-name{font-size:14px;font-weight:700}.gr-track{background:var(--chip);border-radius:99px;height:10px;position:relative}.gr-track i{background:var(--accent);border-radius:99px;position:absolute;inset:0 auto 0 0}.gr-track.work i{background:color-mix(in srgb, var(--accent) 60%, var(--panel))}.gr-then{background:var(--ink);opacity:.55;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-4px;bottom:-4px}.gr-skill-val{color:var(--ink);white-space:nowrap;text-align:right;min-width:72px;font-size:13px;font-weight:700}.gr-ranks{grid-template-columns:repeat(7,1fr);gap:8px;max-width:520px;display:grid}.gr-rank{flex-direction:column;align-items:center;gap:4px;display:flex}.gr-rank b{font-size:13px}.gr-rank-bar{border-bottom:1px solid var(--line);align-items:flex-end;width:22px;height:64px;display:flex}.gr-rank{--c1:#fb923c;--c2:#ea580c;--edge:#9a3412}.gr-rank[data-rank=S]{--c1:#fbbf24;--c2:#d97706;--edge:#92400e}.gr-rank[data-rank=B]{--c1:#3b82f6;--c2:#1d4ed8;--edge:#1e3a8a}.gr-rank[data-rank=C]{--c1:#10b981;--c2:#059669;--edge:#065f46}.gr-rank[data-rank=D]{--c1:#a78bfa;--c2:#7c3aed;--edge:#4c1d95}.gr-rank[data-rank=E]{--c1:#94a3b8;--c2:#64748b;--edge:#334155}.gr-rank[data-rank=F]{--c1:#f87171;--c2:#dc2626;--edge:#7f1d1d}.gr-rank-bar i{background:var(--c2);border-radius:4px 4px 0 0;width:100%;display:block}.gr-rank-badge{width:32px;height:32px;font-family:var(--display);color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 2px 0 var(--edge);border-radius:50%;place-items:center;font-size:15px;font-weight:900;display:grid}@media (width<=900px){.gr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.gr-skills{grid-template-columns:1fr}.gr-big{font-size:24px}}@media (width<=420px){.gr-kpis{grid-template-columns:1fr}.gr-skill{grid-template-columns:84px 1fr auto}}@media (width<=640px){.growth .char-head{flex-wrap:wrap}.growth .char-head>div:nth-child(2){flex:1;min-width:0}.growth .char-action{width:100%;margin-left:0}.growth .char-action .btn{width:100%}}.growth.compact .char-action.small{color:var(--accent-dark);white-space:nowrap;font-weight:700;text-decoration:none}:root[data-theme=dark] .growth.compact .char-action.small{color:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .growth.compact .char-action.small{color:var(--accent)}}@media (width<=640px){.growth.compact .char-action{width:auto;margin-left:auto}.growth.compact .char-lv{display:none}.growth.compact .gr-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.growth.compact .gr-tile{padding:12px}.growth.compact .gr-tile>.hint,.growth.compact .gr-legend,.growth.compact .gr-axis{display:none}.growth.compact .gr-big{font-size:20px}.growth.compact .gr-label{font-size:12px}}