/* SciePro identity, shared by the simulator and its review pages.
   Source artwork, font licences and guide references: assets/brand/README.md. */
@font-face{font-family:Manrope;src:url('assets/brand/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:'DM Mono';src:url('assets/brand/dm-mono-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{
 color-scheme:dark;
 --bg:#101114;--panel:#18191d;--surface:#22242a;--hover:#2c3039;
 --edge:#343842;--input-edge:#697380;--text:#fff;--muted:#a5afb9;
 --brand-blue:#507ce3;--accent:#a8cbff;--action:#315fc5;--action-hover:#254fa8;
 --selected:#202f4a;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;
 --radius:12px;--font-mono:'DM Mono',Consolas,monospace;
 font-family:Manrope,Arial,sans-serif;font-size:16px;background:var(--bg);color:var(--text);
}
body{background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}
button,input,select{font-family:inherit}
button,select{border:1px solid var(--input-edge);background:var(--surface);color:var(--text);min-height:44px}
button{border-radius:999px;padding:8px 16px;font-weight:600;line-height:1.4;transition:background .16s,border-color .16s,color .16s}
button:hover:not(:disabled){background:var(--hover)}
button:disabled{cursor:default}
button.active{color:var(--accent);border-color:var(--brand-blue);background:var(--selected)}
select,input[type=search]{border-radius:8px;min-height:48px;font-size:14px;background:var(--surface);color:var(--text);border:1px solid var(--input-edge);padding:10px 12px}
input[type=checkbox],input[type=range]{accent-color:var(--brand-blue)}
input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin:0}
input[type=range]{cursor:pointer;appearance:none;background:transparent}
input[type=range]::-webkit-slider-runnable-track{height:4px;background:#697380;border-radius:4px}
input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;border:0;border-radius:50%;background:var(--brand-blue)}
input[type=range]::-moz-range-track{height:4px;background:#697380;border-radius:4px}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--brand-blue)}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
a{color:var(--accent);text-underline-offset:4px}
a:hover{color:#fff}
.brand{display:flex;align-items:center;gap:24px;letter-spacing:normal;text-decoration:none;color:var(--text);flex-shrink:0}
.brand-logo{display:block;width:140px;height:40px;object-fit:contain;flex-shrink:0;margin:0;border:0;border-radius:0;background:transparent}
.brand-product{font-size:18px;font-weight:500;letter-spacing:0;line-height:1.3;padding-left:24px;border-left:1px solid var(--edge)}
.build-version{font:11px/1.5 var(--font-mono);color:var(--muted);letter-spacing:0;white-space:nowrap}
.quiet,.small{color:var(--muted)}
.primary-action{background:var(--action);border-color:var(--action);color:#fff}
.primary-action:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover)}
@media(prefers-reduced-motion:reduce){button{transition:none}}