:root{--bg: #faf6ef;--card: #fffdf9;--card-border: #e6ddc9;--ink: #2b2620;--ink-soft: #6b6155;--ink-faint: #9a8f80;--accent: #5b6e4e;--accent-dark: #46573b;--gold: #a8853b;--green: #2e7d32;--green-bg: #e9f3e9;--red: #b3402a;--red-bg: #f9e9e4;--radius: 14px;--shadow: 0 2px 10px rgba(60, 50, 30, .08);--serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100dvh}#app{max-width:640px;margin:0 auto;padding:max(env(safe-area-inset-top),16px) 16px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;min-height:100dvh}header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:4px 2px 14px}h1{font-family:var(--serif);font-size:1.5rem;font-weight:600;margin:0;letter-spacing:.01em}h1 .cross{color:var(--gold);margin-right:6px}.subtitle{display:block;font-family:var(--sans);font-size:.78rem;font-weight:400;color:var(--ink-faint);margin-top:2px}.stats-chip{font-size:.8rem;color:var(--accent-dark);background:#eef0e9;border:1px solid #d8ddd0;border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap;font-family:var(--sans)}.stats-chip:active{background:#e2e6da}.chips{display:flex;align-items:center;gap:8px;flex-shrink:0}.focus-chip{font-size:.8rem;color:#8a6a24;background:#f7efdd;border:1px solid #e5d5b3;border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap;font-family:var(--sans)}.focus-chip:active{background:#efe2c6}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px}.qnum{font-size:.85rem;font-weight:700;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.focus-badge{display:inline-block;margin-left:8px;font-size:.68rem;font-weight:600;color:#8a6a24;background:#f7efdd;border:1px solid #e5d5b3;border-radius:999px;padding:1px 8px;letter-spacing:0;text-transform:none;vertical-align:middle}.question{font-family:var(--serif);font-size:1.45rem;line-height:1.4;margin:0 0 20px}.answer-reveal{margin:0 0 20px;padding:12px 14px;background:#f4efe3;border-left:3px solid var(--gold);border-radius:10px}.answer-reveal-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px}.answer-reveal-text{font-family:var(--serif);font-size:1.1rem;line-height:1.45;margin:0;color:var(--ink)}.aux-row{display:flex;flex-wrap:wrap;gap:4px 18px}.not-counted{margin-top:10px;padding:10px 12px;background:#f6ecd9;border-radius:10px;font-size:.85rem;color:#8a6a24}.divider-or{display:flex;align-items:center;gap:12px;color:var(--ink-faint);font-size:.8rem;margin:18px 0}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background:var(--card-border)}.mic-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.mic-btn{width:88px;height:88px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:2rem;cursor:pointer;box-shadow:0 4px 14px #46573b59;transition:transform .1s ease,background .15s ease;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mic-btn:active{transform:scale(.96)}.mic-btn:disabled{background:#b9b2a4;box-shadow:none;cursor:default}.mic-btn.recording{background:var(--red);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #b3402a73}50%{box-shadow:0 0 0 16px #b3402a00}}.mic-hint{font-size:.85rem;color:var(--ink-soft);text-align:center;min-height:1.2em}.record-timer{font-variant-numeric:tabular-nums;font-weight:600;color:var(--red)}.model-status{font-size:.8rem;color:var(--ink-faint);text-align:center;min-height:1.2em;margin-top:6px}.model-status.error{color:var(--red)}textarea.answer-input{width:100%;min-height:110px;resize:vertical;font-family:var(--sans);font-size:1.05rem;line-height:1.45;padding:12px 14px;border:1.5px solid var(--card-border);border-radius:10px;background:#fff;color:var(--ink)}textarea.answer-input:focus{outline:none;border-color:var(--accent)}.mode-toggle{background:none;border:none;color:var(--accent-dark);font-size:.85rem;cursor:pointer;padding:8px 4px;text-decoration:underline;-webkit-tap-highlight-color:transparent}.btn{display:block;width:100%;padding:16px;font-size:1.05rem;font-weight:600;font-family:var(--sans);border:none;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;margin-top:16px}.btn:active{transform:scale(.99)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:disabled{background:#b9b2a4}.btn-ghost{background:none;color:var(--accent-dark);font-weight:500;margin-top:8px}.btn-ghost:disabled{color:var(--ink-faint)}.busy{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 16px;color:var(--ink-soft);font-size:1rem;text-align:center}.spinner{width:22px;height:22px;border:3px solid #d8d2c2;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.busy .elapsed{font-variant-numeric:tabular-nums;color:var(--ink-faint);font-size:.85rem}.score-line{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.score-big{font-size:2.2rem;font-weight:700;font-variant-numeric:tabular-nums}.score-big.great{color:var(--green)}.score-big.ok{color:var(--gold)}.score-big.poor{color:var(--red)}.score-words{font-size:.95rem;color:var(--ink-soft)}.answer-aligned{font-family:var(--serif);font-size:1.25rem;line-height:2.1;margin:14px 0 4px}.answer-aligned .w{display:inline-block;padding:1px 4px;border-radius:5px;margin:0 1px;text-align:center}.answer-aligned .w.match{color:var(--green)}.answer-aligned .w.miss{color:var(--red);background:var(--red-bg);font-weight:600}.answer-aligned .w .sub{display:block;font-family:var(--sans);font-size:.62em;font-weight:400;color:var(--ink-faint);line-height:1.1}.transcript-box{margin-top:18px;padding:12px 14px;background:#f4efe3;border-radius:10px;font-size:.95rem;color:var(--ink-soft)}.transcript-box .label,.extra-box .label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:4px}.transcript-box .quote{font-family:var(--serif);font-style:italic}.extra-box{margin-top:10px;font-size:.9rem;color:var(--ink-soft)}.extra-box .extras{color:var(--red)}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.stats-header h2{font-family:var(--serif);font-size:1.3rem;margin:0}.back-btn{background:none;border:none;color:var(--accent-dark);font-size:1rem;cursor:pointer;padding:8px;font-family:var(--sans)}.stats-summary{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.stat-pill{background:#eef0e9;border:1px solid #d8ddd0;border-radius:10px;padding:8px 12px;font-size:.82rem;color:var(--accent-dark)}.stat-pill b{font-size:1rem}.stats-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}.stat-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;font-family:var(--sans);position:relative;overflow:hidden;border-radius:8px;background:#f1ece0;color:var(--ink-faint);cursor:pointer;border:1px solid transparent;font-variant-numeric:tabular-nums;padding:0;-webkit-tap-highlight-color:transparent}.stat-cell:active{transform:scale(.92)}.stat-cell.seen{color:var(--ink);background:#fff;border-color:var(--card-border)}.stat-cell.mid{background:#f6ecd9;color:#8a6a24;border-color:#e5d5b3}.stat-cell.mastered{background:var(--green-bg);color:var(--green);border-color:#cfe3cf}.stat-cell.focused{box-shadow:inset 0 0 0 2px var(--gold)}.stat-cell.filtered{opacity:.35}.rel-bar{position:absolute;left:0;right:0;bottom:0;height:4px;display:none;pointer-events:none}.stats-list.rel-on .rel-bar{display:block}.rel-bar.rel-low{background:var(--red)}.rel-bar.rel-mid{background:var(--gold)}.rel-bar.rel-high{background:var(--green)}.focus-panel{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:14px}.focus-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.focus-panel-head h3{font-family:var(--serif);font-size:1.05rem;margin:0}.focus-panel-actions{display:flex;align-items:center;gap:10px}.focus-count{font-size:.78rem;color:var(--ink-soft)}.clear-focus-btn{background:none;border:1px solid var(--card-border);border-radius:999px;color:var(--accent-dark);font-size:.78rem;font-family:var(--sans);padding:4px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.clear-focus-btn:active{background:#eef0e9}.clear-focus-btn:disabled{color:var(--ink-faint);cursor:default}.focus-help{margin:8px 0 0;font-size:.8rem;color:var(--ink-soft);line-height:1.45}.stat-pill.focus-pill{background:#f7efdd;border-color:#e5d5b3;color:#8a6a24}.settings-row{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);font-size:.85rem;color:var(--ink);line-height:1.4;cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-row input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.settings-row small{display:block;color:var(--ink-faint);font-size:.75rem;margin-top:2px}.reliability-row{flex-direction:column;gap:10px}.reliability-row input[type=range]{width:100%;margin:0;accent-color:var(--gold)}footer{margin-top:auto;padding-top:18px;text-align:center;font-size:.75rem;color:var(--ink-faint)}.error-banner{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:10px 12px;background:var(--red-bg);border:1px solid #e3b8ab;border-radius:10px;color:var(--red);font-size:.8rem;line-height:1.35;word-break:break-word}.error-banner small{color:var(--ink-soft)}.err-dismiss{flex:none;margin-left:auto;border:none;background:none;color:var(--red);font-size:.9rem;cursor:pointer;padding:0 2px}@media(min-width:560px){.question{font-size:1.7rem}.answer-aligned{font-size:1.4rem}}