:root{--bg:#f5f6f8;--surface:#fff;--border:#d9dce1;--text:#1c1f24;--text-muted:#6b7280;--accent:#2f6feb;--accent-contrast:#fff;--success-bg:#e6f6ea;--success-border:#22a35b;--success-text:#15703b;--error-bg:#fdeceb;--error-border:#e5534b;--error-text:#8a1f16;--special-bg:#fff6e0;--special-border:#d99a1b;--special-text:#8a5a00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#14161a;--surface:#1b1e24;--border:#2e333c;--text:#e6e8eb;--text-muted:#9aa1ac;--accent:#5b9dff;--accent-contrast:#0b1220;--success-bg:#163524;--success-border:#22a35b;--success-text:#7ee2a8;--error-bg:#3a1c1c;--error-border:#e5534b;--error-text:#ffb4ac;--special-bg:#3a2e0f;--special-border:#d99a1b;--special-text:#f0c56b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}.app{max-width:900px;margin:0 auto;padding:16px 20px 48px}.site-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.site-header__brand{color:var(--accent);white-space:nowrap;font-size:15px;font-weight:700;text-decoration:none}.site-header__brand:hover{text-decoration:underline}.site-header__divider{color:var(--text-muted);font-weight:400}.site-header__title{color:var(--text-muted);white-space:nowrap;font-size:15px;font-weight:600}.toolbar-spacer{flex:1}.btn,.toggle-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px}.btn:hover,.toggle-btn:hover{border-color:var(--accent)}.icon-btn{padding:6px 10px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:14px}.tab-btn--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.builder-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px}.section-hint{color:var(--text-muted);text-align:center;margin:12px 0;font-size:14px}.row{gap:8px;margin-bottom:12px;display:flex}.row input{flex:1}input,select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:6px 10px;font-family:inherit;font-size:13px}.material-list{flex-direction:column;gap:10px;display:flex}.material-card{border:1px solid var(--border);background:var(--bg);border-radius:8px;gap:12px;padding:12px;display:flex}.material-card__icon{font-size:28px;line-height:1}.material-card__body{flex:1}.material-card__name{margin-bottom:4px;font-size:14px;font-weight:600}.material-card__tip{color:var(--text-muted);margin:6px 0 0;font-size:13px}.material-badge{text-transform:uppercase;letter-spacing:.03em;border:1px solid;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.material-badge--yes{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.material-badge--no{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.material-badge--special{background:var(--special-bg);border-color:var(--special-border);color:var(--special-text)}.quiz-score{text-align:center;margin-bottom:8px;font-weight:600}.quiz-material{flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}.quiz-material__icon{font-size:56px}.quiz-material__name{font-size:18px;font-weight:600}.quiz-options{flex-direction:column;gap:8px;max-width:420px;margin:0 auto;display:flex}.quiz-option{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:center;cursor:pointer;border-radius:8px;padding:10px 14px;font-size:14px}.quiz-option:hover:not(:disabled){border-color:var(--accent)}.quiz-option:disabled{cursor:default}.quiz-option--correct{background:var(--success-bg);border-color:var(--success-border)}.quiz-option--wrong{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.quiz-tip{text-align:center;max-width:480px;color:var(--text-muted);margin:16px auto 0;font-size:13px}.builder-section>.btn{margin:16px auto 0;display:block}.disclaimer{color:var(--text-muted);text-align:center;margin-top:24px;font-size:12px}