@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg0: #171310;--bg1: #211b16;--bg2: #2c241c;--line: #392f25;--line-soft: #2a211a;--text: #f4ebdf;--muted: #a3907d;--accent: #e8a23c;--on-accent: #201302;--ok: #7fb27a;--warn: #d9b44a;--miss: #6f665c;--extra: #c4624c;--radius-s: 8px;--radius-m: 14px;--radius-l: 20px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--font-display: "Archivo Variable", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-body: "PingFang TC", "Microsoft JhengHei", "Noto Sans CJK TC", sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--bg0);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.25;margin:0 0 var(--sp-3)}h1{font-size:28px;font-weight:800;letter-spacing:.02em}h2{font-size:22px}main{max-width:480px;margin:0 auto;padding:var(--sp-4) var(--sp-4) var(--sp-8);min-height:100dvh}a,button{font-family:inherit;color:inherit}button{border:1px solid var(--line);background:var(--bg2);border-radius:var(--radius-s);padding:10px var(--sp-4);font-size:15px;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700;font-family:var(--font-display);letter-spacing:.04em}.btn-ghost{background:transparent;border-color:var(--line-soft);color:var(--muted);font-size:13px;padding:6px 12px}.eyebrow{font-family:var(--font-display);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--sp-1)}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}.card{background:var(--bg1);border:1px solid var(--line);border-radius:var(--radius-m);padding:var(--sp-4)}.card h3{margin-top:0}.beatbar{display:flex;gap:var(--sp-2);align-items:flex-end;height:14px;margin:var(--sp-2) 0 var(--sp-4)}.beatbar>span{flex:1;height:5px;border-radius:3px;background:var(--line);position:relative}.beatbar>span:first-child{height:14px;background:var(--accent)}.beatbar.pulse>span{animation:beat 1s steps(1,end) infinite}@keyframes beat{0%{background:var(--accent)}25%{background:var(--line)}}@media(prefers-reduced-motion:reduce){.beatbar.pulse>span{animation:none}}.screen-title{margin-bottom:var(--sp-6)}.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.home-cards article{background:var(--bg1);border:1px solid var(--line);border-radius:var(--radius-m);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)}.home-cards h3{font-size:14px;font-family:var(--font-body);font-weight:700;margin:0 0 var(--sp-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-cards p{margin:0;color:var(--muted);font-size:12px}.home-cards p strong,.home-cards p b{color:var(--text);font-family:var(--font-display);font-size:18px}.home-cards button{margin-top:var(--sp-2);font-size:13px;padding:8px 0}.practice-header{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-4)}.practice-header h2{margin:0;flex:1}.level-chip{font-family:var(--font-display);font-size:12px;color:var(--accent);border:1px solid var(--line);border-radius:999px;padding:2px 10px;white-space:nowrap}.stage{background:var(--bg1);border:1px solid var(--line);border-radius:var(--radius-l);padding:var(--sp-4);min-height:60vh;display:flex;flex-direction:column;gap:var(--sp-4)}.sheet{background:#f6f1e7;border-radius:var(--radius-s);padding:var(--sp-1)}.tap-pad{flex:1;min-height:45vh;width:100%;touch-action:none;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 2px),var(--line-soft) calc(25% - 2px),var(--line-soft) 25%),var(--bg2);border-radius:var(--radius-l)}.dict-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--sp-1)}.dict-grid button{height:44px;border-color:var(--line);border-radius:6px;padding:0}.dict-grid button[data-mark=""]{background:var(--bg2)}.dict-grid button[data-mark=onset]{background:var(--ok);border-color:var(--ok)}.dict-grid button[data-mark=rest]{background:var(--warn);border-color:var(--warn)}.toolbar{display:flex;gap:var(--sp-2)}.toolbar button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.feedback-dots{display:flex;gap:var(--sp-2);flex-wrap:wrap}.feedback-dot{width:16px;height:16px;border-radius:50%}.feedback-dot[data-f=ok]{background:var(--ok)}.feedback-dot[data-f=warn]{background:var(--warn)}.feedback-dot[data-f=miss]{background:var(--miss)}.stat-label{color:var(--muted);font-size:13px;margin:0}.stat-num{font-family:var(--font-display);font-size:32px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.stat-list{list-style:none;padding:0;margin:var(--sp-3) 0 0;display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4)}.stat-list li{font-size:12px;color:var(--muted)}.switch-label{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) 0;border-bottom:1px solid var(--line-soft)}.switch-label input{width:20px;height:20px;accent-color:var(--accent)}.actions{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4)}.actions .danger{color:var(--extra);border-color:var(--extra);background:transparent}.gate{display:grid;place-items:center;min-height:100dvh;text-align:center;cursor:pointer}.gate-inner{display:grid;gap:var(--sp-4);justify-items:center}.gate-ring{width:88px;height:88px;border-radius:50%;border:2px solid var(--accent);display:grid;place-items:center;position:relative}.gate-ring:before{content:"";width:20px;height:20px;border-radius:50%;background:var(--accent)}.gate-ring:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--line)}