: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}.ranking{margin-top:16px;text-align:left}.ranking h3{font-size:15px;margin-bottom:8px}.ranking-list{list-style:none;padding:0;display:grid;gap:6px}.ranking-list li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:var(--chip-blue)}.ranking-rank{font-weight:800;min-width:1.5em;text-align:center}.ranking-icon{width:24px;height:24px;border-radius:50%;object-fit:cover}.ranking-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-score{color:var(--muted);font-size:13px}.ranking-list li.ranking-self{background:var(--amber)}.ranking-me{margin-top:8px;font-weight:700;background:var(--amber);border-radius:10px;padding:6px 10px}