*{box-sizing:border-box}:root{--bg:#faf9f6;--surface:#fff;--border:#e7e5de;--border-strong:#d9d6cc;--text:#1c1b17;--text-secondary:#6b6860;--accent:#2f6b4f;--accent-text:#fff;--accent-text-dim:#ffffffbf;--accent-bg:#eef4f0;--danger:#a6503b;--danger-bg:#f5e9e6;--success-bg:#e8f2ed;--diagram-line:#d9d6cc;--diagram-line-dim:#b8b4a6;--shadow:0 8px 24px #0000001f}[data-theme=dark]{--bg:#17181a;--surface:#1f2123;--border:#2c2e31;--border-strong:#3a3d41;--text:#f2f1ee;--text-secondary:#9a9c9f;--accent:#4c9973;--accent-text:#fff;--accent-text-dim:#ffffffbf;--accent-bg:#4c997324;--danger:#d97a63;--danger-bg:#d97a6324;--success-bg:#4c997329;--diagram-line:#3a3d41;--diagram-line-dim:#54585c;--shadow:0 8px 24px #0006}html,body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}#root{background:var(--bg);min-height:100vh}a{color:var(--accent);text-decoration:none}button,input,select{font-family:inherit}.page{background:var(--bg);min-height:100vh;color:var(--text)}.page-content{max-width:480px;margin:0 auto;padding-bottom:32px}.centered-page{background:var(--bg);min-height:100vh;color:var(--text);justify-content:center;align-items:center;padding:32px 24px;display:flex}.centered-card{width:100%;max-width:360px}.app-header{border-bottom:1px solid var(--border);position:relative}.app-header-row{align-items:center;gap:10px;padding:18px 20px 14px;display:flex}.app-wordmark{letter-spacing:.01em;color:var(--text);font-size:18px;font-weight:700}.brand-mark{display:block}[data-theme=dark] .brand-mark{filter:invert()}.app-header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.app-team-name{color:var(--text-secondary);text-align:right;font-size:11px}.cog-button{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.cog-button:hover{color:var(--text)}.app-nav{gap:22px;padding:0 20px 14px;display:flex}.nav-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 0 8px;font-size:14px;font-weight:500}.nav-tab-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:700}.settings-menu{background:var(--surface);border:1px solid var(--border);width:220px;box-shadow:var(--shadow);z-index:10;border-radius:12px;padding:8px;position:absolute;top:60px;right:20px}.settings-row{color:var(--text);justify-content:space-between;align-items:center;padding:9px 10px;font-size:13px;font-weight:600;display:flex}.settings-row-clickable{cursor:pointer;border-radius:6px}.settings-row-clickable:hover{background:var(--bg)}.settings-divider{background:var(--border);height:1px;margin:4px 2px}.settings-chevron{color:var(--diagram-line-dim);font-size:14px}.toggle{cursor:pointer;background:var(--border-strong);border:none;border-radius:999px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background .15s;position:relative}.toggle-on{background:var(--accent)}.toggle-knob{background:#fff;border-radius:999px;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px}.toggle-on .toggle-knob{left:18px}.btn{cursor:pointer;text-align:center;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-block{width:100%;display:flex}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.btn-plain{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.field{margin-bottom:16px}.field-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.text-input,.select-input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-size:14px}.text-input:focus,.select-input:focus{outline:2px solid var(--accent);outline-offset:1px}.form-error{color:var(--danger);margin:0 0 12px;font-size:13px}.segmented{border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.segmented-option{text-align:center;background:var(--surface);color:var(--text-secondary);cursor:pointer;border:none;flex:1;padding:10px;font-size:13px;font-weight:600}.segmented-option-active{background:var(--accent);color:var(--accent-text);font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.section-label{color:var(--text-secondary);padding:24px 20px 10px;font-size:12px;font-weight:700}.section-label:first-of-type{padding-top:20px}.chip-row{gap:8px;padding:8px 20px;display:flex;overflow-x:auto}.chip{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;padding:7px 15px;font-size:12px;font-weight:600}.chip-active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.select-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:13px 14px;display:flex}.select-row-active{background:var(--accent-bg);border:1.5px solid var(--accent)}.select-box{border:1.5px solid var(--border-strong);border-radius:5px;flex-shrink:0;width:20px;height:20px}.select-box-active{background:var(--accent);border-color:var(--accent);justify-content:center;align-items:center;display:flex}.play-row{border-bottom:1px solid var(--border);text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:12px;padding:14px 20px;display:flex}.play-diagram-thumb{border:1px solid var(--diagram-line);object-fit:cover;background:var(--bg);border-radius:6px;flex-shrink:0;width:56px;height:38px}.play-name{color:var(--text);font-size:14px;font-weight:600}.play-responsibility{color:var(--text-secondary);margin-top:2px;font-size:12px}.choice-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:13px 14px;font-size:13px;font-weight:600;display:flex}.choice-row:disabled{cursor:default}.choice-correct{background:var(--success-bg);border:1.5px solid var(--accent)}.choice-incorrect{background:var(--danger-bg);border:1.5px solid var(--danger)}.choice-dimmed{opacity:.6}.choice-marker{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.choice-marker-empty{border:1.5px solid var(--border-strong)}.choice-marker-correct{background:var(--accent)}.choice-marker-incorrect{background:var(--danger)}.progress-track{background:var(--border);border-radius:999px;height:4px;overflow:hidden}.progress-fill{background:var(--accent);height:100%}.score-display{color:var(--text);font-size:44px;font-weight:800}.score-total{color:var(--text-secondary);font-size:24px;font-weight:600}