:root{color-scheme:dark;--bg:#0f1115;--bg-elev:#171a21;--bg-sunken:#0a0c10;--border:#232833;--text:#e6e8ec;--muted:#8b93a1;--muted-2:#b7bec9;--accent:#2b6cff;--accent-2:#262a33;--pass:#6ee7a0;--pass-bg:#16351f;--fail:#ff8f8f;--fail-bg:#3a1c1c;--warn:#ffcf6e;--warn-bg:#3a3016}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.app{max-width:560px;margin:0 auto;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 14px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column}h1{font-size:19px;margin:0 0 4px}h2{font-size:16px;margin:0 0 10px}.sub{font-size:13px;margin:0 0 16px}.muted,.sub{color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;background:var(--bg-sunken);padding:1px 5px;border-radius:5px;color:var(--muted-2)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:16px;margin:12px 0}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:11px;background:var(--accent);color:#fff;font:inherit;font-weight:600;padding:12px 16px;min-height:48px;cursor:pointer;transition:opacity .12s ease,transform .05s ease}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}button.sec{background:var(--accent-2);color:var(--muted-2)}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}button.block{width:100%}.row{display:flex;gap:8px;flex-wrap:wrap}.row.tight{gap:6px}.grow,.spacer{flex:1 1}input[type=password],input[type=text]{width:100%;background:var(--bg-sunken);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;padding:12px 14px;min-height:48px}input:focus{outline:2px solid var(--accent);outline-offset:1px}label{display:block;font-size:13px;margin-bottom:6px}.pill,label{color:var(--muted-2)}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-2)}.pill.ok{background:var(--pass-bg);color:var(--pass)}.pill.bad{background:var(--fail-bg);color:var(--fail)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.gate{border:1px dashed var(--border);border-radius:11px;padding:12px 14px;color:var(--muted);font-size:13px;background:repeating-linear-gradient(45deg,transparent,transparent 9px,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 18px)}.gate b{color:var(--warn);font-weight:600}.steplabel{font-size:12px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin-bottom:4px}.progressdots{display:flex;gap:8px;margin:6px 0 4px}.progressdots span{flex:1 1;height:4px;border-radius:2px;background:var(--border)}.progressdots span.done{background:var(--pass)}.progressdots span.cur{background:var(--accent)}.flip{min-height:120px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:22px;line-height:1.4;padding:18px 8px}.flip .en{color:var(--pass)}.reading{font-size:17px;line-height:1.85;word-break:break-word}.reading .w{cursor:pointer;border-radius:4px;padding:0 1px}.reading .w.active,.reading .w:active{background:var(--accent);color:#fff}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg-elev);border-top:1px solid var(--border);border-radius:16px 16px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(0,0,0,.45);max-width:560px;margin:0 auto}.sheet .word{font-size:20px;font-weight:600}.sheet .phon{color:var(--muted);font-family:ui-monospace,monospace;margin-left:8px;font-size:14px}.sheet .gloss{margin-top:8px;font-size:16px}.timer{font-family:ui-monospace,monospace;color:var(--muted);font-size:13px}.recmeter{height:8px;border-radius:4px;background:var(--bg-sunken);overflow:hidden;margin-top:10px}.recmeter>div{height:100%;background:var(--fail);transition:width .2s linear}audio{width:100%;margin-top:10px}.list{list-style:none;padding:0;margin:0}.list li{padding:10px 0;border-bottom:1px solid var(--border)}.list li:last-child{border-bottom:0}.center{text-align:center}.mt{margin-top:12px}.mt2{margin-top:20px}.err{color:var(--fail);font-size:13px;margin-top:8px}.words{line-height:1.95}.words span[class^=wd-]{border-radius:3px;padding:0 1px}.wd-bad{color:var(--fail);font-weight:600}.wd-warn{color:var(--warn)}.wd-omit{color:var(--fail);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;opacity:.75}.wd-insert{color:var(--muted);text-decoration:line-through}.big{font-size:40px;font-weight:700}.spin{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(1turn)}}.navbar{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 0 6px}.navbar .brand{background:none;border:0;color:var(--text);font-weight:700;font-size:16px;padding:4px 2px;min-height:auto;cursor:pointer}.navbar .stepname{font-weight:600;font-size:15px}.iconbtn{background:transparent;border:0;color:var(--muted-2);font-size:22px;line-height:1;padding:6px 8px;min-height:40px;min-width:40px;border-radius:10px;cursor:pointer}.iconbtn:active:not(:disabled){background:var(--accent-2);transform:none}.backdrop{position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.5)}.menu-item{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;color:var(--text);font-weight:500;padding:14px 4px;min-height:54px;cursor:pointer}.menu-item:active:not(:disabled){background:var(--accent-2);transform:none}.menu-item.danger{color:var(--fail)}.menu-item .mi-sub{display:block;font-weight:400;margin-top:2px}.menu-foot,.menu-item .mi-sub{color:var(--muted);font-size:12px}.menu-foot{font-family:ui-monospace,monospace;padding:14px 4px 2px}