:root{--bg:#f6f7f4;--panel:#fff;--editor-bg:#fff;--text:#1d231d;--muted:#6b746b;--border:#dde2dc;--accent:#2f8f46;--accent-ink:#fff;--accent-soft:#e3f2e6;--error:#c2413b;--error-soft:#fbe7e5;--warn:#a86b00;--warn-soft:#fdf1d8;--selection:#bfe3c7;--changed:#eef7ef;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#141814;--panel:#1c211c;--editor-bg:#111511;--text:#e3e8e2;--muted:#8a948a;--border:#2d352d;--accent:#7fd18f;--accent-ink:#0e1a10;--accent-soft:#1f3324;--error:#ff8a80;--error-soft:#3a1f1d;--warn:#f3c060;--warn-soft:#3a2f16;--selection:#2f5a38;--changed:#1a261c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#141814;--panel:#1c211c;--editor-bg:#111511;--text:#e3e8e2;--muted:#8a948a;--border:#2d352d;--accent:#7fd18f;--accent-ink:#0e1a10;--accent-soft:#1f3324;--error:#ff8a80;--error-soft:#3a1f1d;--warn:#f3c060;--warn-soft:#3a2f16;--selection:#2f5a38;--changed:#1a261c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0;line-height:1.6}main{max-width:1080px;margin:0 auto;padding:32px 16px 48px}button{font:inherit;color:inherit;cursor:pointer}kbd{font-family:var(--mono);border:1px solid var(--border);background:var(--panel);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:.85em}code{font-family:var(--mono)}.hero h1{font-family:var(--mono);letter-spacing:-.02em;margin:0 0 4px;font-size:clamp(2rem,6vw,3rem)}.hero .logo{color:var(--accent)}.hero p{color:var(--muted);margin:0 0 28px}.modes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:20px;display:grid}.mode-card{text-align:left;border:2px solid var(--border);background:var(--panel);border-radius:12px;justify-items:start;gap:6px;padding:18px 20px;display:grid}.mode-card strong{font-size:1.15rem}.mode-card span{color:var(--muted);font-size:.92rem}.mode-card.active{border-color:var(--accent);background:var(--accent-soft)}.settings{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.setting{border:1px solid var(--border);background:var(--panel);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.setting-label{color:var(--muted);font-size:.9rem}.setting-value{font-weight:600}.start{background:var(--accent);color:var(--accent-ink);border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 28px;font-size:1.1rem;font-weight:700;display:inline-flex}.start kbd{color:inherit;background:0 0;border-color:currentColor}.start:disabled{opacity:.5;cursor:not-allowed}.meta{color:var(--muted);font-size:.88rem}.help{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-top:28px;padding-top:16px;font-size:.88rem;display:flex}.repo-link{color:inherit;text-underline-offset:2px;text-decoration:underline}.repo-link:hover,.repo-link:focus-visible{color:var(--text)}.quiz-head{align-items:center;gap:12px;margin-bottom:20px;font-size:.9rem;display:flex}.mode-badge{background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:2px 10px;font-weight:700}.progress-text{font-family:var(--mono);color:var(--muted)}.progress{background:var(--border);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-bar{background:var(--accent);height:100%;transition:width .3s}.tag{border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:1px 8px}.prompt h1{margin:0 0 14px;font-size:clamp(1.3rem,3.5vw,1.75rem)}.chips,.stream{flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;display:flex}.chip{padding:4px 12px;font-size:1.15rem;transition:background .1s,color .1s}.chip.small{padding:1px 7px;font-size:.9rem}.chip.done{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip.next{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.chip.pending{color:var(--muted)}.chip.error{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}.stream-count,.stream-more{color:var(--muted);margin-left:4px;font-size:.85rem}.hint{background:var(--warn-soft);color:var(--warn);border-radius:8px;margin:10px 0 0;padding:6px 12px;font-size:.95rem;display:inline-block}.workspace{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}@media (width<=760px){.workspace{grid-template-columns:1fr}}.pane{min-width:0}.pane-label{color:var(--muted);margin-bottom:6px;font-size:.8rem}.editor{border:2px solid var(--border);border-radius:10px;overflow:hidden}.editor:focus-within{border-color:var(--accent)}.goal{border:2px dashed var(--border);background:var(--editor-bg);font-family:var(--mono);border-radius:10px;margin:0;padding:12px 0;font-size:18px;line-height:1.6;overflow-x:auto}.goal-line{padding-right:12px;display:flex}.goal-line.changed{background:var(--changed)}.goal-num{text-align:right;width:3ch;color:var(--muted);flex-shrink:0;margin:0 12px 0 8px}.goal-text{white-space:pre}.goal-cursor{background:var(--accent);color:var(--accent-ink)}.feedback{border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:2.6em;margin-top:16px;padding:8px 14px;font-weight:600;display:flex;position:relative;overflow:hidden}.feedback-icon{border-radius:50%;flex-shrink:0;place-items:center;width:1.4em;height:1.4em;font-size:.85em;line-height:1;display:grid}.feedback.ok{background:var(--accent-soft);color:var(--accent)}.feedback.ok .feedback-icon:before{content:"✓"}.feedback.miss{background:var(--panel);border-color:var(--border);color:var(--text)}.feedback.miss .feedback-icon{background:var(--border);color:var(--text)}.feedback.miss .feedback-icon:before{content:"↺"}.feedback.alt,.feedback.info{background:var(--warn-soft);color:var(--warn)}.feedback.alt .feedback-icon:before,.feedback.info .feedback-icon:before{content:"i";font-family:Georgia,serif;font-style:italic}.feedback.alt .feedback-icon,.feedback.info .feedback-icon{border:1.5px solid}.feedback-timer{opacity:.35;transform-origin:0;background:currentColor;width:100%;height:3px;animation:linear forwards feedback-countdown;position:absolute;bottom:0;left:0}@keyframes feedback-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.feedback-timer{animation:none;display:none}}.ime-warning{border:1px solid var(--warn);background:var(--panel);color:var(--warn);border-radius:10px;padding:10px 18px;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.result h1{margin:0 0 20px}.scores{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.score{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:14px 18px;display:grid}.score-label{color:var(--muted);font-size:.85rem}.score-value{font-family:var(--mono);font-size:1.6rem;font-weight:700}.result-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.result-item{background:var(--panel);border:1px solid var(--border);border-radius:8px;grid-template-columns:1.5em 1fr auto auto;align-items:center;gap:12px;padding:8px 14px;display:grid}.result-item .mark{font-weight:700}.result-item.ok .mark{color:var(--accent)}.result-item.retry .mark{color:var(--warn)}.result-item.skip .mark{color:var(--error)}.result-meta{color:var(--muted);white-space:nowrap;font-size:.85rem}@media (width<=640px){.result-item{grid-template-columns:1.5em 1fr}.result-item code,.result-item .result-meta{grid-column:2}}.actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.actions button{border:1px solid var(--border);background:var(--panel);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.actions button:disabled{opacity:.5;cursor:not-allowed}.home{position:relative}.switch-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 18px;margin-bottom:8px;font-size:.88rem;display:flex}.switch-group{align-items:center;gap:6px;display:flex}.switch-group kbd{color:var(--muted);margin-right:2px}.switch-group button{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;padding:3px 10px}.switch-group button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text);font-weight:600}.notice-line{color:var(--muted);margin:4px 0 0;font-size:.85rem}.notice{border:1px solid var(--warn);background:var(--warn-soft);color:var(--text);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.notice strong{color:var(--warn)}.notice p{margin:4px 0 0;font-size:.92rem}.notice-close{border:1px solid var(--border);background:var(--panel);border-radius:8px;flex-shrink:0;padding:4px 12px;font-size:.85rem}.editor-loading{color:var(--muted);font-family:var(--mono);padding:16px}