:root{--bg: #f4f5f8;--surface: #ffffff;--surface-2: #eef0f4;--border: #dfe2e8;--text: #15171c;--muted: #646b78;--accent: #2563eb;--accent-hover: #1d4fd0;--accent-soft: #e5edff;--on-accent: #ffffff;--good: #16a34a;--good-soft: #dcfce7;--bad: #dc2626;--bad-soft: #fee2e2;--warn: #ea580c;--mid: #ca8a04;--lime: #65a30d;--none: #9aa1ad;--shadow: 0 1px 2px rgb(16 24 40 / .06), 0 1px 3px rgb(16 24 40 / .08);--shadow-lg: 0 12px 32px rgb(16 24 40 / .18);--radius: 12px;--radius-sm: 8px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1115;--surface: #181b21;--surface-2: #22262e;--border: #2e333d;--text: #eceef2;--muted: #9aa1ad;--accent: #5b8cff;--accent-hover: #7aa2ff;--accent-soft: #1d2a4a;--on-accent: #0b0d12;--good: #34d399;--good-soft: #10342a;--bad: #f87171;--bad-soft: #3d1a1d;--warn: #fb923c;--mid: #facc15;--lime: #a3e635;--none: #6b7280;--shadow: 0 1px 2px rgb(0 0 0 / .4);--shadow-lg: 0 12px 32px rgb(0 0 0 / .5);color-scheme:dark}}:root[data-theme=dark]{--bg: #0f1115;--surface: #181b21;--surface-2: #22262e;--border: #2e333d;--text: #eceef2;--muted: #9aa1ad;--accent: #5b8cff;--accent-hover: #7aa2ff;--accent-soft: #1d2a4a;--on-accent: #0b0d12;--good: #34d399;--good-soft: #10342a;--bad: #f87171;--bad-soft: #3d1a1d;--warn: #fb923c;--mid: #facc15;--lime: #a3e635;--none: #6b7280;--shadow: 0 1px 2px rgb(0 0 0 / .4);--shadow-lg: 0 12px 32px rgb(0 0 0 / .5);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.1rem}.muted{color:var(--muted)}.small{font-size:.85rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 16px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text);white-space:nowrap}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:.85rem}.topbar .search{flex:1;max-width:420px;margin-left:auto}.page{max-width:1040px;margin:0 auto;padding:20px 16px 64px}.page-narrow{max-width:720px}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}.page-header .titles{min-width:0}.page-header h1{overflow-wrap:anywhere}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spacer{flex:1}.section{margin-top:28px}.section-title{margin-bottom:10px;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.banner{padding:8px 16px;font-size:.85rem;text-align:center;background:var(--accent-soft);color:var(--text)}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;font-size:.9rem;color:var(--muted)}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-weight:500;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,opacity .12s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-good{background:var(--good);border-color:var(--good);color:#fff}.btn-good:hover:not(:disabled){background:color-mix(in srgb,var(--good) 85%,black)}.btn-warn{background:var(--warn);border-color:var(--warn);color:#fff}.btn-warn:hover:not(:disabled){background:color-mix(in srgb,var(--warn) 85%,black)}.btn-danger{color:var(--bad)}.btn-danger.solid{background:var(--bad);border-color:var(--bad);color:#fff}.btn-ghost{border-color:transparent;background:transparent}.btn-lg{min-height:48px;padding:10px 20px;font-size:1.05rem;font-weight:600}.btn-block{width:100%}.icon-btn{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn.accent{color:var(--accent)}.icon-btn.active{background:var(--accent-soft);color:var(--accent)}.icon{width:20px;height:20px;flex:none}.input,.select,.textarea{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.textarea{min-height:160px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label,.label{font-size:.85rem;font-weight:600;color:var(--muted)}.hint{font-size:.8rem;color:var(--muted)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px}.segmented{display:inline-flex;padding:3px;border-radius:10px;background:var(--surface-2)}.segmented button{min-height:34px;padding:4px 14px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-weight:500;cursor:pointer}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.error-text{color:var(--bad);font-size:.9rem;white-space:pre-line}.success-text{color:var(--good);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.tile{position:relative;display:flex;gap:12px;align-items:flex-start;padding:14px 10px 14px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);transition:border-color .12s,transform .12s}.tile:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.tile-link{display:flex;flex:1;gap:12px;min-width:0;color:inherit}.tile-link:after{content:"";position:absolute;inset:0;border-radius:var(--radius)}.tile-body{flex:1;min-width:0}.tile-title{font-weight:600;overflow-wrap:anywhere}.tile-sub{margin-top:2px;font-size:.85rem;color:var(--muted)}.tile-menu{position:relative;z-index:1}.tile-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.tile-icon.list{background:var(--surface-2);color:var(--muted)}.empty{padding:40px 20px;text-align:center;color:var(--muted);border:2px dashed var(--border);border-radius:var(--radius)}.meter{height:6px;margin-top:10px;overflow:hidden;border-radius:99px;background:var(--surface-2)}.meter>span{display:block;height:100%;border-radius:inherit}.pct{font-weight:700;font-variant-numeric:tabular-nums}.menu{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:210px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:6px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.menu button:hover,.menu button:focus-visible{background:var(--surface-2);outline:none}.menu button.danger{color:var(--bad)}.menu hr{margin:6px 4px;border:none;border-top:1px solid var(--border)}.menu-wrap{position:relative}.overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#00000073;animation:fade .12s ease-out}.modal{display:flex;flex-direction:column;width:min(560px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:pop .14s ease-out}.modal.wide{width:min(820px,100%)}.modal-head{display:flex;align-items:center;gap:8px;padding:16px 18px 8px}.modal-head h2{flex:1}.modal-body{padding:8px 18px 16px;overflow-y:auto}.modal-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 18px 16px;border-top:1px solid var(--border)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.toasts{position:fixed;bottom:16px;left:50%;z-index:60;display:flex;flex-direction:column;gap:8px;width:min(480px,calc(100% - 32px));transform:translate(-50%)}.toast{padding:12px 16px;border-radius:var(--radius-sm);background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);animation:pop .14s ease-out}.toast.error{background:var(--bad);color:#fff}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat{padding:14px 16px}.stat .value{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.mode{display:flex;flex-direction:column;gap:6px;padding:16px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--text);cursor:pointer;transition:border-color .12s,transform .12s}.mode:hover{border-color:var(--accent);transform:translateY(-1px)}.mode .mode-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;margin-bottom:4px}.mode .mode-title{font-weight:600}.mode .mode-sub{font-size:.85rem;color:var(--muted)}.tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--border)}.tabs button{padding:10px 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:600;cursor:pointer}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.items{overflow:hidden}.item-row{display:grid;grid-template-columns:36px 1fr 1fr;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--border)}.item-row:first-child{border-top:none}.item-row.head{font-size:.8rem;font-weight:600;color:var(--muted);background:var(--surface-2)}.item-num{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.say{display:flex;align-items:center;gap:4px;min-width:0;overflow-wrap:anywhere}.say .icon-btn{width:30px;height:30px;flex:none}.say .icon{width:16px;height:16px}@media(max-width:560px){.item-row{grid-template-columns:28px 1fr}.item-row>:nth-child(3){grid-column:2}.item-row.head{display:none}}.heat{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.heat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;padding:6px;border-radius:var(--radius-sm);color:#fff;text-align:center}.heat-box .value{font-weight:700}.heat-box .label{max-width:100%;overflow:hidden;font-size:.72rem;white-space:nowrap;text-overflow:ellipsis;opacity:.92}.result-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--border)}.result-row:first-child{border-top:none}.dot{width:10px;height:10px;flex:none;border-radius:50%}.session{max-width:720px;margin:0 auto;padding:16px 16px 48px}.session-bar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.session-bar .title{flex:1;min-width:0;overflow:hidden;font-weight:600;text-align:center;white-space:nowrap;text-overflow:ellipsis}.progress{height:8px;overflow:hidden;border-radius:99px;background:var(--surface-2)}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .25s ease}.counter{margin:6px 0 14px;font-size:.85rem;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.instruction{margin-bottom:14px;color:var(--muted);text-align:center}.prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:140px;padding:24px 18px;text-align:center}.prompt-text{font-size:clamp(1.4rem,4vw,2rem);font-weight:700;overflow-wrap:anywhere}.answer-input{min-height:52px;font-size:1.2rem}.answer-input.correct{border-color:var(--good);background:var(--good-soft)}.answer-input.wrong{border-color:var(--bad);background:var(--bad-soft)}.chars{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:6px;margin-top:8px}.chars button{min-height:42px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:1.15rem;cursor:pointer}.chars button:hover{background:var(--surface-2)}.feedback{margin-top:14px;padding:14px 16px;border-radius:var(--radius-sm)}.feedback.correct{background:var(--good-soft)}.feedback.wrong{background:var(--bad-soft)}.feedback-title{display:flex;align-items:center;gap:8px;font-weight:700}.feedback.correct .feedback-title{color:var(--good)}.feedback.wrong .feedback-title{color:var(--bad)}.diff{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}.d-match{color:var(--good)}.d-extra{color:#fff;background:color-mix(in srgb,var(--bad) 80%,transparent)}.d-missing{background:color-mix(in srgb,var(--bad) 60%,transparent)}.d-wrong{color:var(--bad);background:color-mix(in srgb,var(--bad) 20%,transparent)}.d-highlight{color:var(--good);background:color-mix(in srgb,var(--good) 28%,transparent)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.actions.single{grid-template-columns:1fr}.kbd{padding:1px 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.summary{padding:28px 20px;text-align:center}.summary>.icon{width:44px;height:44px;color:var(--good)}.summary .big{margin:8px 0;font-size:3rem;font-weight:800;font-variant-numeric:tabular-nums}.flash{perspective:1200px;margin:8px 0 16px}.flash-inner{position:relative;min-height:300px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.7,.2,1);cursor:pointer}.flash-inner.flipped{transform:rotateY(180deg)}.flash-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flash-face.back{transform:rotateY(180deg)}.flash-side{position:absolute;top:14px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.flash-text{font-size:clamp(1.4rem,4.5vw,2.1rem);font-weight:600;overflow-wrap:anywhere}.masked{padding:20px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.15rem,3.5vw,1.5rem);font-weight:500;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border-radius:var(--radius)}.m-heard{color:var(--good)}.m-missed{color:var(--bad)}.m-hidden{color:var(--muted)}.mic{display:grid;place-items:center;width:120px;height:120px;margin:24px auto 8px;border:none;border-radius:50%;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-lg);cursor:pointer;transition:transform .2s,background .2s}.mic .icon{width:40px;height:40px}.mic.recording{background:var(--bad);color:#fff;transform:scale(1.08);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--bad) 25%,transparent)}}.editor-item{display:grid;grid-template-columns:28px 1fr 1fr 38px;gap:8px;align-items:center;padding:6px 0}@media(max-width:560px){.editor-item{grid-template-columns:24px 1fr 38px}.editor-item>:nth-child(3){grid-column:2;grid-row:2}}.config-card{padding:14px;margin-bottom:12px;background:var(--surface-2);border-radius:var(--radius-sm)}.auth{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:16px}.auth .card{width:min(400px,100%);padding:28px 24px}.auth h1{margin:14px 0 4px;font-size:1.4rem}.dropzone{padding:24px;text-align:center;border:2px dashed var(--border);border-radius:var(--radius);color:var(--muted);cursor:pointer}.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.drop-overlay{position:fixed;inset:12px;z-index:40;display:grid;place-items:center;border:3px dashed var(--accent);border-radius:20px;background:color-mix(in srgb,var(--accent-soft) 85%,transparent);color:var(--accent);font-size:1.2rem;font-weight:700;pointer-events:none}.loading{display:grid;place-items:center;min-height:60vh;color:var(--muted)}@media(hover:none){.kbd-hint{display:none}}@media(max-width:640px){.brand-name{display:none}h1{font-size:1.35rem}}