@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/Baloo2-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/Baloo2-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/Baloo2-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--surface:#fff;--ink:#26304a;--muted:#5b6683;--scrim:#26304a6b;--accent:#2e8fd6;--accent-ink:#fff;--pill:#eef3fa;--line:#d7e0ee;--danger:#c8344f;--sky:#8fd3f4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{height:100%}*,:before,:after{box-sizing:inherit}html,body{margin:0;overflow:hidden}body{background:var(--sky);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font-family:"Baloo 2",ui-rounded,Arial Rounded MT Bold,Segoe UI,system-ui,sans-serif}#c{width:100%;height:100%;display:block;position:fixed;top:0;left:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#1c2236;--ink:#eef2fb;--muted:#a8b2cc;--scrim:#080a1499;--accent:#5cc2f2;--accent-ink:#0e1626;--pill:#2a3250;--line:#3a4466;--danger:#ff7a93;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--surface:#1c2236;--ink:#eef2fb;--muted:#a8b2cc;--scrim:#080a1499;--accent:#5cc2f2;--accent-ink:#0e1626;--pill:#2a3250;--line:#3a4466;--danger:#ff7a93;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{scroll-padding-top:env(safe-area-inset-top,0px)}.overlay{z-index:5;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px);background:var(--scrim);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.overlay[hidden]{display:none}.card{background:var(--surface);color:var(--ink);border-radius:32px;width:100%;max-width:460px;padding:32px 28px 26px;box-shadow:0 22px 60px #141e3c47}.start{text-align:center}.wordmark{flex-direction:column;align-items:center;gap:.14em;margin:0 0 16px;font-size:clamp(34px,8.5vw,52px);font-weight:800;line-height:1;display:flex}.wordmark .word{gap:.05em;display:flex}.wordmark .word>span{background:var(--c);color:#fff;width:1.08em;height:1.18em;transform:rotate(var(--r));border-radius:.26em;place-items:center;padding-top:.06em;display:inline-grid;box-shadow:inset 0 -.09em #00000029}.lede{color:var(--muted);max-width:30ch;margin:0 auto 22px;font-size:1.15rem;font-weight:500;line-height:1.45}.play{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;padding:14px 38px 12px;font-size:1.45rem;font-weight:800;box-shadow:inset 0 -5px #0000002e}.play:active{transform:translateY(2px);box-shadow:inset 0 -2px #0000002e}.status{min-height:1.4em;color:var(--danger);margin:14px 0 0;font-size:.98rem;font-weight:700}.notes{border-top:2px dashed var(--line);color:var(--muted);text-align:left;margin:12px 0 0;padding:14px 0 0;font-size:.95rem;line-height:1.45}.notes p{margin:0 0 6px}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.panel h2{margin:0 0 12px;font-size:1.7rem;font-weight:800;line-height:1.1}.stats{margin:0 0 6px;padding:0}.stats div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.stats div[hidden]{display:none}.stats dt{color:var(--muted);font-weight:500}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:800}.lock{color:var(--muted);margin:8px 0 14px;font-size:.92rem;line-height:1.4}.row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.row>span{font-weight:700}button{font:inherit}.toggle,.seg button,.actions button{border:2px solid var(--line);background:var(--pill);color:var(--ink);cursor:pointer;border-radius:999px;padding:5px 16px 3px;font-weight:700}.toggle[aria-pressed=true],.seg button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.seg{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.seg button{min-width:46px}.actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.actions .primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);padding:8px 22px 6px;font-size:1.1rem}.actions .quiet{color:var(--danger);background:0 0;border-color:#0000;margin-left:auto;padding-inline:6px}.session{margin:12px 0 4px}.session h3{margin:0 0 6px;font-size:1.1rem;font-weight:800}.chart{width:100%;height:110px;color:var(--muted);display:block}.past{margin:0;padding:0;list-style:none}.past li{border-bottom:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;padding:5px 0;display:flex}.past li strong{color:var(--ink);font-weight:700}.past-empty{color:var(--muted);margin:4px 0}.past-empty[hidden]{display:none}.small{border:2px solid var(--line);background:var(--pill);color:var(--ink);cursor:pointer;border-radius:999px;margin-top:8px;padding:3px 14px 1px;font-weight:700}