:root{--bg: #f6f5f3;--surface: #ffffff;--fg: #1c1b1f;--muted: #6b6870;--border: #e3e0dc;--accent: #ea580c;--again: #dc2626;--hard: #d97706;--good: #16a34a;--easy: #2563eb;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #18181b;--surface: #222226;--fg: #ececee;--muted: #a1a1aa;--border: #34343a;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;-webkit-tap-highlight-color:transparent}[lang=ja]{font-family:Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,sans-serif}.page{max-width:560px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}button{font:inherit;border:none;border-radius:10px;padding:10px 14px;background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.6}button.secondary{background:var(--surface);color:var(--fg);border:1px solid var(--border)}button.link{background:none;color:var(--accent);padding:0}button.danger{background:var(--again)}.hint{color:var(--muted);font-size:.875rem}.error{color:var(--again);font-size:.875rem}.bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.bar h1{margin:0;font-size:1.125rem}.counts{margin:0 auto 0 0;font-variant-numeric:tabular-nums}.count-new{color:var(--easy)}.count-learning{color:var(--again)}.count-review{color:var(--good)}.card{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.card-state{margin:0;color:var(--muted);font-size:.8125rem}.expression{margin:12px 0;font-size:2.6rem;text-align:center;line-height:1.6}.expression rt{font-size:.4em;color:var(--muted)}.sentence{margin:4px 0;font-size:1.35rem;line-height:1.8}.sentence.small{font-size:1.05rem;color:var(--muted)}mark{background:color-mix(in srgb,var(--accent) 22%,transparent);color:inherit;border-radius:3px;padding:0 2px}.gap{color:var(--accent)}.meanings ul{margin:0 0 8px;padding-left:1.2em}.meanings .english,.hints{color:var(--muted);font-size:.9375rem}.reading{width:100%;padding:12px;border:2px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font:inherit;font-size:1.4rem;text-align:center}.reading.is-correct{border-color:var(--good)}.reading.is-wrong{border-color:var(--again)}.back{border-top:1px solid var(--border);padding-top:12px}.card-image{display:block;max-width:100%;max-height:40vh;margin:8px auto 0;border-radius:8px}.actions{margin-top:auto;display:flex;flex-direction:column;gap:10px}.reveal{width:100%;padding:16px;font-size:1.05rem}.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.grade{display:flex;flex-direction:column;align-items:center;padding:12px 4px;line-height:1.2}.grade small{opacity:.85;font-size:.75rem}.grade.again{background:var(--again)}.grade.hard{background:var(--hard)}.grade.good{background:var(--good)}.grade.easy{background:var(--easy)}.undo{align-self:center;font-size:.875rem}.done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}footer{margin-top:12px;text-align:center}.login{justify-content:center;gap:12px}.account section{margin-bottom:16px}.account h2{font-size:1rem;margin:0 0 8px}.account .devices{list-style:none;margin:0;padding:0}.account .devices li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.account-actions{display:flex;flex-direction:column;gap:10px}.login .google-button{display:flex;justify-content:center;min-height:44px}.login input{padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--fg);font:inherit}.card-image.concealed{position:relative;display:block;padding:0;border:0;background:none}.card-image.concealed canvas{display:block;width:100%;height:auto;image-rendering:pixelated}.card-image.concealed span{position:absolute;left:50%;bottom:8px;transform:translate(-50%);padding:2px 10px;border-radius:999px;background:#000000a6;color:#fff;font-size:.8rem}.play{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;border-radius:999px}.play-row{display:flex;align-items:center;gap:8px;margin:0 0 8px}.with-play{display:flex;align-items:flex-start;gap:8px}.with-play .play{margin-top:.2em}.question{margin:8px 0 0;text-align:center;color:var(--muted)}rt.is-hidden{visibility:hidden}.listening{display:flex;flex-direction:column;align-items:center;gap:12px}.listening-play{width:72px;height:72px;padding:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.listening .sentence{text-align:center}.choices{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{width:100%;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:1.35rem;line-height:1.4}.choice:disabled{opacity:1}.choice rt{font-size:.5em;color:var(--muted)}.choice small{font-size:.75rem;color:var(--muted);text-align:center}.choice.is-correct{border:2px solid var(--good)}.choice.is-wrong{border:2px solid var(--again)}.grade.wide{width:100%;padding:14px}.speaking{display:flex;flex-direction:column;align-items:center;gap:8px}.speaking.compare{flex-direction:row;justify-content:center}.record.is-recording{border-color:var(--again);color:var(--again)}