.app-shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{padding:12px 16px;background:#2c3e50;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:16px}.topbar .learner{font-size:14px;opacity:.85}.main{flex:1;padding:20px 16px;max-width:640px;width:100%;margin:0 auto;box-sizing:border-box}.history-row[data-v-c7eb3314]{padding:10px 4px;border-bottom:1px solid #eef2f5;cursor:pointer}.history-row[data-v-c7eb3314]:last-child{border-bottom:none}.history-row[data-v-c7eb3314]:hover{background:#f7fafc}.history-head[data-v-c7eb3314]{display:flex;justify-content:space-between;align-items:baseline;font-size:16px}.history-date[data-v-c7eb3314]{font-weight:600}.history-score[data-v-c7eb3314]{font-weight:700;color:var(--color-primary)}.history-sub[data-v-c7eb3314]{font-size:14px;margin-top:2px}.lb-row[data-v-c7eb3314]{display:flex;align-items:baseline;gap:12px;padding:6px 4px;border-bottom:1px solid #eef2f5;font-size:15px}.lb-row[data-v-c7eb3314]:last-child{border-bottom:none}.lb-rank[data-v-c7eb3314]{min-width:28px;font-weight:700;color:#7f8c8d}.lb-name[data-v-c7eb3314]{flex:1}.lb-score[data-v-c7eb3314]{font-weight:700;color:var(--color-primary)}.lb-me[data-v-c7eb3314]{background:#f0f7ff;border-radius:4px}.prompt[data-v-5732c35e]{white-space:pre-line;line-height:1.4;font-size:22px;margin-bottom:16px}.prompt-tasting[data-v-5732c35e]{font-style:italic;font-weight:500;padding-left:14px;border-left:4px solid var(--color-primary);color:#2a3645}.btn-option[data-v-5732c35e]{white-space:normal;line-height:1.45;text-align:left;padding:16px 18px}.explanation[data-v-5732c35e]{background:#f8f9fb;border-left:3px solid var(--color-primary);padding:10px 12px;margin:10px 0;font-style:italic;color:#333}.leader-row[data-v-c707452b]{display:flex;align-items:center;padding:10px 4px;border-bottom:1px solid #eef2f5;font-size:18px}.leader-row[data-v-c707452b]:last-child{border-bottom:none}.leader-row.me[data-v-c707452b]{background:#f0f6ff;border-radius:8px;padding:10px 12px}.rank[data-v-c707452b]{width:32px;font-weight:700;color:var(--color-muted)}.name[data-v-c707452b]{flex:1}.score[data-v-c707452b]{font-weight:700;color:var(--color-primary)}:root{--color-primary: #2c3e50;--color-success: #27ae60;--color-error: #c0392b;--color-surface: #ffffff;--color-muted: #7f8c8d;--color-bg: #f5f7fa;--radius: 12px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100dvh;background:var(--color-bg)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.5;color:#222;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:17px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);font-size:18px;font-weight:600;margin:8px 0}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5}.btn-option{display:block;width:100%;min-height:72px;padding:16px 20px;background:var(--color-surface);color:#222;border:2px solid #dee2e6;border-radius:var(--radius);font-size:18px;text-align:left;margin:10px 0}.btn-option:active{transform:scale(.99)}.btn-option.correct{background:#e8f8ef;border-color:var(--color-success);color:var(--color-success);font-weight:600}.btn-option.wrong{background:#fdecea;border-color:var(--color-error);color:var(--color-error)}.btn-option:disabled{opacity:.9;cursor:default}.card{background:var(--color-surface);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.muted{color:var(--color-muted)}h1{font-size:24px;margin:0 0 12px}h2{font-size:20px;margin:0 0 10px}