:root{--app-bg: #f3f5ff;--ink: #2a2d55;--muted: #9097c4;--hairline: #dde2f8;--chip-blue: #e6e9fb;--blue: #3d7bff;--purple: #9d5cff;--pink: #ff5ca8;--amber: #ffd34d;--orange: #ff9f2e;--green: #14c99e;--green-deep: #11a985}*{box-sizing:border-box}body{margin:0;background:var(--app-bg);color:var(--ink);font-family:-apple-system,Hiragino Maru Gothic ProN,BIZ UDPGothic,sans-serif}.page{max-width:480px;margin:0 auto;padding:16px;min-height:100dvh}.card{background:#fff;border:1px solid var(--hairline);border-radius:20px;padding:20px}.btn{display:block;width:100%;padding:14px;border:none;border-radius:16px;font-size:17px;font-weight:700;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:var(--chip-blue);color:var(--ink)}.badge{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--amber);font-size:12px;font-weight:700}.quiz-progress{color:var(--muted);font-weight:700}.quiz-img{width:100%;border-radius:16px}.quiz-word{text-align:center;font-size:32px;margin:12px 0}.choice{margin-top:8px}.choice.correct{background:var(--green);color:#fff}.choice.wrong{background:var(--pink);color:#fff}.result-score{font-size:40px;font-weight:800;text-align:center}.ipa{text-align:center;color:var(--muted)}.hint{text-align:center;color:var(--muted);font-size:13px}.sent{text-align:center;font-weight:700}.sent-ja{text-align:center;color:var(--muted)}.audio-row{display:flex;gap:8px;margin-top:8px}.audio-row .btn{flex:1}.toggle-on{background:var(--green);color:#fff}