:root{--bg: #1c1c1e;--surface: #2c2c2e;--surface-raised: #3a3a3c;--text: #f2f2f7;--text-dim: #a0a0ab;--accent: #64d2ff;--accent-strong: #0a84ff;--danger: #ff453a;--radius: 12px;--tap: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100dvh;display:flex;flex-direction:column}.page{width:100%;max-width:480px;margin:0 auto;padding:24px 16px calc(24px + env(safe-area-inset-bottom));flex:1}.page-title{font-size:1.5rem;font-weight:700;margin:0 0 16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.85rem;color:var(--text-dim)}input{appearance:none;background:var(--surface);border:1px solid var(--surface-raised);border-radius:var(--radius);color:var(--text);font-size:16px;min-height:var(--tap);padding:10px 14px;width:100%}input:focus{outline:2px solid var(--accent-strong);outline-offset:1px}button{appearance:none;border:none;border-radius:var(--radius);cursor:pointer;font-size:1rem;font-weight:600;min-height:var(--tap);padding:12px 16px;width:100%}button:disabled{opacity:.5}.btn-primary{background:var(--accent-strong);color:#fff}.btn-secondary{background:var(--surface);color:var(--text)}.btn-danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}.btn-link{background:transparent;color:var(--accent);font-weight:500;min-height:auto;padding:8px 0;text-align:left;width:auto}.error-text{color:var(--danger);font-size:.9rem;margin:8px 0}.notice-text{color:var(--text-dim);font-size:.9rem;margin:8px 0}.card{background:var(--surface);border-radius:var(--radius);padding:20px 16px}.stack{display:flex;flex-direction:column;gap:12px}.stepper{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:8px}.stepper-btn{font-size:1.3rem;height:44px;padding:0;width:44px}.stepper-value{font-size:1.6rem;font-weight:600;min-width:3ch;text-align:center}.home-progress{margin-bottom:16px}.home-count{font-size:1.1rem;margin:0 0 12px}.home-count strong{font-size:1.6rem}.home-bar{background:var(--surface-raised);border-radius:6px;height:10px;overflow:hidden}.home-bar-fill{background:var(--accent-strong);border-radius:6px;height:100%;transition:width .3s ease}.home-all-done{color:var(--text-dim);margin:0}.word-card{background:var(--surface);border-radius:var(--radius);padding:20px 16px}.word-card-headword{font-size:2rem;font-weight:700;margin:0 0 12px}.word-card-image{border-radius:var(--radius);display:block;margin-bottom:16px;max-height:240px;object-fit:cover;width:100%}.pos-group+.pos-group{border-top:1px solid var(--surface-raised);margin-top:16px;padding-top:12px}.pos-group-header{align-items:baseline;display:flex;gap:8px;margin-bottom:8px}.pos-label{color:var(--accent);font-size:.85rem;font-style:italic;font-weight:600}.pos-phoneme{color:var(--text-dim);font-size:.9rem}.sense-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.commonness-badge{border-radius:999px;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.02em;margin-bottom:4px;padding:2px 10px;text-transform:uppercase}.sense[data-commonness=core] .commonness-badge{background:var(--accent-strong);color:#fff}.sense[data-commonness=common] .commonness-badge{background:var(--surface-raised);color:var(--text)}.sense[data-commonness="less common"] .commonness-badge{background:transparent;border:1px solid var(--surface-raised);color:var(--text-dim)}.sense-definition{margin:0 0 6px}.sense-example{border-left:3px solid var(--surface-raised);color:var(--text-dim);font-style:italic;margin:0;padding-left:10px}.synonym-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:8px 0 0;padding:0}.synonym{font-size:.9rem}.synonym-word{color:var(--accent);font-weight:600;margin-right:6px}.synonym-note{color:var(--text-dim)}.review-header{align-items:baseline;display:flex;justify-content:space-between}.review-header .page-title{margin-bottom:8px}.review-progress{color:var(--text-dim);font-size:.85rem;margin:0;white-space:nowrap}.review-remaining{color:var(--text-dim)}.icon-btn{background:transparent;border-radius:8px;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px;vertical-align:middle;width:auto}.icon-btn:active{background:var(--surface-raised)}.word-card-headword .icon-btn+.icon-btn{margin-left:4px}.card-image-figure{margin:0 0 16px}.card-image-figure .word-card-image{margin-bottom:6px}.image-attribution{color:var(--text-dim);font-size:.75rem;line-height:1.4}.image-attribution a{color:var(--accent);text-decoration:none}.image-note{color:var(--text-dim);font-size:.85rem;margin:0 0 16px}.mark-row{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:16px}.mark-btn{align-items:center;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:72px;padding:12px 8px}.mark-btn kbd{display:none}@media(hover:hover)and (pointer:fine){.mark-btn kbd{background:#ffffff24;border-radius:4px;display:inline-block;font-family:inherit;font-size:.7rem;font-weight:500;padding:1px 6px}}.mark-forgot{background:var(--danger);color:#fff}.mark-fuzzy{background:var(--surface-raised);color:var(--text)}.mark-gotit{background:var(--accent-strong);color:#fff}.review-toolbar{margin-top:12px}.undo-btn{width:auto;padding:8px 16px;min-height:40px}.end-card{text-align:center}.end-title{font-size:1.35rem;margin:0 0 8px}.end-count{margin:0 0 16px}.end-distribution{display:inline-flex;flex-direction:column;gap:6px;list-style:none;margin:0 0 16px;padding:0;text-align:left}.end-distribution li{align-items:center;display:flex;gap:8px}.end-elapsed{color:var(--text-dim);font-size:.9rem;margin:0 0 8px}.dot{border-radius:50%;display:inline-block;height:10px;width:10px}.dot-forgot{background:var(--danger)}.dot-fuzzy{background:var(--text-dim)}.dot-gotit{background:var(--accent-strong)}.streak-card{align-items:baseline;display:flex;gap:10px;justify-content:center;margin-bottom:16px}.streak-number{color:var(--accent);font-size:3rem;font-weight:700;line-height:1}.streak-label{color:var(--text-dim);font-size:1rem}.stats-chart{align-items:flex-end;display:flex;gap:3px;height:120px}.stats-bar-col{align-items:flex-end;display:flex;flex:1;height:100%}.stats-bar{background:var(--accent-strong);border-radius:2px 2px 0 0;width:100%}.stats-bar-zero{background:var(--surface-raised);min-height:2px}.stats-chart-axis{color:var(--text-dim);display:flex;font-size:.8rem;justify-content:space-between;margin-top:6px}.report-entry{border-top:1px solid var(--surface-raised);margin-top:16px;padding-top:12px}.report-open{color:var(--text-dim);font-size:.9rem;font-weight:500}.report-label{color:var(--text-dim);display:block;font-size:.85rem;margin-bottom:6px}.report-note{appearance:none;background:var(--bg);border:1px solid var(--surface-raised);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:16px;padding:10px 14px;resize:vertical;width:100%}.report-note:focus{outline:2px solid var(--accent-strong);outline-offset:1px}.report-actions{display:flex;gap:10px;margin-top:10px}.report-actions button{flex:1}.report-state{color:var(--text-dim);font-size:.9rem;margin:0}