:root{--surface:#fff;--soft:#e8eef4}header{position:sticky;top:0;z-index:10;padding:14px 24px}.timer{flex-wrap:wrap;justify-content:flex-end}.timer small{flex-basis:100%;text-align:right;font-size:14px;color:var(--muted)}#mobile-nav{display:none}h2{margin-top:12px}.depth-controls,.fault-picker{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.depth-controls button[aria-pressed=true],.fault-picker button[aria-pressed=true]{background:var(--nav);color:#64e2c2;border-color:var(--nav)}.depth-copy{margin:18px 0}.sample-answer{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}.scenario h2{margin:3px 0 12px}.scenario label{min-width:220px}.scenario p{margin-top:10px}.local-branch{grid-column:1/-1;background:#e5f5ef;padding:14px;border:1px solid #a1d8c8;border-radius:8px;font-size:14px}.local-branch p{margin:8px 0}.local-branch span{color:var(--muted)}.command-path{border:2px dashed #b86649;border-radius:9px;padding:18px;margin:18px 0;background:var(--surface)}.flowlabel{font-size:14px;font-weight:600;padding:12px 0}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}input:not([type=checkbox]){width:100%;font:inherit;border:1px solid #becbd7;border-radius:7px;padding:10px 12px;background:var(--surface);color:var(--ink)}label{display:block;font-size:14px}label textarea{margin-top:6px}output{display:block;background:#e5f5ef;border:1px solid #a1d8c8;padding:14px;margin:14px 0;border-radius:8px;line-height:1.7}.boundary-state{border-left:4px solid var(--green);background:var(--soft);padding:12px;border-radius:0 7px 7px 0}.path-line{padding:16px;background:var(--soft);font-weight:600;border-radius:8px}.log-entry{padding:20px 0;border-top:1px solid var(--line);margin-top:20px}.log-entry h3{margin:12px 0}.ready-links{display:grid;gap:7px}.timer-readout{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}dialog{width:min(700px,95vw);max-height:90vh;border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--surface);color:var(--ink);overflow-y:auto}dialog::backdrop{background:#081d35a8}dialog nav{margin:15px 0;display:grid}dialog nav a{font-size:16px;background:var(--soft);color:var(--ink);white-space:normal}dialog .row h2{max-width:calc(100% - 80px)}[data-theme=dark]{--ink:#e4edf6;--muted:#a4b8cc;--bg:#101c2b;--line:#35465c;--surface:#18283b;--soft:#243951;--green:#4ed3ae}[data-theme=dark] header,[data-theme=dark] .card,[data-theme=dark] details,[data-theme=dark] button,[data-theme=dark] .band,[data-theme=dark] .step{background:var(--surface);color:var(--ink)}[data-theme=dark] .key,[data-theme=dark] output,[data-theme=dark] .local-branch{background:#123e37}[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface);color:var(--ink)}[data-theme=dark] .pill,[data-theme=dark] th{background:var(--soft);color:var(--ink)}[data-theme=dark] .primary{background:#126e5d;color:white}[data-theme=dark] .phase.active,[data-theme=dark] button[aria-pressed=true]{background:#243e56}[data-theme=dark] a{color:#64e2c2}#component-panel{scroll-margin-top:130px}details[id^=topic]{scroll-margin-top:150px}@media(max-width:1100px){#component-panel{display:none}.brand{letter-spacing:0}.brand small{display:none}}@media(max-width:760px){header{padding:12px;gap:10px}.brand{font-size:13px}.mark{padding:3px 10px;font-size:20px}.timer{flex-basis:100%;justify-content:flex-start;gap:6px}.timer small{text-align:left}.timer span{font-size:20px}.timer button{font-size:14px;padding:7px 10px}#mobile-nav{display:block}.layout>aside{display:none}.calc-fields{grid-template-columns:1fr}.fault-picker button{flex:1 1 42%;font-size:14px}.scenario .row{display:block}.scenario label{min-width:0}.scenario select{margin-top:4px}.band{padding:16px}dialog{padding:18px}.depth-controls button{font-size:14px}.qtitle{font-size:23px}h1{font-size:27px}}@media print{.fault-picker,.depth-controls,#log-form,dialog{display:none}header{position:static}.card,.band{background:white;color:black}.ready-links a{color:black}#component-panel{display:block}}