:root{--bg: #0f1220;--panel: #191d33;--text: #eef1ff;--muted: #9aa3c7;--accent: #6c8cff;--ok: #35c78a;--ng: #ff5f7a;--border: #2c3252;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1c2244 0%,var(--bg) 60%);color:var(--text);font-family:Hiragino Sans,Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.7}.app{max-width:720px;margin:0 auto;padding:24px 16px 64px}.screen{display:flex;flex-direction:column;gap:20px}.title{font-size:28px;margin:8px 0 0;letter-spacing:.04em}.lead{color:var(--muted);margin:0}.note{color:var(--muted);font-size:13px;margin:8px 0 0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.panel-title{font-size:14px;color:var(--muted);margin:0 0 12px;font-weight:600}.mode-list{display:grid;gap:10px}.mode-card{display:flex;flex-direction:column;gap:2px;text-align:left;background:#141830;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px;cursor:pointer;transition:.15s}.mode-card:hover{border-color:var(--accent)}.mode-card.active{border-color:var(--accent);background:#1d2450}.mode-name{font-weight:700}.mode-desc{font-size:13px;color:var(--muted)}.slider-row{display:flex;align-items:center;gap:12px}.slider-row input[type=range]{flex:1;accent-color:var(--accent)}.slider-value{font-variant-numeric:tabular-nums;font-size:14px;color:var(--muted);min-width:110px;text-align:right}.btn{border:1px solid var(--border);border-radius:12px;padding:12px 18px;font-size:15px;font-weight:700;background:#1b2140;color:var(--text);cursor:pointer;transition:.15s}.btn:hover{filter:brightness(1.15)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0b0e1c}.btn-ghost{background:transparent}.btn-big{padding:16px;font-size:17px;width:100%}.btn-x{background:#000;border-color:#444;color:#fff}.btn-misskey{background:#86b300;border-color:#86b300;color:#0b0e1c}.hud{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:8px}.hud-score{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.question-box{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;min-height:160px;display:flex;align-items:center}.question-text{margin:0;font-size:20px;font-weight:600;word-break:break-word}.char.shown{opacity:1}.char.hidden{visibility:hidden}.cursor{display:inline-block;width:2px;height:1em;background:var(--accent);vertical-align:-.15em;animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}.action-area{display:flex;flex-direction:column;gap:14px}.potential{margin:0;text-align:center;color:var(--muted);font-size:14px}.potential strong{color:var(--accent);font-size:20px;font-variant-numeric:tabular-nums}.potential.locked strong{color:var(--ok)}.buzz-button{width:100%;padding:28px;font-size:26px;font-weight:800;letter-spacing:.1em;border:none;border-radius:18px;cursor:pointer;background:linear-gradient(180deg,#ff6b8b,#e0294f);color:#fff;box-shadow:0 8px #8f1230;transition:.06s}.buzz-button:active{transform:translateY(6px);box-shadow:0 2px #8f1230}.timer{height:6px;background:#10142a;border-radius:999px;overflow:hidden}.timer-bar{height:100%;width:100%;background:var(--accent);transform-origin:left center;animation:shrink linear forwards}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.choices{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:12px;text-align:left;background:#141830;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:14px;font-size:16px;cursor:pointer;transition:.15s}.choice:hover:not(:disabled){border-color:var(--accent);background:#1d2450}.choice:disabled{cursor:default;opacity:.85}.choice-key{flex:none;width:26px;height:26px;border-radius:8px;background:#2a3160;display:grid;place-items:center;font-size:13px;font-weight:700}.choice.correct{border-color:var(--ok);background:#35c78a26;opacity:1}.choice.wrong{border-color:var(--ng);background:#ff5f7a26}.judge{margin:0;text-align:center;font-size:22px;font-weight:800}.judge.ok{color:var(--ok)}.judge.ng{color:var(--ng)}.answer-line{margin:0;text-align:center;color:var(--muted)}.result-summary{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;text-align:center}.rank{font-size:56px;font-weight:900;color:var(--accent);line-height:1}.score-big{font-size:40px;font-weight:800;font-variant-numeric:tabular-nums}.score-max{font-size:16px;color:var(--muted);font-weight:600}.result-meta{display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:14px;margin-top:8px}.share{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.share-title{margin:0;font-size:14px;color:var(--muted);font-weight:600}.share-preview{margin:0;padding:12px;background:#10142a;border-radius:10px;font-size:13px;white-space:pre-wrap;color:var(--muted);font-family:inherit}.share-buttons{display:flex;flex-wrap:wrap;gap:8px}.share-buttons .btn{flex:1 1 160px}.share-host{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.share-host input{flex:1;background:#10142a;border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);font-size:14px}.log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.log-list li{border-left:4px solid var(--border);background:#141830;border-radius:0 10px 10px 0;padding:10px 12px}.log-list li.ok{border-left-color:var(--ok)}.log-list li.ng{border-left-color:var(--ng)}.log-head{display:flex;gap:12px;font-size:12px;color:var(--muted)}.log-no{font-weight:700;color:var(--text)}.log-score{font-variant-numeric:tabular-nums}.log-question{margin:4px 0;font-size:14px}.log-answer{margin:0;font-size:13px;color:var(--muted)}.log-selected{margin-left:6px}.result-actions{display:flex;gap:10px}.result-actions .btn{flex:1}@media(max-width:480px){.question-text{font-size:18px}.buzz-button{padding:24px;font-size:22px}}