:root{color-scheme:dark;--bg: #1e1b4b;--panel: #2e2a63;--accent: #facc15;--text: #f4f4f5;--muted: #a5a3c4;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}#root{display:flex;flex-direction:column;align-items:center;padding:1.5rem;max-width:480px;margin:0 auto}.screen{width:100%;display:flex;flex-direction:column;gap:1rem}h1{font-size:1.75rem;margin:.5rem 0}h2{font-size:1.25rem;margin:0;color:var(--muted)}h3{font-size:.95rem;margin:0;color:var(--muted)}button{font:inherit;padding:.75rem 1rem;border-radius:.5rem;border:none;background:var(--accent);color:#1e1b4b;font-weight:700;cursor:pointer}button.secondary{background:transparent;color:var(--text);border:1px solid var(--muted);font-weight:500}button:disabled{opacity:.5;cursor:not-allowed}input[type=text]{font:inherit;padding:.75rem;border-radius:.5rem;border:1px solid var(--muted);background:var(--panel);color:var(--text);width:100%}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--muted)}.option-row{display:flex;gap:.5rem;flex-wrap:wrap}.option-row button{flex:1;background:var(--panel);color:var(--text);font-weight:500;min-width:3.5rem}.option-row button.selected{background:var(--accent);color:#1e1b4b;font-weight:700}.trigram{font-size:3rem;font-weight:800;letter-spacing:.3rem;text-align:center;color:var(--accent)}.counter{text-align:center;color:var(--muted)}.timer{text-align:center;font-size:1.5rem;font-variant-numeric:tabular-nums}.flash{text-align:center;min-height:1.5rem}.flash.valid{color:#4ade80}.flash.invalid{color:#f87171}.flash.duplicate{color:var(--muted)}.hint-word{text-align:center;font-family:ui-monospace,monospace;letter-spacing:.2rem;color:var(--muted)}.found-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0}.found-list li{background:var(--panel);padding:.25rem .6rem;border-radius:999px;font-size:.85rem}.found-list li small{color:var(--muted)}.found-list.missed li{background:transparent;border:1px solid var(--muted);color:var(--muted)}.history-list{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;padding:0;margin:0}.history-list li{padding:.25rem .6rem;border-radius:999px;font-size:.85rem;background:var(--panel);color:var(--muted)}.history-list li.valid{background:#4ade802e;color:#4ade80;font-weight:600}.history-list li.invalid{color:#f87171;text-decoration:line-through}mark{background:none;color:var(--accent);font-weight:800}.code-box{font-family:ui-monospace,monospace;font-size:1.1rem;background:var(--panel);padding:.75rem;border-radius:.5rem;text-align:center;word-break:break-all;-webkit-user-select:all;user-select:all}.error{color:#f87171;font-size:.9rem}.round-summary{background:var(--panel);padding:1rem;border-radius:.75rem;display:flex;flex-direction:column;gap:.5rem}