@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0e17;--surface:#141927;--raised:#1c2334;--line:#283149;--text:#eef0f7;--muted:#9aa3bd;--accent:#7c5cff;--accent-soft:#7c5cff26;--on-accent:#fff;--good:#2fd6a3;--good-soft:#2fd6a31f;--bad:#ff6b7a;--bad-soft:#ff6b7a1f;--warn:#ffb547;--gold:#ffd166;--fa:#7c5cff;--fb:#1fb8a0;--fc:#f0a63a;--fd:#f2647c;--unit:var(--accent);--r:16px;--r-sm:11px;--fs:16px;--lh:1.55;--pad:16px;--shadow:0 10px 30px #0006;font-family:Lexend Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f0e6;--surface:#fffdf8;--raised:#fff;--line:#e2dccd;--text:#1d2233;--muted:#5d6680;--accent:#5b3fe0;--accent-soft:#5b3fe01a;--good:#0c8f6d;--good-soft:#0c8f6d17;--bad:#cf3449;--bad-soft:#cf344914;--warn:#b26a00;--gold:#b07d00;--fa:#5b3fe0;--fb:#0e9584;--fc:#c98112;--fd:#d2475f;--shadow:0 10px 30px #1d223322}@media (prefers-color-scheme:light){:root[data-theme=auto]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f0e6;--surface:#fffdf8;--raised:#fff;--line:#e2dccd;--text:#1d2233;--muted:#5d6680;--accent:#5b3fe0;--accent-soft:#5b3fe01a;--good:#0c8f6d;--good-soft:#0c8f6d17;--bad:#cf3449;--bad-soft:#cf344914;--warn:#b26a00;--gold:#b07d00;--fa:#5b3fe0;--fb:#0e9584;--fc:#c98112;--fd:#d2475f;--shadow:0 10px 30px #1d223322}}:root[data-text=l]{--fs:18px}:root[data-text=xl]{--fs:20px}:root[data-spacing="1"]{--lh:1.85;letter-spacing:.02em;word-spacing:.08em}.u0{--unit:#5b8def}.u1{--unit:#8b6cff}.u2{--unit:#1fb8a0}.u3{--unit:#f2647c}.u4{--unit:#f0a63a}.u5{--unit:#3aa6f0}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-size:var(--fs);line-height:var(--lh);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0}h1,h2,h3,p{margin:0}h1{letter-spacing:-.01em;font-size:1.6em;font-weight:650;line-height:1.2}h2{font-size:1.15em;font-weight:600;line-height:1.3}h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78em;font-weight:600}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.86em}.tiny{font-size:.76em}.center{text-align:center}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{gap:12px;display:grid}.stack-lg{gap:20px;display:grid}.hide{display:none!important}svg.i{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}#app{min-height:100dvh}.shell{flex-direction:column;max-width:540px;min-height:100dvh;margin:0 auto;display:flex}.page{padding:14px var(--pad) calc(96px + env(safe-area-inset-bottom));flex:1;align-content:start;gap:18px;display:grid}.page.wide{width:100%;max-width:760px;margin:0 auto;padding-bottom:48px}.top{z-index:5;padding:calc(10px + env(safe-area-inset-top)) var(--pad) 10px;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;font-size:1.05em;font-weight:700}.brand b{color:var(--accent);font-weight:700}.pill{background:var(--surface);border:1px solid var(--line);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:.86em;font-weight:600;display:inline-flex}.pill .i{width:1.1em;height:1.1em}.pill.flame{color:var(--warn)}.pill.flame.off{color:var(--muted)}.pill.xp{color:var(--gold)}.pill.time{color:var(--good)}.pill.time.low{color:var(--warn);border-color:var(--warn)}.pill.time.out{color:var(--bad);border-color:var(--bad)}.pill.time.low{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--warn) 18%, transparent)}}.tabs{z-index:6;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs nav{grid-template-columns:repeat(4,1fr);width:100%;max-width:540px;display:grid}.tab{color:var(--muted);letter-spacing:.02em;justify-items:center;gap:2px;padding:9px 0 8px;font-size:.7em;font-weight:600;display:grid}.tab .i{width:24px;height:24px}.tab.on{color:var(--text)}.tab.on .i{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--pad)}.card.tap{text-align:left;width:100%;transition:transform .12s,border-color .12s;display:block}.card.tap:active{transform:scale(.985)}.card.dim{opacity:.6}.hero{color:#fff;background:linear-gradient(145deg, color-mix(in srgb, var(--unit) 92%, #000), color-mix(in srgb, var(--unit) 55%, #0b0e17));box-shadow:0 14px 34px color-mix(in srgb, var(--unit) 28%, transparent);border-radius:22px;gap:14px;padding:20px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.hero .over{letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:.72em;font-weight:600}.hero h1{font-size:1.55em}.hero p{opacity:.9;font-size:.92em}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{gap:2px;display:grid}.stat b{font-size:1.5em;font-weight:650;line-height:1.1}.tag{letter-spacing:.04em;background:var(--accent-soft);height:24px;color:var(--accent);text-transform:uppercase;border-radius:99px;align-items:center;gap:5px;padding:0 9px;font-size:.72em;font-weight:600;display:inline-flex}.tag.good{background:var(--good-soft);color:var(--good)}.tag.warn{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn)}.tag.plain{background:var(--raised);color:var(--muted)}.hero .tag{color:#fff;background:#ffffff26}.btn{background:var(--accent);min-height:52px;color:var(--on-accent);width:100%;box-shadow:0 4px 0 color-mix(in srgb, var(--accent) 55%, #000);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:1em;font-weight:650;transition:transform .1s,filter .1s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 55%, #000);transform:translateY(3px)}.btn:disabled{opacity:.4;box-shadow:none}.btn.light{color:#1d2233;background:#fff;box-shadow:0 4px #0003}.btn.ghost{background:var(--raised);color:var(--text);box-shadow:none;border:1px solid var(--line)}.btn.good{background:var(--good);color:#06241b;box-shadow:0 4px 0 color-mix(in srgb, var(--good) 55%, #000)}.btn.bad{background:var(--bad);color:#fff;box-shadow:0 4px 0 color-mix(in srgb, var(--bad) 55%, #000)}.btn.sm{width:auto;min-height:40px;box-shadow:none;border-radius:11px;padding:0 14px;font-size:.9em}.link{color:var(--accent);font-weight:600}.iconbtn{width:40px;height:40px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.iconbtn:active{background:var(--raised)}.bar{background:var(--raised);border-radius:99px;height:8px;overflow:hidden}.bar>i{background:var(--accent);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.bar.good>i{background:var(--good)}.bar.gold>i{background:var(--gold)}.bar.unit>i{background:var(--unit)}.hero .bar{background:#ffffff2e}.hero .bar>i{background:#fff}.notice{border-radius:var(--r-sm);background:var(--accent-soft);align-items:flex-start;gap:10px;padding:12px 14px;font-size:.92em;display:flex}.notice.warn{background:color-mix(in srgb, var(--warn) 14%, transparent)}.notice.bad{background:var(--bad-soft)}.notice.good{background:var(--good-soft)}.notice .i{margin-top:2px}label.f{gap:6px;font-size:.88em;font-weight:600;display:grid}label.f span.hint{color:var(--muted);font-weight:400}.input,select.input{background:var(--surface);border:1.5px solid var(--line);border-radius:12px;width:100%;min-height:50px;padding:0 14px;font-size:1em;font-weight:400}textarea.input{resize:vertical;min-height:110px;padding:12px 14px;line-height:1.5}.input:focus{border-color:var(--accent);outline:none}.seg{background:var(--raised);border-radius:12px;gap:3px;padding:3px;display:flex}.seg button{min-height:40px;color:var(--muted);border-radius:9px;flex:1;padding:0 6px;font-size:.86em;font-weight:600}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0003}.switch{text-align:left;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:4px 0;display:flex}.switch i{background:var(--line);border-radius:99px;flex:none;width:46px;height:28px;transition:background .15s;position:relative}.switch i:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch.on i{background:var(--accent)}.switch.on i:after{transform:translate(18px)}.stepper{align-items:center;gap:10px;display:flex}.stepper button{background:var(--raised);border:1px solid var(--line);border-radius:12px;width:44px;height:44px;font-size:1.3em;font-weight:600}.stepper b{text-align:center;min-width:76px;font-size:1.1em}.err{color:var(--bad);font-size:.9em;font-weight:500}.auth{max-width:420px;padding:8vh var(--pad) 40px;gap:22px;margin:0 auto;display:grid}.auth .brand{font-size:1.4em}.quest{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:12px 0;display:grid}.quest:first-of-type{border-top:0}.quest .bar{grid-column:1/-1;height:6px}.quest.done{color:var(--muted)}.quest.done .lab{text-decoration:line-through}.mode{align-content:space-between;gap:8px;min-height:132px;display:grid}.mode .big{font-size:1.7em;font-weight:650;line-height:1}.ring{place-items:center;display:grid;position:relative}.ring>svg{transform:rotate(-90deg)}.ring .track{stroke:var(--raised)}.ring .val{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.2,.8,.2,1)}.ring>span{justify-items:center;line-height:1.1;display:grid;position:absolute}.unit-head{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.unit-badge{color:#fff;background:var(--unit);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.path{margin-top:12px;display:grid}.node{text-align:left;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;width:100%;padding:9px 0;display:grid;position:relative}.node:before{content:"";background:var(--line);width:2px;height:18px;position:absolute;top:-9px;left:19px}.node:first-child:before{display:none}.node .dot{background:var(--raised);border:2px solid var(--line);width:40px;height:40px;color:var(--muted);z-index:1;border-radius:50%;place-items:center;font-size:.9em;font-weight:650;display:grid}.node.done .dot{background:var(--unit);border-color:var(--unit);color:#fff}.node.open .dot{border-color:var(--unit);color:var(--text);box-shadow:0 0 0 5px color-mix(in srgb, var(--unit) 22%, transparent)}.node.locked,.node.waiting{color:var(--muted)}.node .t{font-weight:550;line-height:1.3}.stars{color:var(--line);gap:1px;display:inline-flex}.stars .on{color:var(--gold)}.stars svg{fill:currentColor;stroke:none;width:15px;height:15px}.fig{border-radius:var(--r-sm);background:var(--raised);border:1px solid var(--line);padding:14px}.fig figcaption,.figcap{color:var(--muted);text-align:center;margin-top:8px;font-size:.8em}figure{margin:0}.fig svg{width:100%;height:auto;font-family:inherit;display:block}.fig .ink{fill:none;stroke:var(--text)}.fig .soft{fill:none;stroke:var(--muted)}.fig .none{fill:none;stroke:none}.fig .fill-a{fill:var(--fa)}.fig .fill-b{fill:var(--fb)}.fig .fill-c{fill:var(--fc)}.fig .fill-d{fill:var(--fd)}.fig .fill-ink{fill:var(--text)}.fig .fill-soft{fill:var(--muted)}.fig .fill-bg{fill:var(--raised)}.fig .stroke-a{stroke:var(--fa)}.fig .stroke-b{stroke:var(--fb)}.fig .stroke-c{stroke:var(--fc)}.fig .stroke-d{stroke:var(--fd)}.fig .stroke-ink{stroke:var(--text)}.fig .stroke-soft{stroke:var(--muted)}.fig [class*=stroke-]:not([class*=fill-]){fill:none}.fig [class*=fill-]:not([class*=stroke-]){stroke:none}.fig .dash{stroke-dasharray:5 4}.fig text{fill:var(--text);stroke:none;font-size:12px}.fig text.t-sm,.fig .t-sm{font-size:10px}.fig .t-lg{font-size:15px}.fig .t-b{font-weight:650}.fig .t-soft{fill:var(--muted)}.fig .t-inv{fill:#fff}.fig tspan.t-b{font-weight:650}.fig tspan.t-soft{fill:var(--muted)}.fig tspan.t-inv{fill:#fff}.bars{gap:10px;display:grid}.bars .b{grid-template-columns:1fr auto;gap:3px 10px;font-size:.86em;display:grid}.bars .b .bar{border-radius:6px;grid-column:1/-1;height:14px}.bars .b .bar>i{border-radius:6px}.tone-a>i,.tone-a.box{background:var(--fa)}.tone-b>i,.tone-b.box{background:var(--fb)}.tone-c>i,.tone-c.box{background:var(--fc)}.tone-d>i,.tone-d.box{background:var(--fd)}.flow{justify-items:stretch;gap:0;display:grid}.flow .box{background:var(--surface);border:1.5px solid var(--line);text-align:center;border-radius:12px;gap:1px;padding:10px 12px;font-size:.92em;font-weight:600;display:grid}.flow .box[class*=tone-]{color:#fff;border-color:#0000}.flow .box small{opacity:.9;font-size:.86em;font-weight:400;line-height:1.3}.flow .arrow{color:var(--muted);justify-self:center;place-items:center;height:22px;display:grid}.flow.h{grid-auto-columns:1fr auto;grid-auto-flow:column;align-items:stretch}.flow.h .box{align-content:center;padding:10px 6px}.flow.h .arrow{width:20px;height:auto;transform:rotate(-90deg)}.flow.h .arrow:last-child,.flow .arrow:last-child{display:none}.player{z-index:20;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.player-in{flex-direction:column;flex:1;width:100%;max-width:560px;min-height:0;margin:0 auto;display:flex}.ptop{padding:calc(10px + env(safe-area-inset-top)) 12px 8px;align-items:center;gap:10px;display:flex}.ptop .bar{flex:1;height:10px}.pbody{padding:10px var(--pad) 24px;-webkit-overflow-scrolling:touch;flex:1;align-content:start;gap:16px;display:grid;overflow-y:auto}.pfoot{padding:12px var(--pad) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg)}.step{gap:16px;animation:.28s cubic-bezier(.2,.8,.2,1) stepin;display:grid}@keyframes stepin{0%{opacity:0;transform:translate(18px)}}.kind{justify-content:space-between;align-items:center;gap:10px;display:flex}.rich{gap:.85em;font-size:1.04em;display:grid}.rich ul{gap:.5em;margin:0;padding-left:1.15em;display:grid}.rich strong{color:var(--text);background:linear-gradient(transparent 62%, var(--accent-soft) 0);font-weight:650}.prompt{font-size:1.14em;font-weight:550;line-height:1.4}.prompt .rich{font-size:1em}.speak{color:var(--muted)}.speak.on{color:var(--accent)}.opts{gap:10px;display:grid}.opt{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:14px;align-items:center;gap:12px;width:100%;min-height:54px;padding:14px 16px;font-size:1em;line-height:1.4;transition:border-color .12s,background .12s,transform 80ms;display:flex}.opt:active:not(:disabled){transform:scale(.985)}.opt .key{border:2px solid var(--line);width:26px;height:26px;color:var(--muted);border-radius:8px;flex:none;place-items:center;font-size:.78em;font-weight:650;display:grid}.opt.round .key{border-radius:50%}.opt.sel{border-color:var(--accent);background:var(--accent-soft)}.opt.sel .key{border-color:var(--accent);background:var(--accent);color:#fff}.opt.right{border-color:var(--good);background:var(--good-soft)}.opt.right .key{border-color:var(--good);background:var(--good);color:#06241b}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.opt.wrong .key{border-color:var(--bad);background:var(--bad);color:#fff}.opt.faded{opacity:.55}.tfrow{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tfrow .opt{justify-content:center;min-height:76px;font-size:1.1em;font-weight:650}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:2px solid var(--line);text-align:left;border-radius:12px;min-height:44px;padding:10px 14px;font-size:.98em;line-height:1.3;transition:transform 80ms,opacity .15s}.chip:active:not(:disabled){transform:scale(.96)}.chip.used{opacity:.28}.chip.block{width:100%}.slot{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:14px;gap:4px;width:100%;min-height:62px;padding:12px 14px;display:grid}.slot .l{font-size:.92em;font-weight:650}.slot .v{color:var(--muted);font-size:.92em;line-height:1.35}.slot.filled .v{color:var(--text)}.slot.active{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.slot.right{border-color:var(--good);background:var(--good-soft)}.slot.wrong{border-color:var(--bad);background:var(--bad-soft)}.slot .fix{color:var(--good);font-size:.88em;font-weight:550}.seq{gap:8px;display:grid}.seq .slot{grid-template-columns:30px 1fr;align-items:center;min-height:52px}.seq .n{background:var(--raised);border-radius:50%;place-items:center;width:30px;height:30px;font-size:.85em;font-weight:650;display:grid}.seq .slot.filled .n{background:var(--accent);color:#fff}.cloze{font-size:1.1em;line-height:2.3}.blank{border:2px dashed var(--line);text-align:center;vertical-align:baseline;background:var(--surface);border-radius:10px;min-width:86px;margin:0 3px;padding:2px 12px;font-weight:600;line-height:1.6;display:inline-block}.blank.filled{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.blank.next{border-color:var(--accent)}.blank.right{border-style:solid;border-color:var(--good);background:var(--good-soft)}.blank.wrong{border-style:solid;border-color:var(--bad);background:var(--bad-soft);text-decoration:line-through}.sortcard{background:var(--surface);border:2px solid var(--line);text-align:center;border-radius:18px;place-items:center;min-height:110px;padding:26px 18px;font-size:1.15em;font-weight:550;animation:.2s ease-out pop;display:grid}@keyframes pop{0%{opacity:0;transform:scale(.94)}}.buckets{gap:10px;display:grid}.buckets.two{grid-template-columns:1fr 1fr}.bucket{color:#fff;text-align:center;border-radius:14px;min-height:64px;padding:14px 10px;font-size:.95em;font-weight:650;line-height:1.25}.bucket.b0{background:var(--fa)}.bucket.b1{background:var(--fb)}.bucket.b2{background:var(--fc)}.bucket:active{transform:scale(.97)}.sorted{gap:8px;display:grid}.sorted .it{background:var(--surface);border:2px solid var(--line);text-align:left;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.94em;display:grid}.sorted .it.right{border-color:var(--good);background:var(--good-soft)}.sorted .it.wrong{border-color:var(--bad);background:var(--bad-soft)}.bdot{color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:99px;max-width:46vw;padding:4px 9px;font-size:.74em;font-weight:650;overflow:hidden}.bdot.b0{background:var(--fa)}.bdot.b1{background:var(--fb)}.bdot.b2{background:var(--fc)}.dots{justify-content:center;gap:5px;display:flex}.dots i{background:var(--line);border-radius:50%;width:7px;height:7px}.dots i.on{background:var(--accent)}.guess{justify-items:center;gap:14px;padding:8px 0;display:grid}.guess .val{letter-spacing:-.03em;font-size:3.4em;font-weight:700;line-height:1}.guess .val small{color:var(--muted);margin-left:2px;font-size:.42em;font-weight:500}input[type=range]{appearance:none;background:0 0;width:100%;height:44px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--p,50%), var(--raised) var(--p,50%));border-radius:99px;height:10px}input[type=range]::-moz-range-track{background:var(--raised);border-radius:99px;height:10px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:99px;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:4px solid var(--accent);background:#fff;border-radius:50%;width:32px;height:32px;margin-top:-11px;box-shadow:0 2px 8px #0005}input[type=range]::-moz-range-thumb{border:4px solid var(--accent);background:#fff;border-radius:50%;width:26px;height:26px}.scale{width:100%;height:52px;position:relative}.scale .track{background:var(--raised);border-radius:99px;height:10px;position:absolute;top:20px;left:0;right:0}.scale .mark{justify-items:center;gap:2px;font-size:.72em;font-weight:650;display:grid;position:absolute;top:0;transform:translate(-50%)}.scale .mark i{border-radius:2px;width:4px;height:26px;margin-top:12px}.scale .mark.you i{background:var(--accent)}.scale .mark.real i{background:var(--good)}.scale .mark.real{color:var(--good);flex-direction:column-reverse;top:auto;bottom:-22px}.scale .mark.you{color:var(--accent)}.marks{background:var(--raised);border:1px solid var(--line);border-radius:8px;align-items:center;height:26px;padding:0 10px;font-size:.78em;font-weight:650;display:inline-flex}.model{border-left:3px solid var(--good);padding:4px 0 4px 14px;font-size:.98em}.point{text-align:left;background:var(--surface);border:2px solid var(--line);border-radius:12px;grid-template-columns:28px 1fr;align-items:start;gap:12px;width:100%;padding:12px;font-size:.95em;line-height:1.4;display:grid}.point .box{border:2px solid var(--line);color:#0000;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.point.on{border-color:var(--good);background:var(--good-soft)}.point.on .box{background:var(--good);border-color:var(--good);color:#06241b}.fb{margin:0 calc(var(--pad) * -1) calc((14px + env(safe-area-inset-bottom)) * -1);padding:16px var(--pad) calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;gap:12px;margin-top:-12px;animation:.22s cubic-bezier(.2,.9,.2,1) rise;display:grid}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}.fb.right{background:color-mix(in srgb, var(--good) 14%, var(--surface))}.fb.wrong{background:color-mix(in srgb, var(--bad) 12%, var(--surface))}.fb.part{background:color-mix(in srgb, var(--warn) 13%, var(--surface))}.fb .head{align-items:center;gap:10px;font-size:1.1em;font-weight:700;display:flex}.fb.right .head{color:var(--good)}.fb.wrong .head{color:var(--bad)}.fb.part .head{color:var(--warn)}.fb .why{max-height:30vh;font-size:.95em;line-height:1.5;overflow-y:auto}.gain{gap:6px;margin-left:auto;display:flex}.gain span{color:var(--text);white-space:nowrap;background:#0000002b;border-radius:99px;padding:3px 9px;font-size:.8em;font-weight:700}:root[data-theme=paper] .gain span{background:#0000000f}.combo{z-index:30;background:var(--gold);color:#2a1e00;pointer-events:none;white-space:nowrap;border-radius:99px;padding:8px 16px;font-size:.9em;font-weight:700;animation:1.6s ease-out forwards comboin;position:fixed;top:64px;left:50%;transform:translate(-50%)}@keyframes comboin{0%{opacity:0;transform:translate(-50%,12px)scale(.8)}12%{opacity:1;transform:translate(-50%)scale(1.08)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.sum{text-align:center;justify-items:center;gap:18px;padding-top:6vh;display:grid}.sum .bigstars{gap:8px;display:flex}.sum .bigstars svg{width:54px;height:54px;fill:var(--line);stroke:none}.sum .bigstars svg.on{fill:var(--gold);animation:.5s cubic-bezier(.2,1.6,.4,1) backwards starin}.sum .bigstars svg.on:nth-child(2){animation-delay:.18s}.sum .bigstars svg.on:nth-child(3){animation-delay:.36s}@keyframes starin{0%{opacity:0;transform:scale(0)rotate(-40deg)}}.sum .tiles{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.sum .tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:2px;padding:12px 6px;display:grid}.sum .tile b{font-size:1.45em;font-weight:700;line-height:1.15}.sum .tile.xp b{color:var(--gold)}.sum .tile.up b{color:var(--good)}.sum .tile.down b{color:var(--bad)}.ev{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px 14px;animation:.3s backwards rise;display:flex}.ev .ico{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.ev.fire .ico{background:color-mix(in srgb, var(--warn) 18%, transparent);color:var(--warn)}.ev.badge .ico{background:color-mix(in srgb, var(--gold) 18%, transparent);color:var(--gold)}.confetti{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.confetti i{border-radius:2px;width:8px;height:14px;animation:linear forwards fall;position:absolute;top:-12px}@keyframes fall{to{opacity:.6;transform:translateY(110vh)rotate(720deg)}}.rating-big{letter-spacing:-.03em;font-size:3.6em;font-weight:700;line-height:1}.emblem{flex:none;width:64px;height:72px}.board{display:grid}.board .r{border-top:1px solid var(--line);grid-template-columns:26px 34px 1fr auto;align-items:center;gap:10px;padding:9px 0;font-size:.94em;display:grid}.board .r:first-child{border-top:0}.board .r.me{color:var(--accent);font-weight:650}.avatar{border-radius:50%;flex:none;display:block}.heat{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.heat i{aspect-ratio:1;background:var(--raised);color:var(--muted);border-radius:6px;place-items:center;font-size:.62em;font-style:normal;display:grid}.heat i.a1{background:color-mix(in srgb, var(--accent) 35%, var(--raised));color:var(--text)}.heat i.a2{background:var(--accent);color:#fff}.heat i.today{outline:2px solid var(--text);outline-offset:1px}.badges{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.badge{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:14px;justify-items:center;gap:6px;padding:12px 6px;font-size:.74em;line-height:1.25;display:grid}.badge .i{width:30px;height:30px;color:var(--gold)}.badge.off{opacity:.42}.badge.off .i{color:var(--muted)}.kv{grid-template-columns:1fr auto;align-items:center;gap:6px 12px;font-size:.94em;display:grid}.kv .bar{grid-column:1/-1;height:6px;margin-bottom:6px}.chart{width:100%;height:auto;display:block;overflow:visible}.chart .ln{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.chart .ar{fill:var(--accent-soft);stroke:none}.chart .gd{stroke:var(--line);stroke-width:1px}.chart text{fill:var(--muted);font-size:10px}.chart .bar-r{fill:var(--accent)}.chart .bar-o{fill:var(--warn)}.sheet-bg{z-index:50;background:#000a;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--surface);width:100%;max-width:540px;max-height:88dvh;padding:20px var(--pad) calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;gap:16px;animation:.22s cubic-bezier(.2,.9,.2,1) rise;display:grid;overflow-y:auto}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:60;background:var(--text);color:var(--bg);box-shadow:var(--shadow);text-align:center;border-radius:12px;max-width:calc(100vw - 32px);padding:11px 16px;font-size:.9em;font-weight:600;animation:.2s rise;position:fixed;transform:translate(-50%)}.avatars{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.avatars button{border:2px solid #0000;border-radius:50%;padding:2px}.avatars button.on{border-color:var(--accent)}.loading{min-height:50vh;color:var(--muted);place-items:center;display:grid}.spin{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}table.papers{border-collapse:collapse;width:100%;font-size:.9em}table.papers td{border-top:1px solid var(--line);vertical-align:middle;padding:9px 4px}table.papers a{white-space:nowrap;margin-right:10px;font-weight:600;text-decoration:none}dl.terms{gap:12px;margin:0;display:grid}dl.terms dt{font-weight:650}dl.terms dd{color:var(--muted);margin:2px 0 0;font-size:.94em}.parent-grid{align-items:start;gap:14px;display:grid}@media (width>=760px){.parent-grid{grid-template-columns:1fr 1fr;gap:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root[data-motion="0"] *,:root[data-motion="0"] :before,:root[data-motion="0"] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}