:root{--color-paper:#f6efdd;--color-card:#fffcf3;--color-hairline:#dccdae;--color-ink:#33281e;--color-ink-soft:#6b5c4b;--color-teal:#26616b;--color-teal-deep:#1b474d;--color-brick:#a93226;--color-marigold:#f2a93b;--color-vermillion:#d9542a;--color-olive:#5e6b33;--font-brand:"Kaisei Decol", serif;--font-content:"Zen Maru Gothic", sans-serif;--font-ui:"Hanken Grotesk", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--radius-sm:6px;--radius-md:14px;--radius-pill:999px}*{box-sizing:border-box}html,body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;padding:0}button{font-family:inherit}.shell{background:var(--color-paper);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.header{padding:28px 20px 10px}.wordmark{font-family:var(--font-brand);color:var(--color-ink);margin:0;font-size:26px}.tagline{color:var(--color-ink-soft);margin:4px 0 0;font-size:12px}.search-row{border-radius:var(--radius-pill);background:var(--color-card);border:1px solid var(--color-hairline);align-items:center;gap:10px;margin:14px 20px 0;padding:11px 14px;display:flex}.search-icon{color:var(--color-ink-soft);flex-shrink:0}.search-row input{font-size:15px;font-family:var(--font-content);color:var(--color-ink);background:0 0;border:none;outline:none;flex:1}.search-row .count{color:var(--color-teal);font-size:11px;font-family:var(--font-ui);white-space:nowrap}.chips{flex-wrap:wrap;gap:8px;margin:14px 20px 0;display:flex}.recent-searches{margin:14px 20px 0}.recent-searches .chips{margin:6px 0 0}.recent-searches-header{color:var(--color-ink-soft);justify-content:space-between;align-items:center;font-size:11px;display:flex}.recent-clear{color:var(--color-teal);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.chip{border:1px solid var(--color-hairline);background:var(--color-card);color:var(--color-ink-soft);border-radius:var(--radius-pill);cursor:pointer;padding:6px 14px;font-size:12px}.chip-active{background:var(--color-teal);border-color:var(--color-teal);color:var(--color-paper)}.chip-static{cursor:default}.level-row{color:var(--color-ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin:14px 20px 0;font-size:12px;display:flex}.level-row select{font-family:var(--font-ui);border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-card);color:var(--color-ink);padding:5px 8px;font-size:12px}.level-hint{color:var(--color-ink-soft);opacity:.8;margin:6px 20px 0;font-size:10px}.tabs{border-bottom:1px solid var(--color-hairline);gap:6px;margin:16px 20px 0;display:flex}.tab-btn{color:var(--color-ink-soft);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 4px 10px;font-size:13px;font-weight:600}.tab-btn-active{color:var(--color-teal);border-bottom-color:var(--color-teal)}.btn{border-radius:var(--radius-pill);font-family:var(--font-ui);cursor:pointer;border:none;padding:10px 20px;font-size:13px;font-weight:600}.btn-primary{background:var(--color-teal);color:var(--color-paper)}.btn-outline{color:var(--color-ink-soft);border:1px solid var(--color-hairline);background:0 0}.btn-strong{background:var(--color-teal-deep)}.btn-sub{opacity:.75;margin-top:2px;font-size:9px;font-weight:400;display:block}.review-card{border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-hairline);flex-direction:column;align-items:center;gap:16px;margin:24px 20px 0;padding:32px 20px;display:flex}.review-progress{font-family:var(--font-ui);color:var(--color-ink-soft);font-size:11px}.review-kanji{font-family:var(--font-content);color:var(--color-ink);font-size:40px}.review-answer{flex-direction:column;align-items:center;gap:4px;display:flex}.review-answer .kana{font-family:var(--font-content);color:var(--color-ink-soft);font-size:15px}.review-answer .gloss{font-family:var(--font-ui);color:var(--color-ink);font-size:14px}.review-answer .pitch-label{font-family:var(--font-ui);color:var(--color-teal);font-size:11px}.review-actions{gap:10px;display:flex}.review-actions-srs{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;display:grid}.review-actions-srs .btn{padding:10px 8px}.review-summary{flex-direction:column;align-items:center;gap:16px;margin:40px 20px 0;padding:32px 20px;display:flex}.review-summary-score{font-family:var(--font-content);color:var(--color-ink);margin:0;font-size:20px}.review-summary-tally{font-family:var(--font-ui);color:var(--color-ink-soft);margin:-8px 0 0;font-size:11px}.results{border-top:1px solid var(--color-hairline);margin-top:16px}.word-row{border-bottom:1px solid var(--color-hairline);text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:13px 20px;font-family:inherit;display:flex}.word-row:hover{background:var(--color-card)}.row-chevron{color:var(--color-ink-soft);opacity:.7;flex-shrink:0}.word-main{flex-direction:column;gap:2px;min-width:0;display:flex}.word-kanji-kana{align-items:baseline;gap:8px;display:flex}.mastered-dot{color:var(--color-teal);font-size:8px;line-height:1}.review-toggle{color:var(--color-ink-soft);cursor:pointer;align-items:center;gap:6px;margin:10px 20px 0;font-size:11px;display:flex}.review-toggle input{accent-color:var(--color-teal)}.kanji{font-family:var(--font-content);color:var(--color-ink);font-size:18px}.kana{font-family:var(--font-content);color:var(--color-ink-soft);font-size:12px}.gloss{font-family:var(--font-ui);color:var(--color-ink-soft);font-size:13px}.word-side{flex-shrink:0;align-items:center;gap:10px;display:flex}.tag{font-size:10px;font-family:var(--font-ui);color:var(--color-teal-deep);border-radius:var(--radius-pill);background:#e4eeec;padding:3px 8px;font-weight:600}.tag-muted{color:var(--color-ink-soft);background:0 0}.tag-estimated{border:1px dashed var(--color-hairline);color:var(--color-ink-soft);background:0 0}.pitch{flex-direction:column;align-items:center;gap:2px;display:flex}.pitch-label{font-family:var(--font-ui);color:var(--color-teal);white-space:nowrap;font-size:9px}.pitch-label-lg{margin-top:8px;font-size:13px}.pitch-bracket{font-family:var(--font-content);display:inline-flex}.pitch-bracket .mora{color:var(--color-ink-soft);padding:0 1px 1px;font-size:12px;line-height:1.4}.pitch-bracket .mora-high{border-top:2px solid var(--color-teal);color:var(--color-ink);transform:translateY(-3px)}.pitch-bracket .mora-drop{border-right:2px solid var(--color-teal);padding-right:3px}.pitch-bracket-lg{margin-top:16px}.pitch-bracket-lg .mora{padding:0 2px 2px;font-size:22px}.pitch-bracket-lg .mora-high{border-top-width:3px;transform:translateY(-5px)}.pitch-bracket-lg .mora-drop{border-right-width:3px;padding-right:6px}.empty{color:var(--color-ink-soft);padding:24px 20px;font-size:13px}.results-hint{color:var(--color-ink-soft);text-align:center;padding:14px 20px;font-size:11px}.detail-back{color:var(--color-teal);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin:18px 20px 0;padding:0;font-size:13px;font-weight:600;display:flex}.detail-card{text-align:center;border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-hairline);flex-direction:column;align-items:center;gap:6px;margin:28px 20px 0;padding:32px 20px;display:flex}.detail-kanji{font-family:var(--font-content);color:var(--color-ink);font-size:40px}.detail-card .pitch-bracket-lg{margin-top:10px}.detail-gloss{color:var(--color-ink);margin:10px 0 0;font-size:15px}.detail-meta{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.example{border-top:1px dashed var(--color-hairline);text-align:center;width:100%;margin-top:14px;padding-top:14px}.example-ja{font-family:var(--font-content);color:var(--color-ink);margin:0;font-size:15px}.example-highlight{color:var(--color-teal)}.example-reading{font-family:var(--font-content);color:var(--color-ink-soft);margin:4px 0 0;font-size:11px}.example-en{font-family:var(--font-ui);color:var(--color-ink-soft);margin:6px 0 0;font-size:12px}.detail-mastered{color:var(--color-teal);margin:14px 0 0;font-size:11px}.credits{color:var(--color-ink-soft);opacity:.75;margin-top:auto;padding:18px 20px 28px;font-size:10px}.prono{border-top:1px dashed var(--color-hairline);flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:14px;padding-top:14px;display:flex}.prono-listening{color:var(--color-teal-deep);border-color:var(--color-teal-deep)}.prono-scores{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.prono-score{flex-direction:column;align-items:center;gap:2px;display:flex}.prono-score-value{font-family:var(--font-content);color:var(--color-ink);font-size:18px}.prono-score-main .prono-score-value{color:var(--color-teal-deep);font-size:22px}.prono-score-label{font-family:var(--font-ui);color:var(--color-ink-soft);font-size:9px}.prono-heard{font-family:var(--font-content);color:var(--color-ink-soft);margin:0;font-size:12px}.prono-error,.prono-hint{color:var(--color-ink-soft);text-align:center;margin:0;font-size:11px}