:root{--bg: #f7f5f0;--bg2: #fcfbf8;--surface: #ffffff;--surface2: #f3f0ea;--surface3: #e9e5dc;--ink: #1a191f;--ink2: #6a665f;--ink3: #a39e95;--line: #e7e3da;--line2: #d7d1c5;--acc: #ee9a2c;--acc-deep: #a5620c;--acc-soft: #fdf0dc;--on-acc: #1b1207;--jade: #1b6e6a;--jade-deep: #114a47;--jade-soft: #dcefec;--ok: #23804e;--ok-soft: #ddf2e6;--on-ok: #ffffff;--ko: #c0392b;--ko-soft: #fbe4e0;--on-ko: #ffffff;--red: #c0392b;--red-soft: #fbe4e0;--indigo: #3b55a6;--indigo-soft: #e4e9f7;--plum: #8a3f9c;--plum-soft: #f3e6f6;--orange: #c8601a;--orange-soft: #fce8d8;--gold: var(--acc-deep);--gold-soft: var(--acc-soft);--t-mid: #6b6a72;--t-low: #3b55a6;--t-fall: #c0392b;--t-high: #a5620c;--t-rise: #1b6e6a;--c-M: var(--jade);--c-M-soft: var(--jade-soft);--c-H: var(--red);--c-H-soft: var(--red-soft);--c-L: var(--indigo);--c-L-soft: var(--indigo-soft);--w0: #1b6e6a;--w1: #a8327a;--w2: #3b55a6;--w3: #a5620c;--w4: #8a3f9c;--w5: #c8601a;--dim-op: .45;--seg-on: var(--surface);--hero-1: #0e4a47;--hero-2: #12605b;--hero-3: #1d7a6a;--hero-ink: #f3fbf8;--hero-acc: #f7c35f;--hero-line: transparent;--kd-letters: #a35a08;--kd-vowels: #ab3159;--kd-tones: #5a3fb0;--kd-read: #7d4b1f;--kd-vocab: #0f6b50;--kd-dialog: #2553b0;--kd-num: #09697c;--k-letters: var(--kd-letters);--k-vowels: var(--kd-vowels);--k-tones: var(--kd-tones);--k-read: var(--kd-read);--k-vocab: var(--kd-vocab);--k-dialog: var(--kd-dialog);--k-num: var(--kd-num);--btn: var(--acc);--btn-ink: var(--on-acc);--fs-1: 12px;--fs-2: 14px;--fs-3: 16px;--fs-4: 20px;--fs-5: 28px;--fs-6: 40px;--f-ui: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", "Sarabun", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-display: "Instrument Serif", "Iowan Old Style", Georgia, "Times New Roman", serif;--f-th: "Sarabun", "Noto Sans Thai Looped", "Noto Serif Thai", "Leelawadee UI", Thonburi, sans-serif;--f-thm: "Kanit", "Prompt", "IBM Plex Sans Thai", sans-serif;--f-rom: "Plus Jakarta Sans Variable", "Andika", "Noto Sans", Roboto, "Segoe UI", Arial, sans-serif;--ths: 1.15;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--r-sm: 12px;--r-md: 16px;--r-lg: 24px;--r-pill: 999px;--e1: 0 1px 2px rgba(22, 21, 26, .04), 0 8px 24px -16px rgba(22, 21, 26, .2);--e2: 0 2px 6px rgba(22, 21, 26, .05), 0 18px 44px -18px rgba(22, 21, 26, .42);--shadow: var(--e1);--shadow-paper: var(--e1);--d-fast: .15s;--d-med: .3s;--ease: cubic-bezier(.2, .8, .2, 1);--tab-h: 64px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1113;--bg2: #14171a;--surface: #1a1d21;--surface2: #23272c;--surface3: #2c3137;--ink: #f1efea;--ink2: #a7a39b;--ink3: #6f6c66;--line: #2a2e34;--line2: #384048;--acc: #f2a541;--acc-deep: #f6bc6e;--acc-soft: #3a2a13;--on-acc: #1b1207;--jade: #5dc0b8;--jade-deep: #92dad3;--jade-soft: #15332f;--ok: #5fd092;--ok-soft: #143224;--on-ok: #062012;--ko: #f2877a;--ko-soft: #3f1d19;--on-ko: #2a0b07;--red: #f2877a;--red-soft: #3f1d19;--indigo: #9db2f4;--indigo-soft: #1d2641;--plum: #d2a4ea;--plum-soft: #2e1f38;--orange: #f4a76a;--orange-soft: #3d2514;--t-mid: #9a98a3;--t-low: #9db2f4;--t-fall: #f2877a;--t-high: #f2a541;--t-rise: #5dc0b8;--w0: #5dc0b8;--w1: #ee90c6;--w2: #9db2f4;--w3: #f2a541;--w4: #d2a4ea;--w5: #f4a76a;--dim-op: .62;--seg-on: #353b43;--hero-1: #0d3735;--hero-2: #104845;--hero-3: #175a52;--hero-line: rgba(255, 255, 255, .08);--k-letters: #f2ad5b;--k-vowels: #f28fae;--k-tones: #b8a3ff;--k-read: #deaf80;--k-vocab: #62d4aa;--k-dialog: #93b4ff;--k-num: #6fd2e8;--e1: 0 1px 0 rgba(255, 255, 255, .02), 0 10px 28px -18px rgba(0, 0, 0, .7);--e2: 0 20px 48px -20px rgba(0, 0, 0, .85)}}:root[data-theme=dark]{--bg: #0f1113;--bg2: #14171a;--surface: #1a1d21;--surface2: #23272c;--surface3: #2c3137;--ink: #f1efea;--ink2: #a7a39b;--ink3: #6f6c66;--line: #2a2e34;--line2: #384048;--acc: #f2a541;--acc-deep: #f6bc6e;--acc-soft: #3a2a13;--on-acc: #1b1207;--jade: #5dc0b8;--jade-deep: #92dad3;--jade-soft: #15332f;--ok: #5fd092;--ok-soft: #143224;--on-ok: #062012;--ko: #f2877a;--ko-soft: #3f1d19;--on-ko: #2a0b07;--red: #f2877a;--red-soft: #3f1d19;--indigo: #9db2f4;--indigo-soft: #1d2641;--plum: #d2a4ea;--plum-soft: #2e1f38;--orange: #f4a76a;--orange-soft: #3d2514;--t-mid: #9a98a3;--t-low: #9db2f4;--t-fall: #f2877a;--t-high: #f2a541;--t-rise: #5dc0b8;--w0: #5dc0b8;--w1: #ee90c6;--w2: #9db2f4;--w3: #f2a541;--w4: #d2a4ea;--w5: #f4a76a;--dim-op: .62;--seg-on: #353b43;--hero-1: #0d3735;--hero-2: #104845;--hero-3: #175a52;--hero-line: rgba(255, 255, 255, .08);--k-letters: #f2ad5b;--k-vowels: #f28fae;--k-tones: #b8a3ff;--k-read: #deaf80;--k-vocab: #62d4aa;--k-dialog: #93b4ff;--k-num: #6fd2e8;--e1: 0 1px 0 rgba(255, 255, 255, .02), 0 10px 28px -18px rgba(0, 0, 0, .7);--e2: 0 20px 48px -20px rgba(0, 0, 0, .85)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:var(--fs-3);line-height:1.5;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;font-feature-settings:"ss01","cv11"}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;text-align:inherit}:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:8px}a{color:var(--acc-deep)}h1,h2,h3,h4,p{margin:0}[hidden]{display:none!important}::selection{background:var(--acc-soft)}svg.i{flex:none}.app{min-height:100%;display:flex;flex-direction:column;background:var(--bg);padding-top:env(safe-area-inset-top,0px)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s-1);padding:calc(var(--s-2) + env(safe-area-inset-top,0px)) var(--s-3) var(--s-2);min-height:56px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar h1{flex:1;font-size:var(--fs-3);font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:var(--s-2);color:var(--ink)}.topbar .tb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink);flex:none}.topbar .tb:active{background:var(--surface2)}.view{flex:1;width:100%;max-width:620px;margin:0 auto;padding:var(--s-1) var(--s-5) calc(var(--tab-h) + 32px + env(safe-area-inset-bottom,0px));animation:scr .18s ease-out}.view.no-tabs{padding-bottom:calc(var(--s-5) + env(safe-area-inset-bottom,0px))}.view.fit{display:flex;flex-direction:column;min-height:calc(100dvh - 60px)}@keyframes scr{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:2px;padding:var(--s-2) var(--s-3) calc(var(--s-2) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.tabbar a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0 2px;font-size:var(--fs-1);font-weight:600;letter-spacing:.005em;color:var(--ink2);min-height:54px;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color var(--d-fast)}.tabbar .pill{width:60px;height:32px;border-radius:var(--r-pill);display:grid;place-items:center;transition:background var(--d-fast),color var(--d-fast),transform var(--d-fast) var(--ease)}.tabbar a svg{width:24px;height:24px}.tabbar a svg .f{fill:currentColor;fill-opacity:0;transition:fill-opacity var(--d-fast)}.tabbar a:active .pill{transform:scale(.92)}.tabbar a.on{color:var(--ink);font-weight:700}.tabbar a.on .pill{background:var(--acc-soft);color:var(--acc-deep)}.tabbar a.on svg{stroke-width:2}.tabbar a.on svg .f{fill-opacity:.2}.tabbar a.on.t-jade .pill{background:var(--jade-soft);color:var(--jade)}.tabbar a.on.t-plum .pill{background:var(--plum-soft);color:var(--plum)}.tabbar a.on.t-indigo .pill{background:var(--indigo-soft);color:var(--indigo)}@media(max-width:350px){.tabbar a{font-size:11px;letter-spacing:-.01em}.tabbar .pill{width:52px}}@media(min-width:700px){.tabbar{max-width:620px;margin:0 auto;border-radius:20px 20px 0 0;border:1px solid var(--line);border-bottom:0}.view{padding-left:28px;padding-right:28px}body{background:radial-gradient(900px 560px at 85% -10%,#0f3d3a 0,transparent 60%),linear-gradient(160deg,#15191b,#0d0f11)}.app{max-width:720px;min-height:calc(100% - 28px);margin:14px auto;border-radius:28px;overflow:hidden;box-shadow:0 40px 90px -40px #000c;position:relative}.tabbar{position:sticky;bottom:0;left:auto;right:auto;max-width:none;margin:0}}@media(min-width:1100px){.app{max-width:780px}.view{max-width:680px}}.ltop{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s-2);padding:calc(var(--s-2) + env(safe-area-inset-top,0px)) var(--s-5) var(--s-2) var(--s-2);min-height:56px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ltop .tb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--ink2);flex:none}.ltop .tb:active{background:var(--surface2)}.lbar{flex:1;height:12px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink) 9%,transparent);overflow:hidden}.lbar i{display:block;height:100%;min-width:12px;border-radius:inherit;background:var(--acc);transition:width var(--d-med) var(--ease);box-shadow:inset 0 3px #ffffff47}.ltop .lmeta{font-size:var(--fs-1);font-weight:700;color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap}.th{font-family:var(--f-th);line-height:1.5;font-weight:500}.thm{font-family:var(--f-thm)}.rom{font-family:var(--f-rom);color:var(--jade);font-size:.95em;letter-spacing:.005em;font-weight:500}.ipa{font-family:var(--f-rom);color:var(--ink2);font-size:.85em}.mut{color:var(--ink2)}.sm{font-size:var(--fs-2)}.xs{font-size:var(--fs-1)}.ctr{text-align:center;text-wrap:balance}.b{font-weight:650}.serif{font-family:var(--f-display);font-weight:400;letter-spacing:-.01em}.h2{font-family:var(--f-ui);font-size:var(--fs-4);font-weight:700;color:var(--ink);letter-spacing:-.015em;margin:var(--s-7) 2px var(--s-3);display:flex;align-items:baseline;gap:var(--s-2);line-height:1.2}.h2:first-child{margin-top:var(--s-2)}.h2 .sp{flex:1}.h2 a,.h2 button{font-size:var(--fs-2);font-weight:650;color:var(--acc-deep);text-decoration:none;letter-spacing:0}.h2 .sm{font-weight:500;letter-spacing:0}.lead{font-size:var(--fs-3);color:var(--ink2);line-height:1.5;margin:2px 2px var(--s-4)}.title-xl{font-family:var(--f-display);font-size:var(--fs-5);font-weight:400;letter-spacing:-.02em;line-height:1.1}.sp{flex:1}.gap{height:var(--s-3)}.stack>*+*{margin-top:var(--s-3)}.row-flex{display:flex;align-items:center;gap:var(--s-3)}.eyebrow{font-size:var(--fs-1);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink2)}.num{font-variant-numeric:tabular-nums}.btn{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:var(--s-2);width:100%;min-height:56px;padding:var(--s-3) var(--s-5);border-radius:var(--r-md);font-weight:700;font-size:var(--fs-3);letter-spacing:-.005em;background:var(--btn);color:var(--btn-ink);transition:transform .08s,filter var(--d-fast),background var(--d-fast);text-decoration:none}.btn:active{transform:scale(.985);filter:brightness(.94)}@media(hover:hover){.btn:hover{filter:brightness(1.04)}}.btn.soft{background:var(--acc-soft);color:var(--acc-deep)}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line2)}.btn.ghost[aria-pressed=true]{background:var(--acc-soft);border-color:var(--acc);color:var(--acc-deep)}.btn.danger{background:var(--ko-soft);color:var(--ko)}.btn.quiet{background:transparent;color:var(--ink2);min-height:44px;font-weight:600}.btn.sm{min-height:44px;font-size:var(--fs-2);padding:var(--s-2) var(--s-3);line-height:1.2;border-radius:var(--r-sm)}.btn.auto{width:auto}.btn[disabled]{opacity:.4;pointer-events:none}.btn:not(.ghost):not(.quiet)[disabled]{opacity:1;background:var(--surface2);color:var(--ink3);box-shadow:inset 0 0 0 1px var(--line);filter:none}.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}.btn .fill{position:absolute;inset:0;z-index:-1;background:#ffffff38;transform-origin:left;transform:scaleX(0);animation:fill var(--d, 1s) linear forwards}@keyframes fill{to{transform:scaleX(1)}}.btns{display:flex;gap:var(--s-3)}.btns>*{flex:1 1 0;min-width:0}.btns>.ib{flex:none}.ib{width:48px;height:48px;border-radius:50%;display:inline-grid;place-items:center;font-size:19px;background:var(--surface);border:1.5px solid var(--line);color:var(--ink);flex:none;transition:transform .08s,background var(--d-fast)}.ib svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ib:active{transform:scale(.92);background:var(--surface2)}.ib.big{width:60px;height:60px;font-size:23px}.ib.big svg{width:26px;height:26px}.ib.pri{background:var(--btn);color:var(--btn-ink);border-color:transparent}.ib.sm{width:40px;height:40px;font-size:16px}.ib.sm svg{width:18px;height:18px}.ib.rec{background:var(--ko);color:var(--on-ko);border-color:transparent;animation:pulse 1.1s infinite}.ib.fav.on{color:var(--acc-deep);background:var(--acc-soft);border-color:transparent}@keyframes pulse{0%{box-shadow:0 0 #b8402e73}50%{box-shadow:0 0 0 10px #b8402e00}}.audio{display:flex;gap:var(--s-3);justify-content:center;align-items:center;margin:var(--s-3) 0}.chips{display:flex;gap:var(--s-2);overflow-x:auto;padding:2px var(--s-5) var(--s-3);margin:0 calc(-1 * var(--s-5));scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;min-height:40px;padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);background:var(--surface);border:1.5px solid var(--line);font-weight:600;font-size:var(--fs-2);color:var(--ink2);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.chip svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.seg{display:flex;background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-md);padding:3px;gap:3px}.seg button{flex:1;min-height:42px;border-radius:var(--r-sm);font-weight:600;font-size:var(--fs-2);color:var(--ink2);padding:var(--s-1) 6px;text-align:center;transition:background var(--d-fast),color var(--d-fast)}.seg button.on{background:var(--seg-on);color:var(--ink);box-shadow:0 1px 3px #0000001f,inset 0 0 0 1px var(--line)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--e1);padding:var(--s-4) var(--s-5)}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.row{display:flex;align-items:center;gap:var(--s-3);width:100%;text-align:left;padding:var(--s-3) var(--s-4);min-height:64px;border-top:1px solid var(--line);color:inherit;text-decoration:none}.row:first-child{border-top:0}button.row:active,a.row:active,.row.tap:active{background:var(--surface2)}@media(hover:hover){a.row:hover,button.row:hover{background:color-mix(in srgb,var(--surface2) 60%,var(--surface))}}.row .ico{width:40px;height:40px;border-radius:var(--r-sm);background:var(--surface2);color:var(--ink);display:grid;place-items:center;font-size:20px;flex:none}.row .ico svg,.ico svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.row.done .ico{background:var(--ok-soft);color:var(--ok);font-weight:700}.row .mid{flex:1;min-width:0}.row .t{display:block;font-weight:600;font-size:var(--fs-3);line-height:1.35}.row .s{display:block;font-size:var(--fs-2);color:var(--ink2);margin-top:2px;line-height:1.4}.row .mid>.th{display:block;font-size:calc(21px * var(--ths))}.row .s .th{font-size:calc(17px * var(--ths));color:var(--ink)}.row .end{flex:none;display:flex;align-items:center;gap:var(--s-2);color:var(--ink2);font-size:var(--fs-2)}.row .chev{color:var(--ink3);font-size:22px;line-height:1}.row.muted{color:var(--ink2)}.row.muted .t{color:var(--ink2);font-weight:600}.dot{width:10px;height:10px;border-radius:50%;background:var(--line2);display:inline-block;flex:none}.dot.m0{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line2)}.dot.m1{background:var(--acc)}.dot.m2{background:var(--ok)}.dot.m3{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.bar{height:8px;background:color-mix(in srgb,var(--ink) 9%,transparent);border-radius:var(--r-pill);overflow:hidden}.bar i{display:block;height:100%;background:var(--acc);border-radius:var(--r-pill);transition:width .5s var(--ease)}.bar.thin{height:6px}.tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-1);font-weight:650;padding:var(--s-1) 10px;border-radius:var(--r-pill);background:var(--surface2);color:var(--ink2);letter-spacing:.01em;line-height:1.3}.tag svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tag.M{background:var(--c-M-soft);color:var(--c-M)}.tag.H{background:var(--c-H-soft);color:var(--c-H)}.tag.L{background:var(--c-L-soft);color:var(--c-L)}.tag.gold,.tag.acc{background:var(--acc-soft);color:var(--acc-deep)}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.jade{background:var(--jade-soft);color:var(--jade)}.tag.ko{background:var(--ko-soft);color:var(--ko)}.note{background:var(--acc-soft);color:var(--ink);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:var(--fs-2);margin:var(--s-3) 0;line-height:1.5}.note.warn{background:var(--ko-soft)}.note.info{background:var(--jade-soft)}.note.plain{background:var(--surface2)}.pattern{font-family:var(--f-th);background:var(--ink);color:var(--bg);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:var(--fs-3);font-weight:600;margin:var(--s-3) 0}.empty{text-align:center;color:var(--ink2);padding:var(--s-8) var(--s-5)}.empty .e{font-size:40px;display:block;margin-bottom:var(--s-2);color:var(--ink3);line-height:1}.empty .e svg{width:40px;height:40px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.tile{position:relative;border-radius:var(--r-md);padding:var(--s-4);min-height:124px;background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s-1);text-align:left;transition:transform .08s,border-color var(--d-fast);text-decoration:none;color:inherit;overflow:hidden}.tile:active{transform:scale(.975)}@media(hover:hover){.tile:hover{border-color:var(--line2)}}.tile .ic{width:40px;height:40px;border-radius:var(--r-sm);background:var(--acc-soft);color:var(--acc-deep);display:grid;place-items:center;flex:none}.tile .ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tile .e{font-size:24px;line-height:1}.tile .th{font-size:24px;line-height:1.2;color:var(--ink);font-weight:600}.tile .t{font-weight:650;font-size:var(--fs-3);margin-top:auto;line-height:1.25;padding-top:var(--s-2)}.tile .s{font-size:var(--fs-1);color:var(--ink2);line-height:1.35}.tile .bar{margin-top:var(--s-2)}.tile.wide{grid-column:1 / -1;min-height:0;flex-direction:row;align-items:center;gap:var(--s-3)}.tile.wide .t{margin-top:0;padding-top:0}.tile.wide .s{display:block}.tile.feature{background:linear-gradient(135deg,var(--jade-soft),var(--surface) 78%);border-color:transparent}.tile.jade-fill{background:linear-gradient(135deg,var(--jade-soft),var(--surface) 75%)}@media(min-width:700px){.tiles{grid-template-columns:repeat(3,1fr)}.tile.wide{grid-column:1 / -1}}.lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--s-2)}.cell{position:relative;aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--f-th);font-size:30px;line-height:1;color:var(--ink)}.cell:active{transform:scale(.94)}.cell.M{color:var(--c-M)}.cell.H{color:var(--c-H)}.cell.L{color:var(--c-L)}.cell .dot{position:absolute;top:6px;right:6px;width:7px;height:7px}.cell small{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-family:var(--f-rom);font-size:10.5px;color:var(--ink2)}.cell.wide{aspect-ratio:auto;min-height:64px;font-size:26px;padding-bottom:var(--s-3)}.cell.sel{background:var(--acc-soft);box-shadow:inset 0 0 0 2px var(--acc)}.cell.locked{opacity:.62}.stage{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--e1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--s-6) var(--s-4);min-height:200px;overflow:hidden}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 100%,var(--acc-soft) 0,transparent 70%);opacity:.6;pointer-events:none}.stage>*{position:relative;z-index:1}.stage .big{font-family:var(--f-th);font-weight:500;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere;max-width:100%;color:var(--ink)}.big.s1{font-size:clamp(96px,38vw,156px);line-height:1.22}.big.s2{font-size:clamp(58px,20vw,88px)}.big.s3{font-size:clamp(40px,12vw,56px)}.big.s4{font-size:clamp(30px,8.4vw,40px)}.big.s5{font-size:clamp(23px,6.2vw,30px)}.stage .frbig{font-family:var(--f-display);font-size:clamp(28px,8vw,38px);font-weight:400;letter-spacing:-.01em;line-height:1.15}.stage .tag{position:absolute;top:var(--s-3);left:var(--s-3);z-index:2}.stage .corner{position:absolute;top:var(--s-2);right:var(--s-2);z-index:2;display:flex;gap:2px}.stage .tag.center{left:50%;transform:translate(-50%)}.stage .hint{position:absolute;bottom:10px;left:0;right:0;font-size:var(--fs-1);color:var(--ink2);z-index:2}.stage.compact{min-height:124px;padding:var(--s-4)}.stage.compact:before{display:none}.stage.ear{min-height:124px;gap:var(--s-2)}.stage.ear:before{display:none}.stage.ear .ear-ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc-deep)}.stage.ear .ear-ic svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.stage .rom.plain{font-size:clamp(20px,6vw,26px);font-weight:500;letter-spacing:.01em;opacity:.9}.stage .rom.reveal{font-size:22px;font-weight:600}.modern{margin-top:var(--s-1);padding:1px var(--s-2);border-radius:8px;font-size:var(--fs-1);color:var(--ink2);display:flex;align-items:center;gap:var(--s-2);justify-content:center}.modern .thm{font-size:26px;color:var(--ink);line-height:1.2}.ans{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--e1);padding:var(--s-4);margin-top:var(--s-3);animation:reveal var(--d-med) var(--ease)}@keyframes reveal{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.ans .l1{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.ans .l1 .th{font-size:calc(24px * var(--ths))}.ans .l1 .rom{font-size:18px;font-weight:600}.ans .fr{font-size:17px;font-weight:600;margin-top:2px}dl.kv{display:grid;grid-template-columns:auto 1fr;gap:var(--s-1) var(--s-3);font-size:var(--fs-2);margin:var(--s-3) 0 0}dl.kv dt{color:var(--ink2)}dl.kv dd{margin:0}.ex{margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px dashed var(--line2);display:flex;gap:10px;align-items:center}.ex .mid{flex:1;min-width:0}.ex .th{font-size:calc(19px * var(--ths));display:block}.sess{display:flex;align-items:center;gap:var(--s-3);margin:0 0 var(--s-3)}.sess .bar{flex:1}.sess .n{font-size:var(--fs-1);color:var(--ink2);font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}.steps{display:flex;gap:var(--s-1);flex:1}.steps i{flex:1;height:6px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink) 10%,transparent)}.steps i.done{background:var(--acc)}.steps i.cur{background:var(--ink)}.qprompt{font-family:var(--f-ui);font-size:var(--fs-4);font-weight:700;text-align:center;margin:var(--s-1) 0 var(--s-3);color:var(--ink);letter-spacing:-.015em;line-height:1.25;text-wrap:balance}.qtimer{display:flex;justify-content:flex-end;margin:-4px 0 var(--s-1)}.choices{display:grid;gap:10px;margin-top:var(--s-3)}.choices.c2{grid-template-columns:1fr 1fr}.choices.c2 .choice:last-child:nth-child(odd){grid-column:1 / -1}.choice{position:relative;min-height:64px;border-radius:var(--r-md);background:var(--surface);border:1.5px solid var(--line2);padding:10px var(--s-3);font-weight:600;font-size:var(--fs-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;transition:transform .06s,border-color var(--d-fast),background var(--d-fast);box-shadow:0 2px 0 var(--line)}.choice:active{transform:translateY(1px) scale(.99);background:var(--surface2);box-shadow:none}.choice .th{font-size:calc(24px * var(--ths))}.choice.lg .th{font-size:calc(38px * var(--ths));line-height:1.2}.choice .rom{font-size:15px}.choice .rom.solo{font-size:var(--fs-4)}@media(hover:hover){.choice:hover{border-color:var(--ink3)}}.choice .k{display:none;position:absolute;top:6px;left:var(--s-2);font-size:10.5px;font-weight:700;color:var(--ink2);opacity:.55;font-variant-numeric:tabular-nums}.choice.ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok);box-shadow:0 2px color-mix(in srgb,var(--ok) 35%,transparent)}.choice.ko{background:var(--ko-soft);border-color:var(--ko);color:var(--ko);animation:shake .3s;box-shadow:none}.choice.dim{opacity:var(--dim-op);box-shadow:none}.choices.lock .choice{pointer-events:none}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.qfoot{position:sticky;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));z-index:5;margin:var(--s-4) calc(-1 * var(--s-5)) calc(-1 * var(--s-4));padding:var(--s-4) var(--s-5);background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -18px 30px -24px #16151a59;animation:qf .2s ease-out}.no-tabs .qfoot{bottom:0;padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px))}@keyframes qf{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.qfoot.ok{border-top-color:transparent;background:var(--ok-soft)}.qfoot.ko{border-top-color:transparent;background:var(--ko-soft)}.qfoot.ok .btn:not(.ghost):not(.soft){background:var(--ok);color:var(--on-ok)}.qfoot.ko .btn:not(.ghost):not(.soft){background:var(--ko);color:var(--on-ko)}.qfoot .qfin{max-height:36vh;overflow-y:auto;font-size:var(--fs-2);margin-bottom:var(--s-3);-webkit-overflow-scrolling:touch}.qfoot .qfin ol{margin:6px 0 0;padding-left:var(--s-5)}.qfoot .good .th{font-size:19px}.qfoot .meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--fs-1);color:var(--ink2);margin-bottom:var(--s-2)}.verdict{font-weight:700;font-size:var(--fs-3);display:inline-flex;align-items:center;gap:6px}.verdict.ok{color:var(--ok)}.verdict.ko{color:var(--ko)}.verdict.near{color:var(--acc-deep)}.verdict svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.timer{font-variant-numeric:tabular-nums;font-weight:650;color:var(--ink2);font-size:var(--fs-2)}.score{font-family:var(--f-display);font-size:64px;font-weight:400;letter-spacing:-.03em;line-height:1;color:var(--ink)}.score small{font-size:var(--fs-5);color:var(--ink2)}.tline{display:flex;gap:var(--s-2);flex-wrap:wrap;min-height:60px;padding:10px;border-radius:var(--r-md);border:1.5px dashed var(--line2);background:var(--surface2);align-content:flex-start}.tok{min-height:46px;padding:6px 14px;border-radius:var(--r-sm);background:var(--surface);border:1.5px solid var(--line2);font-family:var(--f-th);font-size:calc(22px * var(--ths));line-height:1.4}.tok:active{transform:scale(.95)}.tok.used{opacity:.25;pointer-events:none}.field{width:100%;min-height:54px;border-radius:var(--r-md);border:1.5px solid var(--line2);background:var(--surface);padding:10px 14px;font-size:17px;outline:none;transition:border-color var(--d-fast)}.field:focus{border-color:var(--acc)}textarea.field{min-height:110px;font-size:13px;font-family:ui-monospace,monospace}label.f{display:block;font-size:var(--fs-2);color:var(--ink2);font-weight:600;margin:var(--s-5) 2px var(--s-2);letter-spacing:.01em}.rate{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2);margin-top:var(--s-3)}.rate button{--rc: var(--ink2);min-height:60px;border-radius:var(--r-md);background:var(--surface);border:1.5px solid var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:var(--fs-1);font-weight:650;color:var(--ink);padding:6px 2px;text-align:center;line-height:1.1}.rate button i{display:block;width:12px;height:12px;border-radius:50%;background:var(--rc)}.rate button span{font-size:22px;line-height:1.1}.rate button[data-q="0"]{--rc: var(--ko)}.rate button[data-q="1"]{--rc: var(--orange)}.rate button[data-q="2"]{--rc: var(--acc)}.rate button[data-q="3"]{--rc: var(--ok)}.rate button:active,.rate button.cur{border-color:var(--rc);background:color-mix(in srgb,var(--rc) 10%,var(--surface))}.pairs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin:6px 0}.pr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 6px;border-radius:var(--r-md);background:var(--surface);border:1.5px solid var(--line2);min-height:64px;text-align:center;font-weight:600;font-size:15px;box-shadow:0 2px 0 var(--line)}.pr.on{border-color:var(--acc);background:var(--acc-soft)}.pr.ok{border-color:var(--ok);background:var(--ok-soft);opacity:.5;pointer-events:none;box-shadow:none}.pr.ko{border-color:var(--ko);animation:shake .3s}.pr .th{font-size:calc(22px * var(--ths))}.posmap{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:var(--s-1);margin:var(--s-1) auto}.posmap i{border-radius:8px;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:11px;color:var(--ink2)}.posmap i.c{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:700}.posmap i.on{background:var(--acc-soft);border-color:var(--acc);color:var(--acc-deep);font-weight:700}.posmap i.x{visibility:hidden}.tone{display:flex;align-items:center;gap:var(--s-3)}.tone svg{width:84px;height:54px;flex:none;background:var(--surface2);border-radius:10px}.tone svg path{fill:none;stroke-width:4;stroke-linecap:round}.tsvg{width:44px;height:28px}.tsvg path{fill:none;stroke-width:4.5;stroke-linecap:round}.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-bottom:var(--s-3)}.tbl table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13.5px}.tbl th,.tbl td{padding:var(--s-2) 3px;text-align:center;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.tbl th{background:var(--surface2);font-weight:650;color:var(--ink2);font-size:var(--fs-1)}.tbl td:last-child,.tbl th:last-child{border-right:0}.tbl td button{font-weight:700;min-height:40px;width:100%;font-size:var(--fs-1);text-align:center}.tbl th:first-child{width:22%}.tbl tr:last-child td{border-bottom:0}.tbl td.na{color:var(--line2)}.step{display:flex;gap:var(--s-3);padding:var(--s-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:10px}.step .num{width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:700;flex:none;font-size:15px}.step h3{font-size:var(--fs-3);margin-bottom:var(--s-1);font-weight:650}.step p{font-size:var(--fs-2);color:var(--ink2)}.step p+p{margin-top:6px}.step .th{font-size:18px;color:var(--ink)}.step.tap{cursor:pointer}.step .ex-line{margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px dashed var(--line)}.step .ex-list{display:flex;flex-wrap:wrap;gap:6px 14px}.tsrow{display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center;margin:2px 0 var(--s-3)}.tsbtn{flex:1 1 0;min-width:64px;max-width:130px;border-radius:var(--r-md);background:var(--surface);border:1.5px solid var(--line2);padding:var(--s-2) var(--s-1) 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.tsbtn .th{font-size:32px;line-height:1.35}.tsbtn small{font-size:11.5px;font-weight:650}.tsbtn.on{border-color:var(--acc);background:var(--acc-soft)}.tchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tchip{display:inline-flex;flex-direction:column;align-items:center;padding:var(--s-1) 9px 5px;border-radius:var(--r-sm);background:var(--surface2);color:var(--c);font-size:11px;line-height:1.25}.tchip b{font-family:var(--f-rom);font-size:15.5px;font-weight:650}.tchip i{font-style:normal;font-weight:600}.tchip .tsvg{width:36px;height:20px}.syls{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}.syl{min-height:58px;border-radius:var(--r-md);background:var(--surface);border:1.5px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px var(--s-1)}.syl b{font-family:var(--f-th);font-weight:500;font-size:24px;line-height:1.3}.syl em{font-style:normal;font-family:var(--f-rom);font-size:12.5px;color:var(--jade);font-weight:650}.syl:active{background:var(--acc-soft)}.lglyph{width:54px;height:54px;border-radius:var(--r-sm);background:var(--surface2);display:grid;place-items:center;font-size:32px;line-height:1;flex:none;font-family:var(--f-th)}.lglyph.sm-num{font-size:24px}.bub{max-width:88%;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 20px 6px;padding:10px var(--s-3);margin:0 0 10px}.bub.me{margin-left:auto;background:var(--acc-soft);border-color:transparent;border-radius:20px 20px 6px}.bub .who{font-size:var(--fs-1);font-weight:650;color:var(--ink2);margin-bottom:2px}.bub .th{font-size:calc(21px * var(--ths));display:block}.bub .rom{display:block;margin-top:2px}.bub .tr{display:block;font-size:var(--fs-2);color:var(--ink2);margin-top:3px}.bub .acts{display:flex;gap:6px;margin-top:var(--s-2);flex-wrap:wrap}.mini{min-width:40px;height:40px;padding:0 6px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line2);font-size:var(--fs-2);display:inline-grid;place-items:center}.bub.me .mini{background:var(--surface)}.mini.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.mini svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mini.txt{font-size:var(--fs-1);font-weight:650;padding:0 10px}.sent{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;margin-bottom:10px}.sent>.th{font-size:calc(26px * var(--ths));display:block;line-height:1.6}.sent.l1>.th{font-size:calc(34px * var(--ths));letter-spacing:.04em}.wbw{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.wbw span{background:var(--surface2);border-radius:10px;padding:5px 9px;font-size:var(--fs-1);color:var(--ink2);text-align:center}.wbw span b{display:block;font-family:var(--f-th);font-size:calc(18px * var(--ths));color:var(--ink);font-weight:500}.wbw span em{display:block;font-style:normal;font-family:var(--f-rom);color:var(--jade)}.w0{color:var(--w0)}.w1{color:var(--w1)}.w2{color:var(--w2)}.w3{color:var(--w3)}.w4{color:var(--w4)}.w5{color:var(--w5)}.wx{color:var(--ink2)}.wchips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:10px;max-width:100%}.wchip{display:inline-flex;flex-direction:column;align-items:center;padding:var(--s-1) 9px 5px;border-radius:var(--r-sm);background:var(--surface2);border:1.5px solid currentColor;max-width:100%;text-align:center;line-height:1.25}.wchip b{font-family:var(--f-th);font-weight:600;font-size:18px;line-height:1.45}.wchip em{font-style:normal;font-family:var(--f-rom);font-size:12.5px;font-weight:650}.wchip i{font-style:normal;font-size:12.5px;color:var(--ink);overflow-wrap:anywhere}.wchip.wx{border-style:dashed}.wchip.wx i{color:var(--ink2)}.dlgbar{display:flex;gap:var(--s-2);margin-bottom:14px}.dlgbar .btn{flex:1 1 0;min-width:0;padding:var(--s-2) 6px;font-size:var(--fs-2)}.bub.playing{box-shadow:0 0 0 2px var(--acc)}.bub.playing .who:after{content:" · lecture";color:var(--acc-deep)}.wpad{position:relative;width:100%;max-width:min(100%,52vh);aspect-ratio:1;margin:0 auto;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);overflow:hidden;box-shadow:var(--e1)}.wpad canvas{position:absolute;inset:0;width:100%;height:100%}.wpad canvas.fg{touch-action:none}.strip{display:flex;gap:6px;overflow-x:auto;padding:2px var(--s-5) var(--s-2);margin:0 calc(-1 * var(--s-5));scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.strip button{flex:none;min-width:46px;height:46px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line2);font-family:var(--f-th);font-size:22px;padding:0 var(--s-2)}.strip button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.showbig{position:fixed;inset:0;z-index:60;background:var(--surface);display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top,0px)) var(--s-5) calc(var(--s-5) + env(safe-area-inset-bottom,0px));animation:scr .16s}.showbig .mid{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:14px;overflow:auto}.showbig .th{font-size:clamp(40px,12.5vw,76px);line-height:1.45;font-weight:600}.showbig .rom{font-size:19px}.showbig .fr{font-size:17px;color:var(--ink2)}.tel{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-3)}.tel a{flex:1 1 45%;text-decoration:none;background:var(--ko-soft);color:var(--ko);border-radius:var(--r-md);padding:10px var(--s-3);font-weight:650;font-size:var(--fs-2)}.tel a b{font-size:22px;display:block}.scrim{position:fixed;inset:0;background:#0c0b0e80;z-index:40;animation:fade .2s}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:50;max-width:620px;margin:0 auto;background:var(--bg2);border-radius:28px 28px 0 0;max-height:92%;overflow-y:auto;padding:10px var(--s-4) calc(var(--s-5) + env(safe-area-inset-bottom,0px));box-shadow:var(--e2);animation:up .24s var(--ease)}@keyframes up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.sheet:before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--line2);margin:0 auto 10px}.shead{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-2)}.shead b{font-size:var(--fs-3)}.shead .sp{flex:1}.sheet-foot{margin-top:var(--s-4)}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:80;background:var(--ink);color:var(--bg);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--fs-2);font-weight:550;max-width:min(92vw,500px);text-align:center;animation:up .22s;box-shadow:var(--e2)}.status{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-2);padding:10px 0}.status i{font-style:normal;flex:none}.vlist{max-height:240px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md)}.vlist .v{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:var(--s-2) var(--s-3);border-top:1px solid var(--line);font-size:13.5px}.vlist .v:first-child{border-top:0}.vlist .v code{flex:none;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--surface2);border-radius:6px;padding:2px 6px;color:var(--ink2)}.vlist .v.is{background:var(--ok-soft);font-weight:650}input[type=range]{width:100%;accent-color:var(--acc);height:36px}select.field{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink2) 50%),linear-gradient(135deg,var(--ink2) 50%,transparent 50%);background-position:calc(100% - 22px) 55%,calc(100% - 16px) 55%;background-size:6px 6px;background-repeat:no-repeat;font-size:var(--fs-3)}.home-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin:var(--s-3) 0 var(--s-4)}.streak{font-weight:650;font-size:var(--fs-2);background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);white-space:nowrap}.cta{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"n body" ". foot";align-items:start;column-gap:var(--s-4);width:100%;text-align:left;border-radius:var(--r-lg);padding:var(--s-5) var(--s-5) var(--s-4) var(--s-4);color:var(--hero-ink);text-decoration:none;background:linear-gradient(135deg,var(--hero-1) 0%,var(--hero-2) 58%,var(--hero-3) 100%);border:1px solid var(--hero-line);box-shadow:var(--e2);transition:transform .08s}.cta:active{transform:scale(.985)}.cta:before{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-130px;border-radius:50%;background:radial-gradient(circle,#f7c35f6b 0,#f7c35f00 65%);z-index:-1}.cta:after{content:"ภาษา";position:absolute;right:-4px;bottom:-30px;font-family:var(--f-th);font-size:104px;line-height:1;color:#ffffff0f;z-index:-1;font-weight:600;letter-spacing:-.02em}.cta>.lbadge{grid-area:n;background:#fffffff5;color:var(--kd);box-shadow:0 8px 18px -10px #0000008c}.cta .body{grid-area:body;min-width:0;display:flex;flex-direction:column}.cta .k{font-size:var(--fs-1);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--hero-acc)}.cta .t{font-family:var(--f-display);font-size:26px;font-weight:400;letter-spacing:-.01em;line-height:1.12;margin:3px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cta .t.long{font-size:22px}.cta .t .part{font-family:var(--f-ui);font-size:13px;font-weight:600;color:#fff9;margin-left:8px;vertical-align:4px;letter-spacing:0}.cta .s{opacity:.8;font-size:var(--fs-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cta .pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-3)}.cta .pills>span{font-size:var(--fs-1);font-weight:600;line-height:1;padding:6px 10px;border-radius:var(--r-pill);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff29;color:#ffffffeb;white-space:nowrap}.cta .pills>.kl{background:#fffffff5;box-shadow:none;color:var(--kd);font-weight:700}.cta .foot{grid-area:foot;display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-4);min-width:0}.cta .go{flex:none;min-height:42px;display:inline-flex;align-items:center;gap:6px;background:var(--acc);color:var(--on-acc);border-radius:var(--r-pill);padding:0 var(--s-4) 0 18px;font-weight:700;font-size:var(--fs-2);box-shadow:0 6px 16px -8px #00000080}.cta .go svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cta .where{font-size:var(--fs-1);line-height:1.35;color:#ffffff9e;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prog{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prog>*{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-3) 14px;text-align:left;color:inherit;text-decoration:none;display:block}.prog .k{font-size:var(--fs-1);color:var(--ink2);display:flex;justify-content:space-between;gap:6px;margin-bottom:var(--s-2)}.prog .k b{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}@media(min-width:700px){.prog{grid-template-columns:repeat(4,1fr)}}.chead{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1);margin:var(--s-1) 0 6px;text-decoration:none;color:inherit}.chead .mid{flex:1;min-width:0}.chead .name{font-size:var(--fs-4);font-weight:700;letter-spacing:-.01em}.cring{--p: 0;width:78px;height:78px;border-radius:50%;flex:none;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--acc) calc(var(--p) * 1%),color-mix(in srgb,var(--acc) 16%,transparent) 0);position:relative}.cring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--surface)}.cring b,.cring small{position:relative;z-index:1;display:block;line-height:1}.cring b{font-family:var(--f-display);font-size:26px;font-weight:400}.cring small{font-size:11px;color:var(--ink2);margin-top:2px}.lrow.ok .ico{background:var(--ok-soft);color:var(--ok);font-weight:700}.lrow.cur .ico{background:var(--ink);color:var(--bg)}.lrow.todo .ico{font-family:var(--f-ui);font-size:var(--fs-2);font-weight:700;color:var(--ink2);background:var(--surface2)}.lrow.todo .t{color:var(--ink2)}.lrow.granted .ico{background:var(--acc-soft);color:var(--acc-deep)}.lrow.avail .ico{background:var(--surface2);color:var(--ink);font-family:var(--f-ui);font-size:var(--fs-2);font-weight:700}.unit-head{display:flex;align-items:center;gap:10px;margin:var(--s-6) 2px var(--s-2)}.unit-head h3{font-size:var(--fs-3);font-weight:700;letter-spacing:-.01em}.unit-head .s{font-size:var(--fs-1);color:var(--ink2)}.recap{text-align:center;padding:var(--s-6) var(--s-4) var(--s-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1);margin-top:6px}.recap.ok{background:linear-gradient(var(--ok-soft),var(--surface) 70%)}.recap.ko{background:linear-gradient(var(--ko-soft),var(--surface) 70%)}.recap .score{color:var(--ink)}.recap.ok .score{color:var(--ok)}.recap.ko .score{color:var(--ko)}.recap .medal{width:64px;height:64px;margin:0 auto var(--s-3);border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--acc-deep);box-shadow:var(--e1)}.recap.ok .medal{color:var(--ok)}.recap.ko .medal{color:var(--ko)}.recap .medal svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.recap .verdict-t{font-size:var(--fs-4);font-weight:700;margin-top:var(--s-2);letter-spacing:-.01em}.cal{display:grid;grid-template-columns:repeat(14,1fr);gap:3px}.cd{aspect-ratio:1 / 1.35;border-radius:8px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid var(--line)}.cd small{font-size:9px;color:var(--ink2);line-height:1}.cd b{font-size:var(--fs-1);font-weight:650;color:var(--ink2);line-height:1}.cd.ok{background:var(--ok-soft);border-color:transparent}.cd.ok b{color:var(--ok)}.cd.some{background:var(--acc-soft);border-color:transparent}.cd.now{box-shadow:inset 0 0 0 2px var(--acc)}.lessonbar{position:sticky;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));z-index:5;display:flex;align-items:center;gap:10px;margin:var(--s-4) calc(-1 * var(--s-5)) -28px;padding:var(--s-3) var(--s-5);background:var(--ink);color:var(--bg);border-radius:20px 20px 0 0;box-shadow:var(--e2)}.no-tabs .lessonbar{bottom:0;padding-bottom:calc(var(--s-3) + env(safe-area-inset-bottom,0px))}.lessonbar .lb{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.lessonbar .lb b{font-size:var(--fs-2)}.lessonbar .lb small{font-size:var(--fs-1);opacity:.78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lessonbar .btn{width:auto;flex:none;background:var(--bg);color:var(--ink);min-height:42px;padding:var(--s-2) var(--s-4)}.badge{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-3) 6px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);text-align:center;font-size:var(--fs-1);font-weight:600;color:var(--ink2)}.badge .e{font-size:30px;filter:grayscale(1);opacity:.3}.badge.on .e{filter:none;opacity:1}.badge.on{color:var(--ink);border-color:var(--acc)}.badge .d{font-weight:500}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.welcome{display:flex;flex-direction:column;min-height:calc(100dvh - 20px);padding:var(--s-7) var(--s-6) var(--s-6);background:radial-gradient(420px 320px at 100% -10%,var(--acc-soft) 0,transparent 70%)}.welcome .logo{font-family:var(--f-th);font-size:68px;line-height:1.15;color:var(--acc-deep);font-weight:600;letter-spacing:-.01em}.welcome h2{font-family:var(--f-display);font-size:var(--fs-6);font-weight:400;letter-spacing:-.02em;line-height:1.05;margin:var(--s-1) 0 10px}.welcome h2.sm-title{font-size:var(--fs-5)}.opt{display:flex;align-items:center;gap:var(--s-3);width:100%;text-align:left;min-height:58px;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface);border:1.5px solid var(--line2);margin-top:var(--s-2);font-weight:600;transition:border-color var(--d-fast),box-shadow var(--d-fast)}.opt.on{border-color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink)}.opt small{display:block;font-weight:500;color:var(--ink2);font-size:var(--fs-2)}.opt .e{font-size:22px}.opt .ico{width:40px;height:40px;border-radius:var(--r-sm);background:var(--acc-soft);color:var(--acc-deep);display:grid;place-items:center;flex:none}.opt.goal{align-items:flex-start;margin-top:0;padding:var(--s-4)}.opt .ot{display:block;font-size:var(--fs-3)}.lvl{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.lvl button{min-height:44px;border-radius:var(--r-sm);background:var(--surface);border:1.5px solid var(--line2);font-weight:700;font-size:13px;color:var(--ink2)}.lvl button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.skillcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;margin-top:var(--s-3)}.skillcard h3{font-size:var(--fs-3);font-weight:650;display:flex;justify-content:space-between;align-items:baseline}.skillcard h3 small{font-size:13px;color:var(--acc-deep);font-weight:600}.skillcard p{font-size:13.5px;color:var(--ink2);margin:var(--s-1) 0 10px}.sharecard{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--e1)}.sharecard canvas{width:100%;display:block}.update-banner{position:fixed;left:50%;top:calc(var(--s-3) + env(safe-area-inset-top,0px));transform:translate(-50%);z-index:90;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:var(--r-md);display:flex;gap:10px;align-items:center;font-size:var(--fs-2);box-shadow:var(--e2);max-width:94vw}.update-banner button{background:var(--bg);color:var(--ink);border-radius:10px;padding:6px var(--s-3);font-weight:700}.spellzone{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center;min-height:64px;padding:10px;border-radius:var(--r-md);border:1.5px dashed var(--line2);background:var(--surface2);font-family:var(--f-th);font-size:calc(36px * var(--ths));line-height:1.3;align-items:center}.spellzone .ph{font-size:15px;font-family:var(--f-ui);color:var(--ink2)}.tiles-spell{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center;margin-top:var(--s-3)}.tiles-spell button{min-width:52px;height:56px;border-radius:var(--r-md);background:var(--surface);border:1.5px solid var(--line2);font-family:var(--f-th);font-size:30px;line-height:1;padding:0 var(--s-2);box-shadow:0 2px 0 var(--line)}.tiles-spell button.used{opacity:.25;pointer-events:none}.theory-block+.theory-block{margin-top:14px}.theory-title{font-family:var(--f-display);font-size:var(--fs-5);font-weight:400;letter-spacing:-.02em;line-height:1.1;margin:var(--s-2) 0 var(--s-1);text-wrap:balance}.theory-sub{color:var(--ink2);font-size:var(--fs-2);margin-bottom:var(--s-4)}.theory-text{color:var(--ink);margin-bottom:6px}.duel{position:fixed;inset:0;z-index:45;display:grid;grid-template-rows:1fr auto 1fr;background:var(--bg);padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}.duel.side{grid-template-rows:1fr;grid-template-columns:1fr auto 1fr}.duel .mid{display:flex;align-items:center;justify-content:center;gap:14px;font-size:var(--fs-1);font-weight:600;color:var(--ink2);padding:var(--s-1) 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface2);font-variant-numeric:tabular-nums}.duel.side .mid{flex-direction:column;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);padding:10px var(--s-1)}.half{display:flex;flex-direction:column;padding:10px var(--s-3);min-height:0;overflow:hidden;transition:background .2s}.duel.face .half.p1{transform:rotate(180deg)}.half header{display:flex;align-items:center;gap:var(--s-2);font-size:var(--fs-2);color:var(--ink2)}.half header b{color:var(--ink);font-size:15px}.half .score-pill{margin-left:auto;min-width:32px;text-align:center;padding:3px 10px;border-radius:var(--r-pill);background:var(--ink);color:var(--bg);font-weight:700;font-variant-numeric:tabular-nums}.half .verdict-mini{font-weight:700;color:var(--ok)}.half .stem{flex:1;display:grid;place-items:center;text-align:center;min-height:64px;padding:var(--s-1)}.half .stem .big-h{font-size:clamp(30px,8vw,54px);line-height:1.3}.half .stem .frbig{font-family:var(--f-display);font-size:clamp(22px,5.5vw,32px);line-height:1.15}.duel-choices{margin-top:6px;gap:7px}.duel-choices .choice{min-height:50px;padding:6px var(--s-2);font-size:14.5px;border-radius:13px}.duel-choices .choice .th{font-size:calc(19px * var(--ths))}.half.won{background:var(--ok-soft)}.half.lost{background:color-mix(in srgb,var(--ko-soft) 55%,var(--bg))}@media(max-height:620px){.half .stem{min-height:44px}.duel-choices .choice{min-height:42px}}.versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:18px var(--s-3);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1)}.versus .side{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:var(--r-md);text-align:center}.versus .side.win{background:var(--acc-soft)}.versus .side .name{font-weight:650;font-size:var(--fs-2)}.versus .side .big{font-family:var(--f-display);font-size:46px;line-height:1}.versus .side .big small{font-size:18px;color:var(--ink2)}.versus .vs{font-family:var(--f-display);font-style:italic;color:var(--ink2);font-size:var(--fs-4)}.result-ic{width:64px;height:64px;margin:0 auto var(--s-2);border-radius:50%;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc-deep)}.result-ic svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}details.note summary{cursor:pointer;font-weight:600}.oral-main{display:block;font-family:var(--f-rom);font-size:clamp(26px,7.5vw,34px);font-weight:600;color:var(--jade);letter-spacing:.01em;line-height:1.2}.big.s4.oral-sub{font-size:clamp(24px,6.5vw,32px);color:var(--ink2);font-weight:400;margin-top:6px}.choice .rom.main{font-size:17px;font-weight:600}.choice .th.sub{font-size:calc(16px * var(--ths));color:var(--ink2)}.pr .rom.main{font-size:15px;font-weight:600}.pr .th.sub{font-size:calc(15px * var(--ths));color:var(--ink2)}.tonecheck{margin-top:var(--s-3);padding:14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line)}.tonecheck svg{width:100%;height:96px;background:var(--surface2);border-radius:var(--r-sm)}.tonecheck svg path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.tonecheck svg .me{stroke:var(--ink);stroke-dasharray:5 4}.tonecheck .legend{display:flex;gap:14px;font-size:var(--fs-1);color:var(--ink2);margin-top:6px}.tonecheck .legend i{display:inline-block;width:18px;height:3px;border-radius:2px;vertical-align:middle;margin-right:5px}.btn.listening{background:var(--ko);color:var(--on-ko);animation:pulse 1.1s infinite}.pron{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);margin-top:var(--s-3);animation:reveal var(--d-med) var(--ease)}.pron .cring{width:66px;height:66px}.pron .cring b{font-size:22px}.pron .cring:before{inset:5px}.cring[data-tone=ok]{background:conic-gradient(var(--ok) calc(var(--p) * 1%),color-mix(in srgb,var(--ok) 16%,transparent) 0)}.cring[data-tone=near]{background:conic-gradient(var(--acc) calc(var(--p) * 1%),color-mix(in srgb,var(--acc) 16%,transparent) 0)}.cring[data-tone=ko]{background:conic-gradient(var(--ko) calc(var(--p) * 1%),color-mix(in srgb,var(--ko) 16%,transparent) 0)}.pwords{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-2)}.pw{display:inline-flex;flex-direction:column;align-items:center;padding:3px 9px var(--s-1);border-radius:10px;border:1.5px solid currentColor;line-height:1.25}.pw b{font-family:var(--f-th);font-weight:500;font-size:18px}.pw em{font-style:normal;font-family:var(--f-rom);font-size:11.5px;font-weight:600}.pw.ok{color:var(--ok);background:var(--ok-soft)}.pw.near{color:var(--acc-deep);background:var(--acc-soft)}.pw.ko{color:var(--ko);background:var(--ko-soft)}.kbd{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;background:var(--surface2);border-radius:6px;padding:1px 6px}.toneline.ok{color:var(--ok)}.toneline.near{color:var(--acc-deep)}.toneline.ko{color:var(--ko)}.peek{position:sticky;bottom:calc(var(--tab-h) + var(--s-2) + env(safe-area-inset-bottom,0px));z-index:6;margin:var(--s-4) -6px 0;padding:10px 10px 10px var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--e2);display:flex;flex-direction:column;gap:var(--s-2);animation:up .22s var(--ease)}.peek-main{display:flex;align-items:center;gap:var(--s-3);text-align:left;width:100%;color:inherit}.peek-main .glyph{font-family:var(--f-th);font-size:44px;line-height:1;width:58px;height:58px;border-radius:var(--r-md);background:var(--surface2);display:grid;place-items:center;flex:none;color:var(--ink)}.peek-main .glyph.M{color:var(--c-M)}.peek-main .glyph.H{color:var(--c-H)}.peek-main .glyph.L{color:var(--c-L)}.peek-main .txt{display:flex;flex-direction:column;gap:2px;min-width:0}.peek-main .txt b{font-weight:600;font-size:var(--fs-3)}.peek-main .txt b .th{font-size:calc(19px * var(--ths))}.peek-main .txt u{text-decoration-color:var(--acc);text-underline-offset:3px}.peek-acts{display:flex;gap:var(--s-2);justify-content:flex-end}.peek-acts .ib{width:46px;height:46px}.peek-acts .ib:last-child{margin-left:auto}.listen-stage{min-height:260px}.listen-stage .big.s1{font-size:clamp(110px,40vw,170px)}.listen-sub{display:flex;flex-wrap:wrap;gap:6px var(--s-2);justify-content:center;align-items:baseline;font-size:15px;margin-top:var(--s-1)}.takes{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap;justify-content:center}.take{font-size:var(--fs-1);font-weight:600;padding:var(--s-1) 10px;border-radius:var(--r-pill);background:var(--surface2);color:var(--ink2);transition:background .2s,color .2s}.take.on{background:var(--ink);color:var(--bg)}.take.done{opacity:.5}.listen-play{width:76px;height:76px}.listen-play svg{width:32px;height:32px}.pchips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.pchips .pw{padding:var(--s-1) var(--s-3) 5px}.pchips .pw b{font-size:var(--fs-4)}.vgrid{display:grid;grid-template-columns:minmax(96px,1.4fr) repeat(var(--n),1fr);gap:6px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:10px}.vgrid>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vword{text-align:left;display:flex;flex-direction:column;min-width:0;padding:var(--s-1) 6px;border-radius:10px}.vword .th{font-size:calc(18px * var(--ths));line-height:1.25;overflow-wrap:anywhere}.vword .rom{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vword:active{background:var(--surface2)}.vscore{display:grid;place-items:center;min-height:40px;border-radius:var(--r-sm);font-family:var(--f-display);font-size:21px}.vscore.ok{background:var(--ok-soft);color:var(--ok)}.vscore.near{background:var(--acc-soft);color:var(--acc-deep)}.vscore.ko{background:var(--ko-soft);color:var(--ko)}.today{display:grid;grid-template-columns:1fr 1fr;margin-top:var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.today .tk{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--s-2);row-gap:6px;padding:var(--s-3) var(--s-4);color:var(--ink2);text-decoration:none;font-size:var(--fs-1);border-left:1px solid var(--line)}.today .tk:first-child{border-left:0}.today .tk:active{background:var(--surface2)}.today .tk svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--ink2)}.today .tk b{color:var(--ink);font-size:var(--fs-3);font-weight:700;letter-spacing:-.01em;margin-right:2px;font-variant-numeric:tabular-nums}.today .tk.due svg,.today .tk.due b{color:var(--acc-deep)}.today .bar{grid-column:1 / -1}.more{display:flex;align-items:center;gap:var(--s-2);width:100%;margin-top:var(--s-4);padding:var(--s-3) var(--s-1);border-radius:var(--r-sm);background:transparent;font-weight:650;font-size:var(--fs-2);color:var(--ink);text-align:left}.more .mut{font-weight:500;font-size:var(--fs-2);flex:1}.more svg{stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}.more-body{animation:reveal .25s var(--ease)}.seg.tabs{position:sticky;top:0;z-index:4;margin:0 calc(-1 * var(--s-5)) 10px;padding:var(--s-2) var(--s-5);border-radius:0;border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.seg.tabs button{min-height:40px}.tabpane{animation:reveal .2s ease-out}.list button.row{background:transparent;color:inherit;font:inherit;cursor:pointer}.list button.row:disabled{cursor:default;opacity:1}.ib.speaking{background:var(--acc-soft);border-color:var(--acc);color:var(--acc-deep);animation:speak 1s ease-in-out infinite}@keyframes speak{0%,to{box-shadow:0 0 color-mix(in srgb,var(--acc) 45%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--acc) 0%,transparent)}}.fold{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:0 14px}.fold>summary{list-style:none;cursor:pointer;min-height:52px;display:flex;align-items:center;gap:var(--s-2);font-weight:600;font-size:var(--fs-3);padding:var(--s-3) 0}.fold>summary::-webkit-details-marker{display:none}.fold>summary:after{content:"›";margin-left:auto;font-size:22px;color:var(--ink3);transform:rotate(90deg);transition:transform .2s}.fold[open]>summary:after{transform:rotate(-90deg)}.fold[open]{padding-bottom:14px}.fold.sm>summary{min-height:44px;font-size:var(--fs-2);padding:var(--s-2) 0}.chip .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.chip.cls-M .dot{background:var(--c-M)}.chip.cls-H .dot{background:var(--c-H)}.chip.cls-L .dot{background:var(--c-L)}.chip.on .dot{box-shadow:0 0 0 2px var(--bg)}.link{background:none;border:0;padding:0;color:var(--acc-deep);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.list .row.tap{cursor:pointer}.list .row.tap:active{background:var(--surface2)}.done-dot{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;background:var(--ok);color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid var(--surface)}.audio.acts{gap:6px}.audio.acts .act{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);min-width:64px}.audio.acts .act small{font-size:11px;color:var(--ink2);font-weight:600}.fcard{touch-action:pan-y;user-select:none}.fcard .sw-hint{position:absolute;top:14px;font-size:13px;font-weight:700;padding:var(--s-1) 10px;border-radius:var(--r-pill);opacity:0;transition:opacity .15s;z-index:3}.fcard .sw-hint.left{left:var(--s-3);background:var(--ko-soft);color:var(--ko)}.fcard .sw-hint.right{right:var(--s-3);background:var(--ok-soft);color:var(--ok)}.fcard.sw-left .sw-hint.left,.fcard.sw-right .sw-hint.right{opacity:1}.fcard.sw-left{box-shadow:0 0 0 2px var(--ko)}.fcard.sw-right{box-shadow:0 0 0 2px var(--ok)}.rate button .k{display:none;font-size:10.5px;color:var(--ink2);opacity:.6}@media(pointer:fine){.choice .k,.rate button .k{display:block}}.ppill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 var(--s-1);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:var(--fs-1);font-weight:700;flex:none;font-variant-numeric:tabular-nums}.ppill:active{background:var(--surface2)}.mring{--p: 0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:800;position:relative;color:var(--ink);background:conic-gradient(var(--acc) calc(var(--p) * 1%),color-mix(in srgb,var(--acc) 18%,transparent) 0)}.mring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--surface)}.mring>span{position:relative;z-index:1}.ppill .pp-s{display:inline-flex;align-items:center;gap:2px;color:var(--acc-deep)}.ppill .pp-s svg{width:14px;height:14px}.tierhead{display:flex;gap:var(--s-4);align-items:center;padding:var(--s-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1);margin:var(--s-1) 0 0}.tierhead .mid{flex:1;min-width:0}.tierhead .t{font-size:var(--fs-4);font-weight:700;letter-spacing:-.01em}.tierhead .s{font-size:var(--fs-2);color:var(--ink2);margin-top:2px}.tierhead .l{font-size:var(--fs-2);font-weight:650;margin-top:var(--s-2)}.ladder{display:flex;gap:6px;margin:14px 2px var(--s-1)}.ladder span{flex:1;height:8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--ink) 9%,transparent)}.ladder span.done{background:var(--acc)}.ladder span.cur{--p: 0;background:linear-gradient(90deg,var(--acc) calc(var(--p) * 1%),color-mix(in srgb,var(--acc) 22%,transparent) 0)}.ladder-l{display:flex;margin:0 2px;font-size:11.5px;color:var(--ink2);font-weight:650}.ladder-l span{flex:1;text-align:center}.ladder-l span:first-child{text-align:left;flex:0 0 20px}.ladder-l span.cur{color:var(--ink)}.skills{display:grid;gap:var(--s-2)}@media(min-width:700px){.skills{grid-template-columns:1fr 1fr}}.skill{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit}.skill .n{font-weight:650;font-size:var(--fs-2)}.skill .v{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-2)}.skill .bar{grid-column:1 / -1;margin-top:var(--s-1);position:relative;overflow:visible}.skill .bar i{border-radius:var(--r-pill)}.skill .bar .mk{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--ink);opacity:.4;border-radius:2px}.skill.ok .bar i{background:var(--ok)}.skill .d{grid-column:1 / -1;font-size:var(--fs-1);color:var(--ink2);display:flex;justify-content:space-between;gap:var(--s-2);margin-top:var(--s-1)}.skill .d .rev{color:var(--acc-deep);font-weight:650;white-space:nowrap}.spark{width:100%;height:64px;display:block;border-radius:var(--r-sm);overflow:hidden}.statline{display:flex;gap:14px;flex-wrap:wrap;font-size:var(--fs-1);color:var(--ink2);margin-top:6px}.statline b{color:var(--ink);font-variant-numeric:tabular-nums}.statline .ok-t{color:var(--ok);font-weight:650}.statline a{color:var(--acc-deep);font-weight:650;text-decoration:none}.statline a b{color:inherit}.prog-card{display:flex;gap:14px;align-items:center;padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;margin-top:var(--s-3);box-shadow:var(--e1)}.prog-card .mid{flex:1;min-width:0}.prog-card .t{font-weight:700;font-size:var(--fs-3);display:block}.prog-card .s{font-size:var(--fs-1);color:var(--ink2);display:block;margin-top:2px}.prog-card .cring{width:60px;height:60px}.prog-card .cring b{font-size:19px}.prog-card .cring small{font-size:10px}.prog-card .cring:before{inset:5px}.prog-card .chev{color:var(--ink3);font-size:22px}.revhero{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1)}.revhero .top{display:flex;align-items:center;gap:var(--s-3)}.revhero .big-n{font-family:var(--f-display);font-size:var(--fs-6);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.revhero .t{font-size:var(--fs-3);font-weight:700}.revhero .s{font-size:var(--fs-2);color:var(--ink2)}.revhero .btn{margin-top:var(--s-4)}.modes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2)}@media(min-width:560px){.modes{grid-template-columns:repeat(3,1fr)}}.mode{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;min-height:64px;transition:border-color var(--d-fast),transform .08s}.mode:active{transform:scale(.98)}@media(hover:hover){.mode:hover{border-color:var(--line2)}}.mode .ico{width:36px;height:36px;border-radius:10px;background:var(--acc-soft);color:var(--acc-deep);display:grid;place-items:center;flex:none}.mode .ico svg{width:20px;height:20px}.mode .t{font-weight:650;font-size:var(--fs-2);line-height:1.25;display:block}.mode .s{font-size:var(--fs-1);color:var(--ink2);line-height:1.3;display:block;margin-top:1px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.btn .fill{display:none}}@media(max-height:700px){.stage{min-height:150px}.big.s1{font-size:clamp(64px,22vw,110px)}.choice{min-height:52px}.btn{min-height:50px}}.tb-pad{width:8px;flex:none}.match{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.match-col{display:flex;flex-direction:column;gap:var(--s-2)}.tline.bank{border:0;background:none;padding:var(--s-3) 0;justify-content:center}.tline .ph{align-self:center;font-size:var(--fs-1);color:var(--ink2)}.stage .frbig.fr-m{font-size:clamp(20px,5.6vw,24px);line-height:1.25}.btns>.btn.auto{flex:0 0 auto}.row-flex.tight{gap:6px}.ico{width:40px;height:40px;border-radius:var(--r-sm);background:var(--surface2);color:var(--ink);display:grid;place-items:center;font-size:20px;flex:none}.ico.acc{background:var(--acc-soft);color:var(--acc-deep)}.ico.ok{background:var(--ok-soft);color:var(--ok)}.ico.jade{background:var(--jade-soft);color:var(--jade)}.ico.ko{background:var(--ko-soft);color:var(--ko)}.mode .ico{width:36px;height:36px;border-radius:10px;background:var(--acc-soft);color:var(--acc-deep)}.tagline{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.row .ico.cur,.ico.cur{background:var(--ink);color:var(--bg);font-weight:700}.unit-bar{margin:0 2px var(--s-3)}.unit-head+.unit-bar{margin-top:calc(-1 * var(--s-1))}.ok-t{color:var(--ok)}.ko-t{color:var(--ko)}.steps.dots{flex:none;max-width:160px;margin:0 0 var(--s-5)}.note .chips{margin-top:var(--s-2);padding-bottom:0}.tag.pnum{min-width:32px;justify-content:center}.duel-choices .choice .rom{font-size:var(--fs-1)}.pchips.scores .pw b{font-family:var(--f-display)}.break-all{word-break:break-all}.clip{overflow:hidden;text-overflow:ellipsis}.seg.compact{width:170px}.list.pad{padding:var(--s-1) var(--s-4)}pre.note{white-space:pre-wrap;font-family:inherit}.update-banner button.ghost{background:transparent;color:inherit}.view.loading{padding-top:80px}.stack>.opt.goal+.opt.goal{margin-top:var(--s-2)}.mechip{display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none;color:inherit;min-width:0;border-radius:var(--r-pill);padding:2px;flex:none}.mechip:active{background:var(--surface2)}.mechip .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bg);font-weight:800;font-size:var(--fs-2);flex:none}.topbar .mechip{margin:0 2px 0 var(--s-1)}.mechip.named{padding-right:var(--s-3);flex:0 1 auto}.mechip .who{display:flex;flex-direction:column;min-width:0;line-height:1.15}.mechip .who b{font-size:var(--fs-4);font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mechip .who .hi{font-size:var(--fs-2);color:var(--jade);line-height:1.3}.mechip.named .av{width:44px;height:44px;font-size:var(--fs-3)}.thk{font-family:var(--f-th);font-size:15px;font-weight:500;color:var(--jade);margin-left:var(--s-2);padding:0 2px;border-radius:6px;vertical-align:1px;letter-spacing:0}.thk:active{background:var(--jade-soft)}.h2 .thk{font-size:var(--fs-2)}.ico.plum{background:var(--plum-soft);color:var(--plum)}.ico.indigo{background:var(--indigo-soft);color:var(--indigo)}.mode .ico{background:var(--jade-soft);color:var(--jade)}.tile .ic{background:var(--indigo-soft);color:var(--indigo)}.tiles .tile .th{color:var(--indigo)}.tile.feature .ic{background:var(--jade);color:#fff}.revhero{background:linear-gradient(160deg,var(--jade-soft),var(--surface) 62%);border-color:transparent}.revhero .eyebrow{color:var(--jade)}.upnext .row{min-height:60px}.lgrid.c5{grid-template-columns:repeat(5,1fr)}.lgrid.wide{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.cell.jade{background:var(--jade-soft);border-color:transparent;color:var(--jade)}.c-M{color:var(--c-M)}.c-H{color:var(--c-H)}.c-L{color:var(--c-L)}.rom.lg{font-size:var(--fs-4)}.tile.ctr{align-items:center;text-align:center}.tile.ctr .e{font-size:38px}.ico{position:relative}.row .ico .done-dot svg,.ico .done-dot svg{width:12px;height:12px;stroke-width:3}.k-letters{--k: var(--k-letters);--kd: var(--kd-letters)}.k-vowels{--k: var(--k-vowels);--kd: var(--kd-vowels)}.k-tones{--k: var(--k-tones);--kd: var(--kd-tones)}.k-rules,.k-reading{--k: var(--k-read);--kd: var(--kd-read)}.k-vocab{--k: var(--k-vocab);--kd: var(--kd-vocab)}.k-dialog{--k: var(--k-dialog);--kd: var(--kd-dialog)}.k-numbers,.k-classifiers{--k: var(--k-num);--kd: var(--kd-num)}.lbadge{position:relative;flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--k, var(--ink2)) 12%,var(--surface));color:var(--k, var(--ink2))}.lbadge svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.lbadge .g{font-family:var(--f-th);font-weight:600;font-size:23px;line-height:1;letter-spacing:-.01em;transform:translateY(1px);white-space:nowrap}.lbadge .g.len2{font-size:19px}.lbadge .g.len3{font-size:15px}.lbadge.lg{width:56px;height:56px;border-radius:17px}.lbadge.lg .g{font-size:30px}.lbadge.lg .g.len2{font-size:24px}.lbadge.lg .g.len3{font-size:19px}.lbadge.lg svg{width:26px;height:26px}.lbadge .st{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--surface);background:var(--surface3);color:var(--ink2)}.lbadge .st svg{width:10px;height:10px;stroke-width:3}.lbadge .st.done{background:var(--ok);color:var(--on-ok)}.lbadge .st.cur{background:var(--acc);color:var(--on-acc)}.lbadge .st.cur svg{fill:currentColor;stroke-width:2}.lrow{align-items:flex-start;padding-top:14px;padding-bottom:14px}.lrow .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lrow .s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.part{margin-left:6px;font-size:.8em;font-weight:600;color:var(--ink3);font-variant-numeric:tabular-nums}.lrow .meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;margin-top:6px;font-size:var(--fs-1);line-height:1.3;color:var(--ink2)}.lrow .meta>span{white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.lrow .meta .kl{color:var(--k);font-weight:700}.lrow .lcol{flex:none;display:flex;flex-direction:column;align-items:center;gap:7px}.lrow .lcol .min{font-size:11px;font-weight:600;color:var(--ink3);white-space:nowrap;font-variant-numeric:tabular-nums}.lrow .meta .now{color:var(--acc-deep);font-weight:700}.lrow .end{align-self:center}.lrow.lock .mid{opacity:.7}.lrow.lock .lbadge{opacity:.75}.lrow.cur{background:color-mix(in srgb,var(--acc-soft) 55%,var(--surface))}.unit-head h3 .range{font-weight:500;color:var(--ink2);font-size:var(--fs-2)}.lkind{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-2);font-size:var(--fs-1);font-weight:700;color:var(--k);letter-spacing:.02em}.lkind .lbadge{width:28px;height:28px;border-radius:9px}.lkind .lbadge .g{font-size:15px}.lkind .lbadge .g.len2{font-size:12.5px}.lkind .lbadge .g.len3{font-size:10.5px}.lkind .lbadge svg{width:16px;height:16px}.lkind .n{color:var(--ink2);font-weight:600}.ra-hero{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5);border-radius:var(--r-lg);background:linear-gradient(160deg,var(--acc-soft),var(--surface) 70%);border:1px solid var(--line);box-shadow:var(--e1)}.ra-hero .eyebrow{color:var(--acc-deep)}.ra-hero .t{font-family:var(--f-display);font-size:var(--fs-5);line-height:1.1;letter-spacing:-.01em}.ra-hero .s{color:var(--ink2);font-size:var(--fs-2);line-height:1.45}.ra-hero .pills{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 var(--s-2)}.ra-hero .pills span,.ra-intro .pills span{font-size:var(--fs-1);font-weight:600;padding:5px 10px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink2)}.ra-hero .btn{margin-top:var(--s-2)}.mdesc{font-size:var(--fs-1);color:var(--ink2);margin:2px 2px var(--s-1);line-height:1.4}.ra-quick{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-3)}.ra-quick .tile{min-height:110px}.ra-quick .tile.muted{opacity:.7}.ra-quick .tile .ic{background:var(--ko-soft);color:var(--ko)}.ra-quick .tile+.tile .ic{background:var(--indigo-soft);color:var(--indigo)}.ra-step{margin:var(--s-5) 2px var(--s-2);font-size:var(--fs-2);font-weight:700;color:var(--ink2);text-transform:uppercase;letter-spacing:.06em}.ra-row{align-items:flex-start}.ra-row .ico b{font-size:var(--fs-2);font-variant-numeric:tabular-nums}.ra-row .meta{display:flex;flex-wrap:wrap;gap:2px 12px;margin-top:5px;font-size:var(--fs-1);color:var(--ink2)}.ra-row .meta .okc{color:var(--ok);font-weight:700}.ra-row.cur{background:color-mix(in srgb,var(--acc-soft) 55%,var(--surface))}.ra-row .tag{align-self:center}.ra-home{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-3);padding:var(--s-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);color:inherit;text-decoration:none;box-shadow:var(--e1);transition:transform .08s}.ra-home:active{transform:scale(.985)}.ra-home .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--acc);color:var(--on-acc);flex:none}.ra-home .ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ra-home .mid{flex:1;min-width:0;display:flex;flex-direction:column}.ra-home .k{font-size:var(--fs-1);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-deep)}.ra-home .t{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ra-home .s{font-size:var(--fs-1);color:var(--ink2)}.ra-home .chev{color:var(--ink3);font-size:22px}.mode.feature{background:linear-gradient(135deg,var(--acc-soft),var(--surface) 80%);border-color:transparent}.mode.feature .ico{background:var(--acc);color:var(--on-acc)}.ra-intro{display:flex;flex-direction:column;gap:var(--s-3);padding-top:var(--s-2)}.ra-intro .theory-sub{margin-bottom:0}.ra-sample{display:flex;align-items:baseline;gap:var(--s-4);overflow:hidden;padding:var(--s-4) 0 var(--s-2);font-family:var(--f-th);font-size:30px;color:var(--ink3);-webkit-mask-image:linear-gradient(90deg,#000 60%,transparent);mask-image:linear-gradient(90deg,#000 60%,transparent);white-space:nowrap}.ra-sample .first{font-size:64px;color:var(--ink);font-weight:600}.ra-tips{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--s-2);margin:var(--s-2) 0;font-size:var(--fs-2);color:var(--ink2)}.ra-tips li{display:flex;gap:var(--s-2);align-items:flex-start}.ra-tips svg{flex:none;margin-top:2px;stroke:var(--acc-deep);fill:none;stroke-width:2}.btn.big{min-height:60px;font-size:var(--fs-3);border-radius:var(--r-lg)}.ra-app{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.ra-app .ltop .tb.on{color:var(--jade)}.ra-count{font-size:var(--fs-2);font-weight:700;color:var(--ink2);font-variant-numeric:tabular-nums;min-width:56px;text-align:right}.ra-stage{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:0 0 var(--s-2);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ra-belt{position:relative;height:min(44dvh,300px);container-type:inline-size;overflow:hidden}.ra-belt.h{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}.ra-s{--x: 0cqw;--y: 0px;--k: 1;position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--f-th);font-weight:500;font-size:64px;line-height:1.15;color:var(--ink);white-space:nowrap;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(var(--k));transition:transform .32s var(--ease),opacity .32s var(--ease),color .2s;will-change:transform}.ra-s .g{display:block;padding:0 .08em}.ra-belt.h .ra-s.o0{font-weight:600}.ra-belt.h .ra-s.o1{--x: 34cqw;--k: .5;opacity:.6}.ra-belt.h .ra-s.o2{--x: 48cqw;--k: .4;opacity:.36}.ra-belt.h .ra-s.o3{--x: 60cqw;--k: .34;opacity:.16}.ra-belt.h .ra-s.o4{--x: 72cqw;--k: .3;opacity:0}.ra-belt.h .ra-s.o-1{--x: -34cqw;--k: .44;opacity:.5}.ra-belt.h .ra-s.o-2{--x: -48cqw;--k: .36;opacity:.26}.ra-belt.h .ra-s.o-3{--x: -60cqw;--k: .3;opacity:0}.ra-belt.h.w .ra-s.o1{--x: 44cqw;--k: .42}.ra-belt.h.w .ra-s.o2{--x: 66cqw;--k: .34}.ra-belt.h.w .ra-s.o3{--x: 84cqw}.ra-belt.h.w .ra-s.o-1{--x: -44cqw;--k: .38}.ra-belt.h.w .ra-s.o-2{--x: -66cqw;--k: .3}.ra-belt.v{height:min(56dvh,420px)}.ra-belt.v .ra-s{white-space:normal;width:86cqw;text-align:center;font-size:40px}.ra-belt.v .ra-s.o1{--y: 110px;--k: .7;opacity:.45}.ra-belt.v .ra-s.o2{--y: 190px;--k: .6;opacity:.22}.ra-belt.v .ra-s.o-1{--y: -120px;--k: .6;opacity:.3}.ra-belt.v .ra-s.o-2,.ra-belt.v .ra-s.o-3,.ra-belt.v .ra-s.o3,.ra-belt.v .ra-s.o4{opacity:0}.ra-s.o0:after{content:"";width:38%;height:5px;border-radius:3px;background:var(--line);transition:background .15s,width .2s}.ra-s.o0.voice:after{background:var(--acc);width:56%}.ra-s .dot{width:18px;height:18px}.ra-s .dot.ok{background:var(--ok)}.ra-s .dot.near{background:var(--acc)}.ra-s .dot.ko{background:var(--ko)}.ra-s .dot.none{background:var(--line2)}.ra-s .dot.wait{background:transparent;box-shadow:inset 0 0 0 2px var(--line2)}.ra-under{min-height:118px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:0 var(--s-5)}.ra-under .rom.lg{display:block;font-size:26px;color:var(--jade);font-weight:600}.ra-under .mean{font-size:var(--fs-2);color:var(--ink2)}.ra-cue{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-2);color:var(--ink3);font-weight:600;min-height:22px}.ra-cue svg{stroke:currentColor;fill:none;stroke-width:2}.ra-cue .lv{width:8px;height:8px;border-radius:50%;background:var(--acc);animation:rapulse 1s ease-in-out infinite}@keyframes rapulse{50%{transform:scale(1.6);opacity:.5}}.ra-flash{font-size:var(--fs-2);font-weight:600;padding:6px 12px;border-radius:var(--r-pill);animation:raflash 2.4s var(--ease) forwards;max-width:100%}.ra-flash span[lang]{font-family:var(--f-th);font-size:17px}.ra-flash.near{background:var(--acc-soft);color:var(--acc-deep)}.ra-flash.ko{background:var(--ko-soft);color:var(--ko)}@keyframes raflash{0%{opacity:0;transform:translateY(4px)}10%,75%{opacity:1;transform:none}to{opacity:0}}.ra-ctrl{padding:var(--s-2) var(--s-5) calc(var(--s-4) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.ra-status{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:11px;color:var(--ink3);font-weight:600}.ra-status span{display:inline-flex;align-items:center;gap:4px}.ra-status svg{stroke:currentColor;fill:none;stroke-width:2}.ra-status .on{color:var(--ok)}.ra-status .ko{color:var(--ko)}.ra-notice{font-size:var(--fs-1);color:var(--ink2);text-align:center;max-width:34em;line-height:1.4}.ra-btns{display:flex;align-items:center;justify-content:center;gap:var(--s-7)}.ra-main{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:var(--on-acc);box-shadow:0 10px 24px -12px #00000080;transition:transform .08s}.ra-main:active{transform:scale(.94)}.ra-main svg{width:30px;height:30px;stroke:currentColor;fill:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ra-end{font-size:var(--fs-2);font-weight:600;color:var(--ink2);padding:var(--s-2) var(--s-3);min-height:40px}.ra-app.paused .ra-belt{opacity:.45;filter:blur(1px);transition:opacity .2s,filter .2s}.ra-res{padding-bottom:var(--s-6)}.ra-score{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1);margin-top:var(--s-2)}.ra-score .ring{--p: 0;width:92px;height:92px;border-radius:50%;flex:none;display:grid;place-items:center;position:relative;background:conic-gradient(var(--ok) calc(var(--p) * 1%),color-mix(in srgb,var(--ok) 14%,transparent) 0)}.ra-score .ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--surface)}.ra-score .ring b{position:relative;font-family:var(--f-display);font-size:34px;font-weight:400;line-height:1}.ra-score .ring small{font-size:16px;margin-left:1px}.ra-score .mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ra-score .t{font-weight:700;font-size:var(--fs-3)}.ra-score .s{font-size:var(--fs-1);color:var(--ink2)}.ra-score .chips{display:flex;flex-wrap:wrap;gap:5px}.ra-score .c{font-size:var(--fs-1);font-weight:700;padding:3px 8px;border-radius:var(--r-pill);background:var(--surface2);color:var(--ink2)}.ra-score .c.ok{background:var(--ok-soft);color:var(--ok)}.ra-score .c.near{background:var(--acc-soft);color:var(--acc-deep)}.ra-score .c.ko{background:var(--ko-soft);color:var(--ko)}.ra-weak{display:flex;flex-wrap:wrap;gap:var(--s-2)}.ra-weak .chip{display:inline-flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:var(--r-md);background:var(--ko-soft);border:1px solid transparent;color:var(--ink);min-width:62px}.ra-weak .chip .th{font-size:24px;line-height:1.2}.ra-weak .chip .xs{color:var(--ink2)}.ra-weak .chip.fixed{background:var(--surface);border-color:var(--line)}.ra-why{margin:var(--s-3) 2px 0;padding-left:18px;font-size:var(--fs-2);color:var(--ink2);display:flex;flex-direction:column;gap:2px}.ra-tags{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-2) 0;border-top:1px solid var(--line)}.ra-tags:first-of-type{border-top:0}.ra-tags .k{width:84px;flex:none;font-size:var(--fs-1);font-weight:700;color:var(--ink2);padding-top:6px}.ra-tags .v{display:flex;flex-wrap:wrap;gap:5px}.ra-tags .tg{display:inline-flex;align-items:baseline;gap:4px;padding:4px 9px;border-radius:var(--r-pill);font-size:var(--fs-2);font-weight:600;background:var(--surface2)}.ra-tags .tg[lang]{font-family:var(--f-th);font-size:17px}.ra-tags .tg small{font-family:var(--f-ui);font-size:11px;color:var(--ink2);font-weight:600}.ra-tags .tg.ok{background:var(--ok-soft)}.ra-tags .tg.near{background:var(--acc-soft)}.ra-tags .tg.ko{background:var(--ko-soft)}.ra-seq .ra-line{align-items:flex-start;min-height:0;padding-top:var(--s-3);padding-bottom:var(--s-3)}.ra-line>.dot{margin-top:12px}.ra-line .dot.ok{background:var(--ok)}.ra-line .dot.near{background:var(--acc)}.ra-line .dot.ko{background:var(--ko)}.ra-line .pair{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap;font-family:var(--f-th);font-size:24px;line-height:1.3}.ra-line .arr{font-family:var(--f-ui);font-size:var(--fs-2);color:var(--ink3)}.ra-line .got{color:var(--ko)}.ra-line.near .got{color:var(--acc-deep)}.ra-line .why{display:block;font-size:var(--fs-1);color:var(--ink2);margin-top:2px}.ra-line .end{align-self:center;gap:4px}.ra-actions{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-5)}.h2 .seg{margin-left:auto}.h2 .seg button{min-height:32px;padding:2px 10px;font-size:var(--fs-1)}.tierhero{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5);border-radius:var(--r-lg);background:linear-gradient(150deg,var(--acc-soft),var(--surface) 72%);border:1px solid var(--line);box-shadow:var(--e1);color:inherit;text-decoration:none;margin-top:var(--s-1)}.tierhero .th-ends{display:flex;align-items:center}.tierhero .tier{font-weight:800;font-size:var(--fs-2);padding:4px 10px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--ink2);letter-spacing:.02em}.tierhero .tier.cur{background:var(--acc);border-color:var(--acc);color:var(--on-acc)}.th-gauge{height:14px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--acc) 16%,var(--surface2));overflow:hidden}.th-gauge i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--acc),color-mix(in srgb,var(--acc) 70%,var(--ok)));transition:width .6s var(--ease)}.th-line{display:flex;align-items:baseline;gap:var(--s-2);margin-top:2px}.th-line b{font-family:var(--f-display);font-weight:400;font-size:40px;line-height:1;letter-spacing:-.02em}.th-line span{color:var(--ink2);font-weight:600}.th-story{color:var(--ink2);font-size:var(--fs-2);line-height:1.45}.th-more{font-size:var(--fs-2);font-weight:700;color:var(--acc-deep)}.lr-app{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.lr-text{flex:1;min-height:0;overflow-y:auto;padding:var(--s-4) var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-4);scroll-behavior:smooth}.lr-s{transition:opacity .3s var(--ease),font-size .3s var(--ease)}.lr-s .th{font-family:var(--f-th);line-height:1.6;margin:0}.lr-s.past .th{font-size:20px;opacity:.8}.lr-s.next .th{font-size:20px;color:var(--ink3)}.lr-s.cur{padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1)}.lr-s.cur .th{font-size:32px;font-weight:500}.lr-s.cur.voice{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft),var(--e1)}.lr-s .rom{font-size:var(--fs-2);color:var(--jade);margin-top:var(--s-2);line-height:1.5}.lr-text .w{border-radius:4px;transition:background .2s,color .2s;box-decoration-break:clone;-webkit-box-decoration-break:clone}.lr-text .w.ok{background:var(--ok-soft);color:var(--ok)}.lr-text .w.near{background:var(--acc-soft);color:var(--acc-deep)}.lr-s.past .w.missed,.lr-text.res .w.missed{background:var(--ko-soft);color:var(--ko)}.lr-text.res{padding:var(--s-4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);flex:none;overflow:visible;gap:var(--s-2)}.lr-text.res .th{font-family:var(--f-th);font-size:22px;line-height:1.7;margin:0}.lr-text.res .w.none{color:var(--ink3)}.lr-preview{font-family:var(--f-th);font-size:24px;line-height:1.6;color:var(--ink2);padding:var(--s-3) 0}.lr-sub{display:flex;gap:var(--s-4);justify-content:center}.lr-app.paused .lr-text{opacity:.5}.comp-ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:0 auto;background:var(--jade-soft);color:var(--jade)}.comp-ic svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.comp-speed{max-width:240px;margin:var(--s-2) auto var(--s-3)}.takes button.take{border:0;cursor:pointer;font:inherit}.qth{display:flex;align-items:center;gap:var(--s-3)}.qth .qprompt.th{font-family:var(--f-th);font-size:26px;line-height:1.45;flex:1}.choice .cth{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.choice .cth .th{font-family:var(--f-th);font-size:20px;line-height:1.4}.note-under{margin:calc(-1 * var(--s-1)) 2px var(--s-3);font-size:var(--fs-2);color:var(--ink2)}.foot-note{margin:var(--s-2) 2px 0;font-size:var(--fs-1);color:var(--ink2)}.block{display:block}.grow{flex:1;min-width:0}.nowrap{white-space:nowrap}.th-s{font-size:calc(17px * var(--ths))}.th-m{font-size:calc(22px * var(--ths))}.th-l{font-size:calc(30px * var(--ths))}.th-xl{font-size:calc(40px * var(--ths))}.ink{color:var(--ink)}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--s-1)}.mt-2{margin-top:var(--s-2)}.mt-3{margin-top:var(--s-3)}.mt-4{margin-top:var(--s-4)}.mt-5{margin-top:var(--s-5)}.mt-6{margin-top:var(--s-6)}.mt-7{margin-top:var(--s-7)}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--s-1)}.mb-2{margin-bottom:var(--s-2)}.mb-3{margin-bottom:var(--s-3)}.mb-4{margin-bottom:var(--s-4)}.mb-5{margin-bottom:var(--s-5)}.mt-n1{margin-top:calc(-1 * var(--s-1))}.thi{font-family:var(--f-th);font-weight:500;letter-spacing:.02em}.chev{color:var(--ink3);display:inline-grid;place-items:center;flex:none}.chev svg{width:18px;height:18px}.chev.chev:not(:has(svg)){width:18px;height:18px;font-size:0;line-height:0;overflow:hidden;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center / 18px 18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center / 18px 18px no-repeat}details.note>summary{cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;gap:var(--s-2);min-height:28px}details.note>summary::-webkit-details-marker{display:none}details.note>summary:after{content:"›";margin-left:auto;font-size:22px;line-height:1;color:var(--ink3);transform:rotate(90deg);transition:transform .2s}details.note[open]>summary:after{transform:rotate(-90deg)}details.note[open]>summary{margin-bottom:var(--s-2)}.row .end .mdot{margin-right:var(--s-1)}.mini{border-radius:50%;border:1.5px solid var(--line)}.mini.txt{border-radius:var(--r-pill)}.toast{width:max-content;max-width:min(calc(100vw - 2 * var(--s-5)),440px);text-wrap:balance}.modes{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:560px){.modes{grid-template-columns:repeat(3,minmax(0,1fr))}}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:700px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.mode .t,.tile .t{overflow-wrap:anywhere;hyphens:auto}@media(max-width:559px){.mode{flex-direction:column;align-items:flex-start;gap:var(--s-2);padding:var(--s-3) var(--s-3) var(--s-4)}.mode .grow{flex:none;width:100%}.modes>.mode:last-child:nth-child(odd){grid-column:1 / -1;flex-direction:row;align-items:center;padding:var(--s-3)}.modes>.mode:last-child:nth-child(odd) .grow{flex:1;width:auto}}.tile .t{margin-top:0}.tile>.th{height:40px;display:flex;align-items:center}.tile .bar{margin-top:auto;flex:none}.tile .s:has(+.bar){padding-bottom:var(--s-2)}.tile.ctr{justify-content:center}.cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:28px;line-height:1.3}.cell small{position:static;line-height:1.2;font-size:11px}.cell.wide{padding:var(--s-2) var(--s-1)}.cell.locked{opacity:.78}.syls{grid-template-columns:repeat(auto-fit,minmax(56px,1fr))}.prog-card .t{text-wrap:balance}.statline{gap:var(--s-1) var(--s-3)}.stage.fcard:not(.compact){min-height:min(46dvh,380px);padding-bottom:48px}.stage .hint{bottom:var(--s-3)}.modern{align-items:baseline}.modern .thm{font-size:22px;font-weight:500;line-height:1}.rate button[data-q="2"]{--rc: color-mix(in srgb, var(--ok) 55%, var(--acc))}.choice.ok .rom,.choice.ko .rom,.choice.ok .th.sub,.choice.ko .th.sub{color:inherit}.choice.ok .th.sub,.choice.ko .th.sub{opacity:.85}.match-col{display:grid;grid-auto-rows:1fr}.pr{padding:var(--s-2);text-wrap:balance}.pr .rom.main{font-size:var(--fs-2)}.pr .th.sub{font-size:calc(14px * var(--ths))}.pr.ok{opacity:1;color:var(--ok);border-color:color-mix(in srgb,var(--ok) 55%,transparent)}.pr.ok .rom,.pr.ok .th,.pr.ok .th.sub{color:inherit}.lbadge.k-numbers .g{transform:translateY(-.08em)}.lbadge.k-numbers .g:not(.len2):not(.len3){font-size:27px}.lbadge.lg.k-numbers .g:not(.len2):not(.len3){font-size:36px}.lkind .lbadge.k-numbers .g:not(.len2):not(.len3){font-size:18px}.badge .e{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);color:var(--ink3);font-size:22px;line-height:1;filter:none;opacity:1}.badge .e svg{width:22px;height:22px}.badge .e .th{line-height:1}.badge.on .e{background:var(--acc-soft);color:var(--acc-deep);filter:none;opacity:1}.qfoot .btn,.recap~.stack .btn{text-align:center}.btn-2l{display:flex;flex-direction:column;align-items:center;min-width:0;line-height:1.2;text-align:center}.btn-2l small{font-size:var(--fs-2);font-weight:600;opacity:.85}.btn-2l .part{color:inherit;opacity:.75}.qfoot .qfin>div.verdict{display:flex}.qfoot .qfin>div.good,.qfoot .qfin>.rv,.qfoot .qfin>.mut.mt-1{margin-top:var(--s-1);padding-left:26px}.qfoot .qfin>div.good,.qfoot .qfin>.rv{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px}.qfoot .qfin>div.good .lbl{color:var(--ink2)}.qfoot .qfin>div.good.stack-l{display:block}.qfoot .qfin>div.good.stack-l>*{display:block}.qfoot .qfin>.rv .th{font-size:17px}.qfoot .qfin ol{padding-left:calc(26px + var(--s-4))}.audio.pending{visibility:hidden}.stage.ear{min-height:176px;padding:var(--s-4)}.stage.ear.done .big{line-height:1.25}.stage.ear .ear-ic{cursor:pointer;transition:transform .08s,filter var(--d-fast)}.stage.ear .ear-ic:active{transform:scale(.94)}@media(hover:hover){.stage.ear .ear-ic:hover{filter:brightness(.97)}}.stage.ear .ear-ic:focus-visible{outline:2px solid var(--acc);outline-offset:3px}.stage .rv-name{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;column-gap:var(--s-2)}.stage .rv-name .th{font-size:calc(22px * var(--ths));color:var(--ink);font-weight:500}@media(max-height:700px){.stage.ear{min-height:150px}}.stage .frbig.num{font-size:clamp(56px,16vw,72px);line-height:1;font-variant-numeric:lining-nums}.stage .oral-main{text-wrap:balance}.choice .csub{font-size:var(--fs-1);font-weight:600;color:var(--ink2);letter-spacing:.01em}.choice.ok .csub,.choice.ko .csub{color:inherit;opacity:.8}.qsub{font-size:var(--fs-2);color:var(--ink2);text-align:center;text-wrap:balance;line-height:1.4;margin:calc(-1 * var(--s-1)) 0 var(--s-3)}.qfoot .meta .link{flex:none;min-height:44px;margin:calc(-1 * var(--s-2)) 0;padding:0 0 0 var(--s-2);color:var(--acc-deep);font-size:var(--fs-2);font-weight:650;white-space:nowrap}@media(hover:hover){.qfoot .meta .link:hover{text-decoration:underline;text-underline-offset:3px}}@supports (grid-template-rows: subgrid){.match{row-gap:var(--s-2)}.match-col{display:grid;grid-template-rows:subgrid;grid-row:1 / span var(--rows, 1);row-gap:var(--s-2)}}.stage .tag.end{left:auto;right:var(--s-3);transition:opacity .15s}.fcard.sw-right .tag.end{opacity:0}.stage.fcard.compact{padding-top:calc(var(--s-3) + 24px + var(--s-2))}.stage .modern{align-items:baseline}.stage .modern .thm{line-height:1}.ans .wchips{justify-content:flex-start}.rom.block>span{white-space:nowrap}.wchip.slot i{color:var(--ink2);font-style:italic}.theory-block .lead,.theory-block .h2{margin-left:0;margin-right:0}.lkind{gap:6px}.lkind .sep{color:var(--ink3);font-weight:600}.lkind .lbadge .g{transform:translateY(-1px)}.theory-title .part{font-family:var(--f-ui);font-size:var(--fs-3);font-weight:600;color:var(--ink2);letter-spacing:0;margin-left:var(--s-2);vertical-align:.35em}.h2-ic{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:none;align-self:center;background:var(--indigo-soft);color:var(--indigo)}.h2-ic svg{width:16px;height:16px}.theory-block .pattern{font-family:var(--f-ui);background:var(--surface2);color:var(--ink);border:1px solid var(--line2);font-weight:650;letter-spacing:.01em}.theory-block .pattern .th{font-family:var(--f-th);color:var(--jade);font-weight:600;line-height:1.3}.row .s .th,.row .s .thm{line-height:1.25}.row .s+.s{margin-top:var(--s-1)}.row .s.segs{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--s-2)}.row .nw{white-space:nowrap}.row .wex{display:block;margin-top:var(--s-2);padding-left:var(--s-3);border-left:2px solid var(--line2);font-size:var(--fs-2);color:var(--ink2);line-height:1.4}.row .wex .th{display:block;font-size:calc(16px * var(--ths));color:var(--ink);font-weight:400;line-height:1.45}.lglyph.sm-num.short{font-size:32px}.chips.wrap{flex-wrap:wrap;overflow:visible;margin:0;padding:2px 0 0}.chips.wrap .chip{white-space:normal;max-width:100%}.recap-new .chip{align-items:baseline}.recap-new .chip .rom{font-size:var(--fs-2);font-weight:650}.recap-new .chip .xs{font-size:var(--fs-2);color:var(--ink2)}.recap-new .chip .rv-tag{padding:1px 8px;font-size:var(--fs-1);line-height:1.4;align-self:center;white-space:nowrap}.recap-bar{display:flex;flex-direction:column;gap:var(--s-2)}.recap-bar>.btn{width:100%}.recap-alt{display:flex;gap:var(--s-2)}.recap-alt>.btn{flex:1 1 0;min-width:0;padding-inline:var(--s-3);text-align:center;white-space:normal;line-height:1.25}.cta .dur{display:inline-flex;align-items:center;gap:var(--s-1);min-width:0;font-size:var(--fs-2);font-weight:600;line-height:1;color:#ffffffc7;white-space:nowrap;font-variant-numeric:tabular-nums}.cta .dur svg{flex:none;opacity:.85}.today .tk{align-content:start}.today .tk .lab{grid-column:1 / -1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today .tk b small{font-size:var(--fs-1);font-weight:500;letter-spacing:0;color:var(--ink2)}.row .chev,.prog-card .chev,.ra-home .chev{display:grid;place-items:center;color:var(--ink3);line-height:0}.chev svg{width:18px;height:18px;flex:none}.chev:not(:has(svg)){display:inline-grid;place-items:center;font-size:0;line-height:0;color:var(--ink3)}.chev:not(:has(svg)):before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center / contain no-repeat}.chips.src-pick{flex-wrap:wrap;overflow:visible;margin:0;padding:2px 0 var(--s-3)}.chips.src-pick .chip{max-width:100%}select.field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a665f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-size:18px 18px;background-repeat:no-repeat;padding-right:44px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) select.field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a7a39b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}}:root[data-theme=dark] select.field{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a7a39b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.row-flex.field-go{align-items:stretch}.row-flex.field-go>.field{flex:1;min-width:0}.row-flex.field-go>.btn{flex:none;width:auto;min-height:54px;padding:0 var(--s-5);border-radius:var(--r-md)}.unit-head .grow{min-width:0}.unit-head .s{display:flex;flex-wrap:wrap;line-height:1.4}.unit-head .s .u+.u:before{content:"·";margin:0 .4em;color:var(--ink3)}.lrow .t{display:flex;align-items:baseline;min-width:0;white-space:normal;overflow:visible}.lrow .t .tt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lrow .t .part{flex:none;white-space:nowrap}.streak-chip{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px 0 10px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line);color:var(--acc-deep);text-decoration:none;font-size:var(--fs-1);flex:none;font-variant-numeric:tabular-nums}.streak-chip b{font-weight:700}.streak-chip svg{width:16px;height:16px;flex:none}.streak-chip.zero{color:var(--ink3)}.streak-chip:active{background:var(--surface2)}.lrow.pact .lbadge>svg{width:22px;height:22px}.lrow.pact .s .thi{font-size:1.05em}.ra-hero .ra-lockline{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:var(--fs-1);line-height:1.4;color:var(--ink2)}.ra-hero .ra-lockline svg{flex:none;margin-top:2px}.ra-row.lock .mid{opacity:.75}.ra-row.lock .ico{color:var(--ink3)}.ra-evalrow .ico{background:var(--surface2);color:var(--ink2)}.mode.off{background:var(--surface2);border-style:dashed;cursor:default}.mode.off .ico{background:var(--surface3);color:var(--ink3)}.mode.off .t{color:var(--ink2)}.mode.off .s{color:var(--ink3)}.row.tall{min-height:76px}.chips button.chip{font:inherit;font-weight:600;font-size:var(--fs-2);cursor:pointer}.tile.feature{border-color:color-mix(in srgb,var(--jade) 18%,var(--line));box-shadow:var(--e1)}.tile.wide .end{margin-left:auto;color:var(--ink3);display:grid;place-items:center;flex:none}.tile.lib .s{text-wrap:balance}.dlgbar .btn{flex:1 1 auto;min-width:0;white-space:nowrap;gap:4px;padding:var(--s-2);font-size:var(--fs-2)}@media(max-width:380px){.dlgbar .btn{font-size:var(--fs-1);padding:var(--s-2) 6px}}.bub .who{display:flex;align-items:center;gap:4px;min-height:22px}.bub .who .mini.fav{order:2;margin:-6px -4px -6px auto;min-width:32px;width:32px;height:32px;padding:0;border-color:transparent;background:transparent;color:var(--ink3)}.bub .who .mini.fav.on{color:var(--acc-deep);background:var(--acc-soft)}.bub.playing .who:after{order:1}.bub .acts{gap:4px}.bub .acts .mini{min-width:36px;width:36px;height:36px;padding:0}.row .s .unread{display:block;font-size:var(--fs-1);color:var(--ink2);margin-top:2px}.pattern{font-family:var(--f-ui);background:var(--surface2);color:var(--ink);border:1px solid var(--line2);font-weight:650;letter-spacing:.01em}.pattern .th{font-family:var(--f-th);color:var(--jade);font-weight:600;line-height:1.3}.tile.ctr .e.fav{display:grid;place-items:center;line-height:1}.tile.ctr .e.fav svg{stroke:var(--acc-deep);fill:var(--acc-soft);stroke-width:1.6}.fold>summary .sub{display:block;font-size:var(--fs-1);font-weight:500;color:var(--ink2);margin-top:2px}.fold>summary .sub .th{font-size:var(--fs-2);line-height:1.3}.strip button{display:inline-grid;place-items:center;text-align:center;line-height:1}.wtools .ib[aria-pressed=true]{background:var(--acc-soft);border-color:var(--acc);color:var(--acc-deep)}.seg .th-m{line-height:1}.lib-top{display:flex;gap:var(--s-2);margin:var(--s-1) 0 var(--s-4)}.lib-top a{display:flex;align-items:center;gap:var(--s-2);min-height:48px;padding:0 14px;border-radius:var(--r-md);border:1.5px solid var(--line2);background:var(--surface);color:var(--ink2);text-decoration:none;font-size:var(--fs-2)}.lib-top svg{flex:none}.lib-search{flex:1 1 auto;min-width:0}.lib-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lib-fav{flex:none;font-weight:650;color:var(--ink)!important}.lib-fav svg{stroke:var(--acc-deep);fill:var(--acc-soft)}.lib-fav b{min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-pill);background:var(--acc-soft);color:var(--acc-deep);font-size:var(--fs-1);display:grid;place-items:center}@media(max-width:360px){.lib-fav span{display:none}}.btns.lib-acts{flex-wrap:wrap}.btns.lib-acts>*{flex:1 1 190px}.dl-random{margin-bottom:var(--s-2)}.h2 .dl-advised{align-self:center;font-size:var(--fs-1);padding:2px 8px}.fold.dl-fold{margin-top:var(--s-3)}.fold.dl-fold .list{margin-top:var(--s-1)}.theory-title .gr-rank{font-family:var(--f-ui);font-size:var(--fs-2);font-weight:600;color:var(--ink3);letter-spacing:0;white-space:nowrap;vertical-align:.3em}.gr-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);margin-top:var(--s-4)}.gr-nav .btn{min-width:0;padding-left:var(--s-2);padding-right:var(--s-2);white-space:nowrap}.gr-fav.on svg{fill:currentColor}.fav-empty{max-width:420px;margin:0 auto}.h2.dl-h{flex-wrap:wrap;row-gap:var(--s-1)}.dl-note{margin:calc(-1 * var(--s-2)) 2px var(--s-3);font-size:var(--fs-1);color:var(--ink2)}.lvl button{display:grid;place-items:center;text-align:center;padding:0 var(--s-1);font-size:var(--fs-2);font-variant-numeric:tabular-nums}.cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--s-2)}.cd{aspect-ratio:1 / 1.1;gap:3px}.cd small{font-size:11px}.cd b{font-size:var(--fs-2);color:var(--ink);font-variant-numeric:tabular-nums}.cd em{font-style:normal;font-size:10px;line-height:1;min-height:10px;color:var(--ink2);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.cd.ok em{color:var(--ok)}.cd.some em{color:var(--acc-deep)}.cal-leg{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-4)}.cal-leg span{display:inline-flex;align-items:center;gap:6px}.cal-leg .dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.cal-leg .dot.ok{background:var(--ok)}.cal-leg .dot.some{background:var(--acc)}.prog .k{flex-direction:column-reverse;align-items:flex-start;justify-content:flex-start;gap:2px;margin-bottom:var(--s-1)}.prog .k b{font-family:var(--f-display);font-size:var(--fs-5);font-weight:400;line-height:1;letter-spacing:-.01em}.prog>.wide{grid-column:1 / -1}@media(min-width:700px){.prog>.wide{grid-column:span 2}}.prog .xs.mut,.chead .mid{text-wrap:pretty}.chead .mid .statline{margin-top:var(--s-2)}.statline.inset{margin-left:2px;margin-right:2px}.mk-note{display:flex;align-items:center}.mk-leg{display:inline-block;flex:none;width:2px;height:12px;border-radius:2px;background:var(--ink);opacity:.4;margin-right:var(--s-2)}.ladder-l{position:relative;gap:6px}.ladder-l span{flex:1;text-align:right}.ladder-l span:first-child{position:absolute;left:0;top:0;flex:none;text-align:left}.spark-empty{min-height:64px;display:flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);margin:0 2px;border:1.5px dashed var(--line2);border-radius:var(--r-md);color:var(--ink2);font-size:var(--fs-2);text-align:center;text-wrap:balance}.spark-empty svg{flex:none;color:var(--ink3)}.tabpane .btn{text-align:center;text-wrap:balance}.tabpane label.f svg{vertical-align:-3px;margin-left:2px}.chead-more{display:inline-block;margin-top:var(--s-2);font-size:var(--fs-2);font-weight:700;color:var(--acc-deep)}.skills.with-target .skill .d{align-items:baseline}.skills.with-target .skill .d>span:first-child{text-wrap:pretty}.skill .tg{color:var(--ink);font-weight:600}.skill .tg.ok-t{color:var(--ok)}.skill .tg svg{vertical-align:-2px}.fold-sub{margin-top:var(--s-4);font-weight:700;font-size:var(--fs-2);color:var(--ink)}.talk{display:flex;flex-direction:column;gap:var(--s-2);padding-bottom:var(--s-6)}.talk .bub .th{font-family:var(--f-th);font-size:calc(20px * var(--ths));line-height:1.45;display:block}.talk .bub .tr{display:block;margin-top:4px;font-size:var(--fs-2);color:var(--ink2)}.talk .bub.me.ok{border-color:var(--ok);background:var(--ok-soft)}.talk .bub.me.near{border-color:var(--acc);background:var(--acc-soft)}.talk .bub.me.ko{border-color:var(--ko);background:var(--ko-soft)}.talk .who .vd{margin-left:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.talk .who .vd.ok{color:var(--ok)}.talk .who .vd.near{color:var(--acc-deep)}.talk .who .vd.ko{color:var(--ko)}.talk-me{margin-top:var(--s-3);padding:var(--s-5) var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1);display:flex;flex-direction:column;align-items:center;gap:var(--s-2);text-align:center}.talk-me .eyebrow{color:var(--acc-deep)}.talk-me .th{font-family:var(--f-th);font-size:22px;line-height:1.45;margin:0}.talk-me .th.big{font-size:28px;font-weight:500}.talk-me .rom{color:var(--jade);font-weight:600;margin:0}.talk-me .fr{color:var(--ink2);margin:0}.talk-me .fr.big{color:var(--ink);font-size:var(--fs-4);font-weight:600;line-height:1.35}.talk-mic{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin-top:var(--s-3);background:var(--acc);color:var(--on-acc);box-shadow:0 10px 24px -12px #00000080;transition:transform .08s,box-shadow .2s}.talk-mic svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.talk-mic.on{animation:talkpulse 1.2s ease-in-out infinite}@keyframes talkpulse{50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--acc) 22%,transparent),0 10px 24px -12px #00000080}}.talk-after{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:center;margin-top:var(--s-2)}.talk-after .btn{width:auto}.code-in{text-transform:uppercase;letter-spacing:.3em;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.code-in::placeholder{letter-spacing:.3em;color:var(--ink3);font-weight:600}.on-code{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:var(--s-5) var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1);text-align:center}.on-code .k{font-size:var(--fs-1);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}.on-code b{font-size:clamp(40px,13vw,56px);letter-spacing:.18em;padding-left:.18em;line-height:1.1;color:var(--acc-deep);font-variant-numeric:tabular-nums}.on-code .btn{width:auto;margin-top:var(--s-1)}.on-players .row{min-height:52px}.on-players .row.me{background:var(--acc-soft)}.on-players .row.off{opacity:.55}.on-players .dot{width:10px;height:10px;border-radius:50%;background:var(--line2);flex:none;margin:0 var(--s-1)}.on-players .dot.on{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent)}.on-players .end{gap:var(--s-2)}.on-score{min-width:2.5em;text-align:right;font-variant-numeric:tabular-nums;font-size:var(--fs-4)}.on-wait{display:flex;align-items:center;justify-content:center;gap:var(--s-3);min-height:40vh;color:var(--ink2)}.on-wait .spin{width:22px;height:22px;border-radius:50%;border:3px solid var(--line2);border-top-color:var(--acc);animation:onspin .8s linear infinite}@keyframes onspin{to{transform:rotate(360deg)}}.on-count{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3)}.on-count span{font-family:var(--f-display);font-size:clamp(96px,34vw,160px);line-height:1;color:var(--acc-deep);animation:onpop 1s ease-out infinite}.on-count small{color:var(--ink2);font-size:var(--fs-2)}@keyframes onpop{0%{transform:scale(1.25);opacity:.3}30%{transform:scale(1);opacity:1}}.on-round{display:flex;flex-direction:column;gap:var(--s-3);padding-bottom:var(--s-5)}.on-timer{height:8px;border-radius:var(--r-pill);background:var(--surface2);overflow:hidden}.on-timer i{display:block;height:100%;border-radius:inherit;background:var(--jade);transition:width .1s linear,background var(--d-fast)}.on-timer i.low{background:var(--ko)}.on-round .stage{min-height:170px;gap:var(--s-1)}.on-round .stage .ib{margin-top:var(--s-1)}.on-round .choice.sel{border-color:var(--acc);background:var(--acc-soft);box-shadow:none}.on-status{text-align:center;font-weight:650;color:var(--ink2);min-height:1.5em}.on-me{font-weight:700;font-variant-numeric:tabular-nums;color:var(--acc-deep);padding:0 var(--s-2)}.on-link{position:sticky;top:0;z-index:2}@media(prefers-reduced-motion:reduce){.on-count span,.on-wait .spin{animation:none}}.on-timer.rev i{background:var(--ink3);transition:width .1s linear}.rg-settings{margin:0 0 var(--s-3);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);padding:var(--s-2) var(--s-4) var(--s-4)}.rg-settings>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:var(--s-2) 0}.rg-settings>summary::-webkit-details-marker{display:none}.rg-settings>summary .t{font-weight:700}.rg-settings>summary .s{font-size:var(--fs-1);color:var(--ink2)}.rg-settings .seg{margin-bottom:var(--s-2)}.rg-grid{display:grid;gap:6px;margin:var(--s-2) 0 var(--s-4)}.rg-grid.n4{grid-template-columns:34px repeat(4,1fr)}.rg-grid.n5{grid-template-columns:34px repeat(5,1fr)}.rg-grid.n6{grid-template-columns:30px repeat(6,1fr)}.rg-grid.noheads.n4{grid-template-columns:repeat(4,1fr)}.rg-grid.noheads.n5{grid-template-columns:repeat(5,1fr)}.rg-grid.noheads.n6{grid-template-columns:repeat(6,1fr)}.rg-row{display:contents}.rg-head{display:grid;place-items:center;font-family:var(--f-th);color:var(--ink2);font-size:calc(18px * var(--ths))}.rg-head.col{padding-bottom:2px;color:var(--plum, var(--ink2))}.rg-head.row{color:var(--acc-deep);font-weight:600}.rg-cell{position:relative;min-height:58px;border-radius:var(--r-sm, 10px);background:var(--surface);border:1.5px solid var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 2px;box-shadow:0 2px 0 var(--line);transition:background var(--d-fast),border-color var(--d-fast),transform .06s}.rg-cell:active{transform:scale(.97)}.rg-cell .g{font-family:var(--f-th);font-size:calc(24px * var(--ths));line-height:1.25;color:var(--ink);white-space:nowrap}.rg-grid.n6 .rg-cell .g{font-size:calc(20px * var(--ths))}.rg-cell .rom{font-size:11px;line-height:1.2}.rg-cell.cur{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 35%,transparent);background:var(--acc-soft);z-index:1}.rg-cell.v-ok{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 55%,transparent)}.rg-cell.v-near{background:var(--acc-soft);border-color:color-mix(in srgb,var(--acc) 60%,transparent)}.rg-cell.v-ko{background:var(--ko-soft);border-color:color-mix(in srgb,var(--ko) 55%,transparent)}.rg-cell.empty{background:transparent;border:1px dashed var(--line);box-shadow:none}.rg-actions{display:flex;flex-direction:column;gap:var(--s-3)}.rg-tools{flex-wrap:wrap;gap:var(--s-2)}.rg-tools .btn.on{background:var(--surface2)}.rg-run{position:sticky;bottom:0;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);padding:var(--s-3) 0 calc(var(--s-3) + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,var(--bg) 25%)}.rg-cue{font-weight:650;color:var(--ink2);min-height:1.6em;display:flex;align-items:center;gap:8px}.rg-cue b{font-family:var(--f-th);font-size:1.3em;color:var(--ink)}.rg-cue .lv{width:10px;height:10px;border-radius:50%;background:var(--ok);animation:talkpulse 1s ease-in-out infinite}.rg-score{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--e1);margin-bottom:var(--s-2)}.rg-score .t{font-weight:700}.rg-score .s{font-size:var(--fs-1);color:var(--ink2)}.ra-gridrow{margin-top:var(--s-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--e1)}:root[data-style=nuit]{--bg: #100e1c;--bg2: #151226;--surface: #1b1830;--surface2: #25213f;--surface3: #2f2a4d;--ink: #f5ecd6;--ink2: #b9ae97;--ink3: #7e7564;--line: #2e2947;--line2: #3e3760;--acc: #d9a94e;--acc-deep: #f0c776;--acc-soft: #3a2e17;--on-acc: #1a1206;--jade: #7fd1c2;--jade-deep: #b0e6dc;--jade-soft: #173532;--ok: #6fd39a;--ok-soft: #173424;--on-ok: #07210f;--ko: #f08a7c;--ko-soft: #3e1d1a;--on-ko: #2a0b07;--red: #f08a7c;--red-soft: #3e1d1a;--indigo: #a8b6ff;--indigo-soft: #232a4d;--plum: #d7a8f0;--plum-soft: #33224a;--orange: #f2a66a;--orange-soft: #3d2514;--t-mid: #a09cb0;--t-low: #a8b6ff;--t-fall: #f08a7c;--t-high: #f0c776;--t-rise: #7fd1c2;--hero-1: #2a1f4a;--hero-2: #3c2a5e;--hero-3: #6a4a2a;--hero-ink: #fbf3df;--hero-acc: #f0c776;--hero-line: rgba(240, 199, 118, .35);--k-letters: #f0b35a;--k-vowels: #f095b6;--k-tones: #bba6ff;--k-read: #e0b184;--k-vocab: #66d6ac;--k-dialog: #9ab8ff;--k-num: #72d4ea;--seg-on: #35305a;--dim-op: .55;--e1: 0 0 0 1px rgba(217, 169, 78, .14), 0 14px 30px -20px rgba(0, 0, 0, .9);--e2: 0 0 0 1px rgba(217, 169, 78, .2), 0 24px 50px -22px rgba(0, 0, 0, .95);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;color-scheme:dark}:root[data-style=nuit] .topbar h1,:root[data-style=nuit] .h2,:root[data-style=nuit] .row .t,:root[data-style=nuit] .tile .t{font-family:var(--f-display);font-weight:400;letter-spacing:.01em}:root[data-style=nuit] .topbar h1{font-size:24px}:root[data-style=nuit] .h2{font-size:26px;color:var(--acc-deep)}:root[data-style=nuit] .row .t{font-size:19px}:root[data-style=nuit] .list,:root[data-style=nuit] .tile{border-color:#d9a94e38}:root[data-style=nuit] .btn:not(.ghost):not(.soft):not(.quiet){background:linear-gradient(180deg,#f0c776,#c9923a);color:#1a1206;box-shadow:0 8px 22px -10px #f0c77699}:root[data-style=nuit] .tabbar{background:#100e1ceb;border-top:1px solid rgba(217,169,78,.25)}:root[data-style=nuit] .tabbar a.on .pill{background:#d9a94e2e;color:var(--acc-deep)}:root[data-style=nuit] .cta{box-shadow:0 0 0 1px #f0c77659,0 22px 44px -22px #000000e6}:root[data-style=pop]{--bg: #fff3d6;--bg2: #fff8e6;--surface: #ffffff;--surface2: #ffe9b8;--surface3: #ffdf95;--ink: #141414;--ink2: #3d3a33;--ink3: #7c776c;--line: #141414;--line2: #141414;--acc: #ff3d7f;--acc-deep: #c4004f;--acc-soft: #ffd9e6;--on-acc: #ffffff;--jade: #008f8c;--jade-deep: #00605e;--jade-soft: #c9f3ef;--ok: #0a9c4a;--ok-soft: #caf5d9;--ko: #e5261d;--ko-soft: #ffd6d2;--indigo: #3052ff;--indigo-soft: #d8deff;--plum: #9b2bd6;--plum-soft: #f0d6ff;--orange: #ff7a00;--orange-soft: #ffe2c2;--hero-1: #ff3d7f;--hero-2: #ff5f5f;--hero-3: #ffb300;--hero-ink: #ffffff;--hero-acc: #fff200;--hero-line: #141414;--kd-letters: #d55c00;--kd-vowels: #d6006a;--kd-tones: #6a2bd6;--kd-vocab: #00875f;--kd-dialog: #2350ff;--kd-num: #007f99;--seg-on: #fff200;--dim-op: .4;--e1: 4px 4px 0 #141414;--e2: 6px 6px 0 #141414;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;color-scheme:light}:root[data-style=pop] .list,:root[data-style=pop] .tile,:root[data-style=pop] .cta,:root[data-style=pop] .stage,:root[data-style=pop] .choice,:root[data-style=pop] .seg,:root[data-style=pop] .note,:root[data-style=pop] .field{border:2.5px solid #141414!important;box-shadow:var(--e1)}:root[data-style=pop] .row{border-top:2px solid #141414}:root[data-style=pop] .row .ico,:root[data-style=pop] .tile .ic{border:2px solid #141414;background:#fff200;color:#141414}:root[data-style=pop] .btn{border:2.5px solid #141414;box-shadow:4px 4px #141414;font-weight:800;text-transform:uppercase;letter-spacing:.03em}:root[data-style=pop] .btn:active{transform:translate(3px,3px);box-shadow:1px 1px #141414}:root[data-style=pop] .h2,:root[data-style=pop] .topbar h1{font-weight:800;letter-spacing:-.01em}:root[data-style=pop] .h2{font-size:24px;text-transform:uppercase}:root[data-style=pop] .topbar{background:#fff200;border-bottom:2.5px solid #141414}:root[data-style=pop] .tabbar{background:#fff;border-top:2.5px solid #141414}:root[data-style=pop] .tabbar a.on .pill{background:#ff3d7f;color:#fff;border:2px solid #141414}:root[data-style=pop] .chip{border:2px solid #141414}:root[data-style=pop] .chip.on{background:#141414;color:#fff200}:root[data-style=zen]{--bg: #f6f4ef;--bg2: #f9f8f4;--surface: #fbfaf7;--surface2: #efece5;--surface3: #e5e1d8;--ink: #111111;--ink2: #5d5a55;--ink3: #9c988f;--line: #dcd8cf;--line2: #c9c4b9;--acc: #c8382a;--acc-deep: #a3281c;--acc-soft: #f6e3df;--on-acc: #ffffff;--jade: #3c5a56;--jade-deep: #243835;--jade-soft: #e3e9e7;--ok: #2f6d46;--ok-soft: #e1ece4;--ko: #b3261e;--ko-soft: #f5e1de;--indigo: #34466e;--indigo-soft: #e2e6ee;--plum: #5e3d6b;--plum-soft: #ebe3ee;--orange: #9b5a2a;--orange-soft: #f1e5da;--hero-1: #fbfaf7;--hero-2: #fbfaf7;--hero-3: #fbfaf7;--hero-ink: #111111;--hero-acc: #c8382a;--hero-line: #111111;--kd-letters: #111;--kd-vowels: #111;--kd-tones: #111;--kd-read: #111;--kd-vocab: #111;--kd-dialog: #111;--kd-num: #111;--k-letters: #111;--k-vowels: #111;--k-tones: #111;--k-read: #111;--k-vocab: #111;--k-dialog: #111;--k-num: #111;--seg-on: #111111;--dim-op: .38;--e1: none;--e2: none;--shadow: none;--r-sm: 2px;--r-md: 3px;--r-lg: 4px;--r-pill: 3px;color-scheme:light}:root[data-style=zen] .list{background:transparent;border-left:0;border-right:0;border-radius:0}:root[data-style=zen] .tile{background:transparent}:root[data-style=zen] .row .ico,:root[data-style=zen] .tile .ic{background:transparent;border:1px solid var(--line2);color:var(--ink)}:root[data-style=zen] .btn:not(.ghost):not(.soft):not(.quiet){background:#111;color:#fff}:root[data-style=zen] .btn.soft{background:transparent;border:1px solid #111;color:#111}:root[data-style=zen] .h2{font-family:var(--f-display);font-weight:400;font-size:28px;letter-spacing:0}:root[data-style=zen] .topbar h1{font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:14px}:root[data-style=zen] .cta{border:1px solid #111}:root[data-style=zen] .cta .btn{background:#c8382a!important;color:#fff!important}:root[data-style=zen] .seg button.on{color:#fff}:root[data-style=zen] .tabbar{background:#f6f4ef;border-top:1px solid #111}:root[data-style=zen] .tabbar a.on .pill{background:transparent;color:#c8382a}:root[data-style=zen] .tabbar a.on{color:#c8382a}:root[data-style=zen] .chip.on{background:#111;color:#fff}:root[data-style=jeu]{--bg: #eef5ff;--bg2: #f5f9ff;--surface: #ffffff;--surface2: #e3eeff;--surface3: #d3e3ff;--ink: #1d2b4f;--ink2: #56648a;--ink3: #93a0c0;--line: #d6e2f7;--line2: #bfd0ef;--acc: #3ec15f;--acc-deep: #1f8a3b;--acc-soft: #dcf7e3;--on-acc: #ffffff;--jade: #1a9bd6;--jade-deep: #0f6d99;--jade-soft: #d9f0fb;--ok: #3ec15f;--ok-soft: #dcf7e3;--ko: #ff5a5f;--ko-soft: #ffe1e2;--indigo: #5b6cff;--indigo-soft: #e3e6ff;--plum: #b45cff;--plum-soft: #f1e2ff;--orange: #ff9f1c;--orange-soft: #ffeccf;--hero-1: #2f8cff;--hero-2: #4a6cff;--hero-3: #8a5cff;--hero-ink: #ffffff;--hero-acc: #ffd84a;--hero-line: transparent;--seg-on: #ffffff;--dim-op: .45;--e1: 0 4px 0 #cfdcf3;--e2: 0 6px 0 #bccde9;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;color-scheme:light}:root[data-style=jeu] .btn{font-weight:800;border-radius:18px;box-shadow:0 5px #1f8a3b;letter-spacing:.02em}:root[data-style=jeu] .btn.soft{box-shadow:0 5px #b9d7c2}:root[data-style=jeu] .btn.ghost{box-shadow:0 4px 0 var(--line2)}:root[data-style=jeu] .btn:active{transform:translateY(4px);box-shadow:0 1px #1f8a3b}:root[data-style=jeu] .list,:root[data-style=jeu] .tile,:root[data-style=jeu] .choice,:root[data-style=jeu] .stage{border:2px solid var(--line);box-shadow:var(--e1)}:root[data-style=jeu] .row .ico,:root[data-style=jeu] .tile .ic{border-radius:14px;background:#ffd84a;color:#1d2b4f}:root[data-style=jeu] .h2,:root[data-style=jeu] .topbar h1,:root[data-style=jeu] .row .t,:root[data-style=jeu] .tile .t{font-weight:800}:root[data-style=jeu] .h2{font-size:22px}:root[data-style=jeu] .cta{box-shadow:0 8px #2c3fb8}:root[data-style=jeu] .tabbar{background:#fff;border-top:2px solid var(--line)}:root[data-style=jeu] .tabbar a.on .pill{background:#dcf7e3;color:#1f8a3b;border:2px solid #3ec15f}:root[data-style=jeu] .chip.on{background:#1a9bd6;color:#fff}:root[data-style=zen] .cta .pills>span,:root[data-style=zen] .cta .pills>.kl{background:transparent;color:#111;box-shadow:inset 0 0 0 1px #111}:root[data-style=zen] .cta .dur,:root[data-style=zen] .cta .where,:root[data-style=zen] .cta .t .part{color:#5d5a55}:root[data-style=zen] .cta>.lbadge{background:#111;color:#fff;box-shadow:none}:root[data-style=zen] .cta .go{border-radius:3px}