@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-36{height:calc(var(--spacing) * 36)}.min-h-dvh{min-height:100dvh}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--graphite:#061014;--graphite-raised:#0b171c;--steel-rule:#36545d;--oil-amber:#f7a93d;--water-cyan:#28bff2;--warning:#ffcd70;--alarm:#ff626a;--text-primary:#f0f6f7;--bg:#061014;--bg-raised:#09171c;--surface:#0c1b21;--surface-2:#10242b;--surface-3:#152e35;--border:#23434b;--border-strong:#32606a;--text:#e8f4f2;--muted:#91aaad;--muted-2:#668388;--cyan-bright:#48e5d2;--cyan-deep:#087f82;--amber:#ffb45c;--red:#ff666b;--purple:#cf8cff;--steel-dark:#162a30;--steel-light:#2e4a51;--safe:#54dfa8;--shadow:0 24px 80px #00000047;--radius:14px}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:radial-gradient(circle at 75% -20%, #26868526, transparent 42rem), radial-gradient(circle at -10% 35%, #ffb45c0d, transparent 32rem), var(--bg);min-width:320px;min-height:100dvh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#48e5d206 1px,#0000 1px),linear-gradient(90deg,#48e5d206 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}button,input{font:inherit}button{touch-action:manipulation}button,input,select,summary{min-height:44px}button:disabled,input:disabled{color:#819196;cursor:not-allowed;opacity:.68}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--cyan-bright);outline-offset:3px}.skip-link{z-index:1000;background:var(--cyan-bright);color:var(--bg);border-radius:8px;padding:10px 16px;font-weight:800;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100dvh}.landing-shell{width:min(1440px,100%);min-height:100dvh;margin:0 auto;padding:0 clamp(16px,4vw,64px) 56px}.landing-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:96px;display:flex}.landing-brand{min-width:0;color:var(--text);align-items:center;gap:14px;text-decoration:none;display:flex}.landing-brand .brand-mark{flex:none;margin:0}.landing-brand>span:last-child{gap:3px;display:grid}.landing-brand h1{letter-spacing:-.035em;margin:0;font-size:clamp(18px,2vw,25px);line-height:1.1}.landing-disclaimer{color:var(--muted);text-align:right;gap:2px;margin:0;font-size:11px;display:grid}.landing-disclaimer strong{color:var(--amber);font-size:12px}.landing-header-aside{align-items:center;gap:14px;min-width:0;display:flex}.landing-hero{grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);align-items:center;gap:clamp(28px,5vw,84px);min-height:min(720px,100dvh - 96px);padding:56px 0;display:grid}.landing-copy{z-index:2;max-width:620px;position:relative}.landing-copy h2{letter-spacing:-.065em;text-wrap:balance;max-width:14ch;margin:10px 0 20px;font-size:clamp(42px,5.3vw,78px);line-height:.97}.landing-description{max-width:56ch;color:var(--muted);margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.6}.landing-actions{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.landing-action{min-width:190px;text-decoration:none}.landing-visual{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:linear-gradient(145deg,#10242bbf,#050e12eb);border-radius:18px;padding:28px;position:relative;overflow:hidden}.landing-visual:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.8%,#48e5d214 50%,#0000 50.2%) 0 0/80px 100%;position:absolute;inset:0}.landing-visual-label{z-index:2;color:var(--cyan-bright);letter-spacing:.12em;margin:0 0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800;position:relative}.landing-visual .process-hero{min-height:480px}.landing-visual .process-hero:before{display:none}.landing-visual .scene-boundary{min-height:480px}.landing-briefing{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:22px;padding-top:22px;display:grid}.landing-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.landing-steps li{border:1px solid var(--border);background:#0c1b21b3;border-radius:10px;grid-template-columns:auto 1fr;gap:10px;min-width:0;padding:16px;display:grid}.landing-steps li>span{color:var(--cyan-bright);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.landing-steps strong{font-size:15px}.landing-steps p,.landing-control-note>p:not(.eyebrow){color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.55}.landing-control-note{border-left:2px solid var(--oil-amber);background:linear-gradient(90deg,#f7a93d14,#0000);padding:18px}.landing-control-note h2{letter-spacing:-.025em;margin:6px 0 0;font-size:19px}.landing-control-note .landing-goal{color:var(--text)}.project-attribution-about{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(24px,5vw,72px);margin-top:22px;padding:24px 0 0;display:grid}.project-attribution-about h2{letter-spacing:-.04em;margin:6px 0 12px;font-size:clamp(24px,3vw,36px);line-height:1.05}.project-attribution-about p:not(.eyebrow){max-width:70ch;color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.6}.project-attribution-links{border-left:2px solid var(--oil-amber);padding-left:22px}.project-attribution-links .eyebrow{color:var(--amber);line-height:1.5}.project-attribution-links nav ul{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.project-attribution-links a{border:1px solid var(--border);min-height:44px;color:var(--text);border-radius:6px;align-items:center;padding:8px 10px;font-size:12px;text-decoration:none;display:inline-flex}.project-attribution-links a:hover{border-color:var(--border-strong);background:var(--surface-2)}.project-attribution-compact{border-top:1px solid var(--border);color:var(--muted-2);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:12px 2px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.project-attribution-compact a{color:var(--muted);text-decoration:none}.project-attribution-compact a:hover{color:var(--cyan-bright)}.training-placeholder{align-content:center;gap:14px;width:min(680px,100% - 32px);min-height:100dvh;margin:0 auto;display:grid}.training-placeholder h1,.training-placeholder p{margin:0}.training-placeholder>p:not(.eyebrow){color:var(--muted)}.training-placeholder .secondary-button{width:fit-content;margin-top:8px;text-decoration:none}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061014e0;align-items:center;min-height:88px;padding:16px clamp(16px,3vw,48px);display:flex}.brand-mark{border:1px solid var(--border-strong);background:linear-gradient(145deg, var(--surface-3), var(--surface));border-radius:10px;align-items:flex-end;gap:4px;width:48px;height:48px;margin-right:16px;padding:9px;display:flex;box-shadow:inset 0 0 18px #48e5d214}.brand-mark i{background:var(--cyan-bright);border-radius:2px 2px 0 0;width:7px}.brand-mark i:first-child{opacity:.55;height:14px}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){opacity:.75;height:20px}.brand-copy{min-width:0}.brand-copy p,.eyebrow{color:var(--cyan-bright);letter-spacing:.17em;text-transform:uppercase;margin:0 0 3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800}.brand-copy h1{letter-spacing:-.035em;margin:0;font-size:clamp(18px,2vw,28px);line-height:1.1}.header-disclaimer{color:var(--amber);background:#ffb45c0f;border:1px solid #ffb45c40;border-radius:10px;align-items:center;gap:10px;margin-left:auto;padding:10px 14px;display:flex}.header-disclaimer svg{flex:none;width:20px}.header-disclaimer span{color:var(--muted);flex-direction:column;font-size:11px;display:flex}.header-disclaimer strong{color:var(--amber);font-size:12px}.status-strip{border-bottom:1px solid var(--border);background:var(--bg-raised);grid-template-columns:1fr .9fr .8fr 2fr .8fr;padding:0 clamp(16px,3vw,48px);display:grid}.status-strip>div{border-right:1px solid var(--border);flex-direction:column;justify-content:center;min-height:76px;padding:14px 20px;display:flex}.status-strip>div:first-child{padding-left:0}.status-strip>div:last-child{border:0}.status-strip strong{font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;display:flex}.status-strip strong svg{width:17px}.status-strip strong em{color:var(--muted-2);font-size:10px;font-style:normal}.status-strip small{color:var(--muted-2);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:10px}.status-strip .disturbance-status strong{color:var(--amber);font-family:inherit;font-size:14px}.score-status strong{font-family:inherit;font-size:12px;line-height:1.3}.safety-indicator{color:var(--safe)}.safety-indicator.alarm{color:var(--amber)}.safety-indicator.tripped{color:var(--red)}.control-room{width:min(1640px,100%);margin:0 auto;padding:24px clamp(16px,3vw,48px) 48px}.scenario-selector{border:0;min-width:0;margin:0 0 20px;padding:0}.scenario-selector legend{color:var(--muted);gap:8px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.scenario-selector legend .eyebrow{margin:0}.scenario-scroll{gap:14px;display:grid}.scenario-group{min-width:0}.scenario-group h2{color:var(--muted-2);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:10px}.scenario-group__cards{grid-template-columns:repeat(2,minmax(155px,1fr));gap:8px;display:grid}.scenario-card{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:68px;padding:10px 12px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative;overflow:hidden}.scenario-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.scenario-card:active{transform:scale(.985)}.scenario-card.is-selected{background:linear-gradient(135deg, #48e5d21f, var(--surface));box-shadow:inset 3px 0 var(--cyan-bright);border-color:#48e5d2a6}.scenario-card input{opacity:0;width:1px;height:1px;position:absolute}.scenario-card:has(input:focus-visible){outline:3px solid var(--cyan-bright);outline-offset:3px}.scenario-selector:disabled .scenario-card{cursor:not-allowed;opacity:.56}.difficulty-badge{width:fit-content;color:var(--muted);font-size:10px}.scenario-copy b{width:fit-content;color:var(--cyan-bright);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:10px}.scenario-icon{border:1px solid var(--border);width:34px;height:34px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.scenario-icon svg{width:17px}.is-selected .scenario-icon{color:var(--cyan-bright);background:#48e5d217;border-color:#48e5d252}.scenario-copy{flex-direction:column;min-width:0;display:flex}.scenario-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.scenario-copy small{color:var(--muted-2);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.scenario-copy>span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(330px,.65fr);gap:16px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(150deg,#10242bf5,#09171cfa);position:relative;overflow:hidden}.panel:before{content:"";background:linear-gradient(90deg,#0000,#48e5d273,#0000);height:2px;position:absolute;top:0;left:0;right:0}.panel-heading{border-bottom:1px solid #23434bb8;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 14px;display:flex}.panel-heading h2{letter-spacing:-.015em;align-items:center;gap:9px;margin:0;font-size:17px;display:flex}.panel-heading h2 svg{width:19px;color:var(--cyan-bright)}.alarm-badge,.lock-state{min-height:30px;color:var(--safe);letter-spacing:.08em;background:#54dfa812;border:1px solid #54dfa847;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:900;display:flex}.alarm-badge svg{width:14px}.alarm-badge.alarm{color:var(--amber);background:#ffb45c14;border-color:#ffb45c59;animation:1.4s ease-in-out infinite alarm-pulse}.alarm-badge.trip{color:var(--red);background:#ff666b1a;border-color:#ff666b73;animation:.7s ease-in-out infinite alarm-pulse}@keyframes alarm-pulse{50%{box-shadow:0 0 18px}}.mimic-stage{min-height:430px;padding:24px 20px 40px;position:relative}.separator-mimic{width:100%;max-height:340px;display:block}.process-pipe{fill:none;stroke:#35545c;stroke-width:16px}.process-pipe+.flow-arrow,.flow-arrow{fill:var(--cyan-bright);opacity:.8}.vessel-outline{fill:none;stroke:#658087;stroke-width:3px}.vessel-leg{fill:none;stroke:#526d74;stroke-width:8px;stroke-linecap:round}.liquid-fill{transition:y .22s ease-out,height .22s ease-out}.alarm-zone{opacity:.13}.alarm-zone.high{fill:var(--red)}.alarm-zone.low{fill:var(--amber)}.setpoint-line{stroke:#e8f4f2;stroke-dasharray:8 7;stroke-opacity:.55;stroke-width:1.5px}.level-scale line{stroke:#58737a}.level-scale text,.pipe-label,.equipment-tag{fill:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.equipment-tag{fill:var(--text);text-anchor:middle;font-size:13px;font-weight:800}.valve-symbol path,.valve-symbol line,.valve-symbol rect{fill:var(--surface-3);stroke:var(--amber);stroke-width:2px}.level-readout,.valve-readout{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061014db;border-radius:9px;flex-direction:column;padding:10px 12px;display:flex;position:absolute}.level-readout{top:54px;left:32px}.valve-readout{padding-left:38px;bottom:28px;right:32px}.valve-readout svg{width:18px;color:var(--amber);position:absolute;top:15px;left:12px}.level-readout span,.valve-readout span{color:var(--muted-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.level-readout strong{color:var(--cyan-bright);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:27px;line-height:1.1}.level-readout strong small{font-size:12px}.level-readout em,.valve-readout small{color:var(--muted);font-size:9px;font-style:normal}.valve-readout strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px}.process-hero,.scene-boundary,.scene-boundary>*,.process-panel{min-width:0;height:100%}.process-hero{isolation:isolate;background:radial-gradient(circle at 52% 38%,#35888e24,#0000 42%),linear-gradient(#081318,#040b0e);border:1px solid #48e5d22b;border-radius:14px;min-height:520px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,inset 0 -50px 100px #00000057,0 24px 68px #00000047}.process-hero:before{z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.85%,#48e5d208 50%,#0000 50.15%) 0 0/100% 100%,linear-gradient(#48e5d206 1px,#0000 1px) 0 0/100% 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30%,#0000 92%);mask-image:linear-gradient(#0000,#000 30%,#0000 92%)}.scene-boundary{z-index:1;min-height:520px;position:relative}.separator-canvas{touch-action:none;width:100%!important;height:100%!important;display:block!important}.process-hero-presentation .separator-canvas{touch-action:pan-y}.scene-html-anchor{pointer-events:none;-webkit-user-select:none;user-select:none}.scene-equipment-label,.scene-safety-label{color:#e7f6f4e0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-variant-numeric:tabular-nums;white-space:nowrap;background:#040d10e0;border:1px solid #7eddda42;border-radius:6px;gap:2px;width:max-content;max-width:170px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;line-height:1.3;display:grid;box-shadow:0 8px 24px #00000057,inset 0 1px #ffffff0a}.scene-equipment-label strong,.scene-safety-label strong{color:#9cf8ec;letter-spacing:.09em;font-size:11px}.scene-equipment-label span,.scene-safety-label span{color:#cadfdead;font-size:10px}.scene-equipment-label output{color:#fff1d0;font-size:10px;font-weight:800}.scene-safety-label{text-align:center;border-color:#52dfad4f}.scene-safety-label.is-alarm{border-color:#ffb04d85}.scene-safety-label.is-alarm strong{color:#ffc36f}.scene-safety-label.is-trip{background:#26080de8;border-color:#ff4d5da8}.scene-safety-label.is-trip strong{color:#ff8490}.scene-boundary.is-loading{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.scene-reset-button{z-index:4;min-height:44px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;letter-spacing:.035em;background:#050f12d1;border:1px solid #83dad947;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;transition:border-color .16s,color .16s,background .16s;display:inline-flex;position:absolute;bottom:12px;right:12px;box-shadow:0 10px 30px #00000059}.scene-reset-button:hover{color:var(--text);background:#091d20eb;border-color:#48e5d299}.scene-reset-button svg{width:17px;height:17px}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.three-phase-mimic{min-height:405px;padding:16px 12px 58px;overflow:hidden}.three-phase-mimic .separator-mimic{max-height:365px}.phase-labels text{fill:#eff8f6c7;letter-spacing:.16em;paint-order:stroke;stroke:#050f12a6;stroke-width:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:900}.process-annotations text{fill:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.035em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.total-surface{stroke:#ffd08c;stroke-width:2px}.interface-surface{stroke:#9bf1ff;stroke-dasharray:5 4;stroke-width:2px}.flow-indicator{fill:none;stroke:var(--cyan-bright);stroke-dasharray:7 8;stroke-linecap:round;stroke-width:3px}.oil-flow{stroke:var(--amber)}.process-flow.is-flowing .flow-indicator{animation:.9s linear infinite process-flow-dash}.process-flow.is-still .flow-indicator{opacity:.45}@keyframes process-flow-dash{to{stroke-dashoffset:-30px}}.process-instrument-grid{border-block:1px solid var(--border);background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;display:grid}.process-instrument-grid>div{background:#061216f5;min-width:0;padding:9px 11px}.process-instrument-grid dt{color:var(--muted);font-size:11px;line-height:1.4}.process-instrument-grid dd{overflow-wrap:anywhere;color:var(--text);font-variant-numeric:tabular-nums;margin:2px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.4}.process-instrument-grid .instrument-safety{border-inline-start:2px solid var(--safe);grid-column:span 2}.safety-alarm .process-instrument-grid .instrument-safety{border-inline-start-color:var(--amber)}.safety-trip .process-instrument-grid .instrument-safety{border-inline-start-color:var(--red)}.fallback-note{color:var(--muted-2);text-align:center;margin:0;padding:7px 22px 10px;font-size:9px;line-height:1.4}.process-panel.safety-alarm{box-shadow:inset 0 0 42px #ffb45c0d, var(--shadow);border-color:#ffb45c85}.process-panel.safety-trip{border-color:#ff666bb3;box-shadow:inset 0 0 64px #ff666b1a,0 0 28px #ff666b1f}.process-panel.safety-trip .alarm-badge{animation:none}.process-footer{border-top:1px solid var(--border);color:var(--muted);letter-spacing:.04em;gap:20px;padding:12px 22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex}.process-footer span{align-items:center;gap:7px;display:flex}.process-footer span+span{margin-left:auto}.process-footer strong{color:var(--text)}.status-dot{background:var(--muted);border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.running{background:var(--safe);box-shadow:0 0 10px var(--safe)}.status-dot.paused{background:var(--amber)}.status-dot.tripped,.status-dot.error{background:var(--red)}.control-deck{min-width:0}.transport-bar{border-block:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:10px 0;display:flex}.tuning-guidance{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.tuning-guidance>p{max-width:360px;color:var(--muted);margin:0;font-size:12px;line-height:1.45}.pid-preset-selector{border:0;min-width:0;margin:0;padding:0}.pid-preset-selector legend{color:var(--muted-2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-size:10px}.pid-preset-selector>div{gap:8px;display:flex}.preset-button{border:1px solid var(--border);background:var(--surface);min-width:132px;min-height:44px;color:var(--text);cursor:pointer;text-align:left;border-radius:6px;gap:2px;padding:7px 10px;display:grid}.preset-button:hover{border-color:var(--border-strong);background:var(--surface-2)}.preset-button:focus-visible{outline:3px solid var(--cyan-bright);outline-offset:2px}.preset-button:disabled{cursor:not-allowed;opacity:.56}.preset-button strong{font-size:11px}.preset-button span{color:var(--muted);font-size:10px;line-height:1.25}.process-bay{grid-template-columns:minmax(250px,.72fr) minmax(460px,1.6fr) minmax(250px,.72fr);grid-template-areas:"total hero interface";align-items:stretch;gap:12px;min-width:0;display:grid}.process-bay__hero{grid-area:hero;min-width:0}.process-bay__hero>*{height:100%}.instrument-dock{border-inline-start:2px solid var(--border);background:linear-gradient(#0c1b21c2,#06101447);min-width:0;padding-inline:16px}.instrument-dock--oil{border-inline-start-color:var(--amber);grid-area:total}.instrument-dock--water{border-inline-start-color:var(--cyan-bright);grid-area:interface}.instrument-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:8px;min-height:72px;padding-block:12px;display:flex}.instrument-header h2{align-items:center;gap:7px;margin:4px 0 0;font-size:13px;display:flex}.instrument-header h2 svg{width:16px}.pid-causal-label{color:var(--muted);margin:10px 0;font-size:11px;line-height:1.4}.instrument-tag{color:var(--muted);letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800}.lock-state{color:var(--muted);text-align:right;align-items:center;gap:5px;font-size:11px;display:inline-flex}.lock-state svg{width:13px}.lock-state.is-locked{color:var(--amber)}.loop-readout{background:var(--border);grid-template-columns:repeat(2,1fr);gap:1px;margin:0;padding-block:10px;display:grid}.loop-readout div{background:var(--bg-raised);min-width:0;padding:7px 9px}.loop-readout dt{color:var(--muted-2);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.loop-readout dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.loop-readout .pid-term-readout{grid-column:1/-1}.gain-stack{border:0;gap:2px;margin:0;padding:12px 0;display:grid}.gain-stack legend,.advanced-grid legend{color:var(--muted-2);letter-spacing:.07em;text-transform:uppercase;padding:0 0 6px;font-size:11px}.gain-control{border-bottom:1px solid var(--border);gap:6px;padding:10px 0;display:grid}.gain-label{justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.gain-label>div{align-items:center;gap:7px;display:inline-flex}.gain-label output{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.gain-entry{grid-template-columns:minmax(72px,.65fr) 1fr;align-items:center;gap:8px;display:grid}.gain-number,.advanced-grid input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);text-align:right;border-radius:6px;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.gain-unit{color:var(--muted);font-size:11px}.gain-slider{width:100%;min-height:44px;accent-color:var(--cyan-bright);cursor:pointer;margin:0}.instrument-dock--oil .gain-slider{accent-color:var(--amber)}.gain-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.gain-control input:disabled,.advanced-grid input:disabled{cursor:not-allowed;opacity:.62}.advanced-controls{border-bottom:1px solid var(--border);margin-bottom:12px}.advanced-controls summary{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:10px;list-style:none;display:flex}.advanced-controls summary svg{width:16px}.advanced-grid{border:0;grid-template-columns:1fr minmax(84px,.55fr);align-items:center;gap:8px;margin:0;padding:0 0 12px;display:grid}.advanced-grid legend{grid-column:1/-1}.advanced-grid label{color:var(--muted);font-size:11px}.advanced-grid label span{color:var(--muted-2);display:block}.run-controls{gap:8px;display:flex}.primary-button,.secondary-button,.icon-button{cursor:pointer;letter-spacing:.04em;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 16px;font-size:11px;font-weight:800;transition:filter .15s,background .15s,border-color .15s;display:inline-flex}.primary-button{background:var(--cyan-bright);color:var(--bg)}.primary-button:hover{filter:brightness(1.08)}.primary-button:disabled{cursor:wait;filter:saturate(.35);opacity:.6}.secondary-button,.icon-button{border-color:var(--border);background:var(--surface-3);color:var(--text)}.secondary-button:hover,.icon-button:hover{border-color:var(--border-strong);background:#19353d}.primary-button svg,.secondary-button svg,.icon-button svg{width:17px}.speed-control{border:0;align-items:center;gap:5px;margin:0;padding:0;display:flex}.speed-control legend{float:left;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;margin-right:auto;font-size:9px}.speed-control button{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;font-size:10px}.speed-control button.is-active{border-color:var(--cyan-bright);color:var(--cyan-bright);background:#48e5d21a}.metrics-grid{grid-template-columns:repeat(4,1fr) 2fr;gap:8px;margin:16px 0;display:grid}.metrics-grid article{border:1px solid var(--border);background:var(--surface);border-radius:10px;grid-template-columns:auto 1fr;align-content:center;gap:2px 9px;min-height:92px;padding:12px 14px;display:grid;position:relative}.metrics-grid article>svg{width:18px;color:var(--cyan-bright);grid-row:1/4;margin-top:2px}.metrics-grid span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.metrics-grid strong{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}.metrics-grid small{color:var(--muted-2);font-size:9px}.metrics-grid .coach-metric{background:linear-gradient(135deg, #ffb45c12, var(--surface));border-color:#ffb45c2e}.coach-metric>svg{color:var(--amber)!important}.coach-metric p{color:var(--text);grid-column:2;margin:3px 0 0;font-size:11px;line-height:1.35}.trends-panel{margin-top:16px}.sample-counter{color:var(--muted-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chart-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0;padding:14px 18px 18px}.chart-card:nth-child(2n){border-right:0}.chart-card:nth-last-child(-n+2){border-bottom:0}.chart-heading{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.chart-heading h3{margin:0;font-size:11px}.chart-heading span{color:var(--muted-2);font-size:9px}.chart-frame{width:100%;height:190px}.recharts-legend-item-text{color:var(--muted)!important}.sr-chart-summary{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.simulator-footer{color:var(--muted-2);letter-spacing:.08em;align-items:center;gap:8px;padding:20px 2px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;display:flex}.simulator-footer span{border:1px solid var(--border);border-radius:4px;padding:4px 7px}.simulator-footer p{margin-left:auto}.error-banner{color:var(--red);background:#ff666b17;border:1px solid #ff666b66;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 14px;display:flex}.error-banner svg{width:18px}.error-banner span{flex:1;min-width:0}.error-banner button{flex:none}.result-scrim{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02080ac2;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.result-panel{border:1px solid var(--border-strong);background:linear-gradient(145deg, var(--surface-2), var(--bg-raised));border-radius:12px;width:min(980px,100%);padding:clamp(20px,4vw,38px);animation:.24s ease-out result-enter;position:relative;box-shadow:0 40px 120px #0009}@keyframes result-enter{0%{opacity:0;transform:translateY(18px)scale(.98)}}.result-close{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.result-close svg{width:18px}.result-hero{align-items:center;gap:28px;padding-right:40px;display:flex}.score-ring{background:conic-gradient(var(--cyan-bright) var(--score), var(--surface-3) 0);text-align:center;border-radius:50%;flex:none;place-content:center;width:142px;height:142px;display:grid;position:relative}.score-ring:before{border-radius:inherit;background:var(--surface);content:"";position:absolute;inset:9px}.score-ring>*{position:relative}.score-ring span{color:var(--muted-2);letter-spacing:.12em;font-size:8px}.score-ring strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:46px;line-height:1}.score-ring small{color:var(--muted);font-size:10px}.result-hero h2{letter-spacing:-.04em;align-items:center;gap:10px;margin:4px 0 8px;font-size:clamp(22px,4vw,34px);display:flex}.result-hero h2 svg{color:var(--amber)}.result-hero p:last-child{color:var(--cyan-bright);margin:0}.score-breakdown{gap:10px;margin:26px 0;display:grid}.score-row{grid-template-columns:90px 1fr 82px;align-items:center;gap:12px;font-size:10px;display:grid}.score-row>div{background:var(--surface-3);border-radius:4px;height:7px;overflow:hidden}.score-row i{border-radius:inherit;background:linear-gradient(90deg, var(--cyan-deep), var(--cyan-bright));height:100%;display:block}.score-row strong{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.result-metrics{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.result-metric-group{border-right:1px solid var(--border);min-width:0;padding:12px}.result-metric-group:last-child{border:0}.result-metric-group h3{min-height:34px;color:var(--text);margin:0 0 8px;font-size:11px}.result-metrics .result-metric-group div{border-top:1px solid #23434b7a;justify-content:space-between;align-items:baseline;gap:8px;min-height:30px;padding-block:4px;display:flex}.result-metrics span{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.result-metrics strong{margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.result-run-status{border:1px solid var(--border);background:#061014b8;grid-template-columns:repeat(3,1fr);margin-top:10px;display:grid}.result-run-status>div{border-right:1px solid var(--border);flex-direction:column;justify-content:center;min-height:58px;padding:9px 12px;display:flex}.result-run-status>div:last-child{border:0}.result-run-status span,.modifier-section h3{color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.result-run-status strong{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.coaching-card{background:#ffb45c0f;border:1px solid #ffb45c3d;border-radius:10px;gap:12px;margin-top:16px;padding:14px;display:flex}.coaching-card svg{color:var(--amber);flex:none}.coaching-card p{color:var(--muted);margin:2px 0 0;font-size:12px}.modifier-section{margin-top:14px}.modifier-section h3{margin:0 0 7px}.modifier-section p{color:var(--safe);margin:0;font-size:11px}.modifier-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.modifier-list li{color:var(--red);border:1px solid #ff666b42;border-radius:6px;padding:5px 8px;font-size:9px}.result-actions{gap:8px;margin-top:22px;display:flex}.result-actions button{flex:1}.quick-start-scrim{z-index:110;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02080ac7;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.quick-start-modal{border:1px solid var(--border-strong);background:linear-gradient(145deg, var(--surface-2), var(--bg-raised));border-radius:12px;width:min(660px,100%);padding:clamp(22px,4vw,34px);box-shadow:0 40px 120px #0009}.quick-start-modal h2{letter-spacing:-.04em;margin:5px 0 14px;font-size:clamp(26px,5vw,38px)}.mission-summary>p{color:var(--muted);margin:0 0 14px;line-height:1.55}.mission-summary dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px;display:grid}.mission-summary dl>div{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px}.mission-summary dt{color:var(--cyan-bright);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.mission-summary dd{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.4}.mission-summary ol{color:var(--muted);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0;padding:0;font-size:10px;line-height:1.4;list-style-position:inside;display:grid}.mission-summary li{border-top:1px solid var(--border);min-width:0;padding:9px}.quick-start-actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.quick-start-actions .primary-button{flex:190px}.quick-start-actions .secondary-button{flex:130px}.guided-tour-scrim{z-index:120;pointer-events:none;position:fixed;inset:0}.guided-tour-spotlight{z-index:1;border:2px solid var(--cyan-bright);pointer-events:none;border-radius:10px;transition:inset .12s,width .12s,height .12s;position:fixed;box-shadow:0 0 0 max(100vmax,1200px) #02080abd,0 0 30px #48e5d26b}.guided-tour-dialog{z-index:2;border:1px solid var(--border-strong);background:linear-gradient(145deg, var(--surface-2), var(--bg-raised));pointer-events:auto;border-radius:12px;width:min(420px,100% - 32px);padding:22px;position:fixed;bottom:clamp(16px,3vw,48px);right:clamp(16px,3vw,48px);box-shadow:0 28px 80px #00000094}.guided-tour-dialog h2{letter-spacing:-.03em;margin:5px 0 10px;font-size:24px}.guided-tour-dialog>p:not(.eyebrow):not(.sr-only){color:var(--muted);margin:0;font-size:14px;line-height:1.55}.guided-tour-dialog .guided-tour-order{border:1px solid #48e5d247;border-radius:5px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;display:inline-block;color:var(--cyan-bright)!important;margin-top:12px!important;font-size:11px!important}.guided-tour-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:20px;display:flex}.guided-tour-actions>span{color:var(--muted-2);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.guided-tour-actions>div{gap:8px;display:flex}.pid-help{position:relative}.pid-help__trigger{min-height:32px;color:var(--cyan-bright);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:4px 6px;font-size:10px;font-weight:700;display:inline-flex}.pid-help__trigger:hover,.pid-help__trigger[aria-expanded=true]{background:#48e5d214;border-color:#48e5d259}.pid-help__trigger:focus-visible,.learning-disclosure__trigger:focus-visible{outline:3px solid var(--cyan-bright);outline-offset:2px}.pid-help__trigger svg{width:15px;height:15px}.pid-help__popover{z-index:30;border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:9px;width:min(420px,76vw);padding:16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 55px #00000085}.pid-help__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pid-help__heading h3,.pid-help__grid h4,.learning-disclosure h3,.loop-explanation h3{color:var(--text);margin:0;font-size:12px}.pid-help__heading p{color:var(--muted-2);margin:3px 0 0;font-size:10px}.pid-help__popover>p,.pid-help__drawer>p,.learning-disclosure__content>p,.loop-explanation p{color:var(--muted);font-size:12px;line-height:1.5}.pid-help__summary,.pid-formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan-bright)!important;font-size:11px!important}.pid-help__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.pid-help__grid section,.diagnosis-list section{border:1px solid var(--border);background:#040f1385;border-radius:6px;padding:9px}.pid-help__grid ul,.diagnosis-list ul{color:var(--muted);margin:6px 0 0;padding-left:15px;font-size:10px;line-height:1.45}.pid-help__note,.golden-rule{border-left:2px solid var(--amber);background:#ffb45c12;padding:10px;color:var(--text)!important}.pid-help__scrim{z-index:130;background:#02080abd;align-items:end;display:flex;position:fixed;inset:0}.pid-help__drawer{border-top:1px solid var(--border-strong);background:linear-gradient(145deg, var(--surface-2), var(--bg-raised));border-radius:14px 14px 0 0;width:100%;max-height:min(78dvh,680px);padding:20px;overflow-y:auto;box-shadow:0 -24px 70px #0000007a}.pid-help__close{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.pid-help__close svg{width:18px}.pid-learning-panel{border:1px solid var(--border);background:linear-gradient(135deg, #48e5d20d, var(--surface));border-radius:10px;margin:16px 0}.pid-learning-panel__heading{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.pid-learning-panel__heading>svg{color:var(--amber)}.pid-learning-panel__heading p{color:var(--muted-2);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.pid-learning-panel__heading h2{margin:3px 0 0;font-size:14px}.learning-disclosure+.learning-disclosure{border-top:1px solid var(--border)}.learning-disclosure__trigger{width:100%;min-height:48px;color:var(--text);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:800;display:flex}.learning-disclosure__trigger:hover{background:#48e5d20d}.learning-disclosure__trigger svg{width:17px;transition:transform .15s}.learning-disclosure__trigger[aria-expanded=true] svg{transform:rotate(180deg)}.learning-disclosure__content{padding:0 16px 16px}.diagnosis-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.diagnosis-list h3{color:var(--amber)}.diagnosis-list p{color:var(--cyan-bright);margin:8px 0 0;font-size:11px;line-height:1.4}.reference-list{gap:9px;margin:14px 0 0;padding:0;list-style:none;display:grid}.reference-list li{gap:3px;display:grid}.reference-list a{color:var(--cyan-bright);font-size:12px;font-weight:700}.reference-list span{color:var(--muted);font-size:11px;line-height:1.4}.loop-explanation+.loop-explanation{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}@media (max-width:1180px){.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:34px}.landing-visual{padding:20px}.landing-visual .process-hero,.landing-visual .scene-boundary{min-height:420px}.scenario-group__cards{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.process-bay{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hero hero""total interface"}.metrics-grid{grid-template-columns:repeat(4,1fr)}.coach-metric{grid-column:1/-1}}@media (max-width:800px){.landing-header{min-height:78px}.landing-disclaimer{display:none}.landing-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:42px 0 26px}.landing-copy h2{max-width:16ch}.landing-visual{order:-1}.landing-visual .process-hero,.landing-visual .scene-boundary{min-height:390px}.landing-briefing,.project-attribution-about{grid-template-columns:minmax(0,1fr)}.project-attribution-links{border-top:1px solid var(--border);border-left:0;padding:18px 0 0}.site-header{min-height:72px}.header-disclaimer{display:none}.status-strip{grid-template-columns:repeat(3,1fr)}.status-strip>div{min-height:62px;padding:10px 12px}.status-strip .disturbance-status{grid-column:span 2}.status-strip>div:nth-child(3){border-right:0}.scenario-group__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-card{min-width:0}.transport-bar,.tuning-guidance{flex-direction:column;align-items:stretch}.metrics-grid{grid-template-columns:repeat(2,1fr)}.coach-metric{grid-column:1/-1}.chart-grid{grid-template-columns:1fr}.chart-card,.chart-card:nth-child(2n),.chart-card:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--border)}.chart-card:last-child{border-bottom:0}.process-footer{flex-wrap:wrap}.process-footer span+span{margin-left:0}.result-metrics{grid-template-columns:repeat(2,1fr)}.result-metric-group:nth-child(2){border-right:0}.result-metric-group:nth-child(-n+2){border-bottom:1px solid var(--border)}.process-instrument-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.process-bay{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""total""interface"}.process-hero,.scene-boundary{min-height:400px}.metrics-grid{grid-template-columns:minmax(0,1fr)}.coach-metric{grid-column:auto}.pid-help__trigger span{display:none}.pid-help__grid,.diagnosis-list,.result-run-status,.result-metrics{grid-template-columns:minmax(0,1fr)}.result-metric-group,.result-metric-group:nth-child(2),.result-run-status>div{border-right:0;border-bottom:1px solid var(--border)}}@media (max-width:540px){.landing-shell{padding-bottom:32px}.landing-header{min-height:70px}.landing-brand h1{font-size:17px}.landing-copy h2{margin-top:8px;font-size:clamp(38px,13vw,56px)}.landing-actions{grid-template-columns:minmax(0,1fr);display:grid}.landing-action{width:100%}.landing-visual{border-radius:12px;padding:14px}.landing-visual-label{font-size:8px}.landing-visual .process-hero,.landing-visual .scene-boundary{min-height:340px}.landing-steps{grid-template-columns:minmax(0,1fr)}.project-attribution-about{padding-top:20px}.project-attribution-links nav ul{grid-template-columns:minmax(0,1fr);display:grid}.project-attribution-links a{width:100%}.brand-mark{width:42px;height:42px;margin-right:10px}.brand-copy p{font-size:8px}.brand-copy h1{font-size:17px}.status-strip{grid-template-columns:repeat(2,1fr)}.status-strip>div:nth-child(2n){border-right:0}.status-strip .disturbance-status{grid-column:1/-1}.control-room{padding-top:16px}.panel-heading{padding:16px}.alarm-badge{text-align:center;max-width:132px}.mimic-stage{min-height:350px;padding:32px 0 50px}.three-phase-mimic{min-height:300px;padding:8px 0 76px}.process-instrument-grid{grid-template-columns:minmax(0,1fr)}.process-instrument-grid .instrument-safety{grid-column:auto}.level-readout{top:14px;left:12px}.valve-readout{bottom:12px;right:12px}.advanced-grid{grid-template-columns:1fr}.speed-control{flex-wrap:wrap}.speed-control legend{width:100%;margin-bottom:7px}.process-bay{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""total""interface"}.process-hero,.scene-boundary{min-height:360px}.scene-reset-button{bottom:8px;right:8px}.scenario-group__cards{grid-template-columns:minmax(0,1fr)}.pid-preset-selector>div{flex-direction:column}.preset-button{width:100%}.guided-tour-dialog{padding:18px;bottom:16px;right:16px}.guided-tour-actions{flex-wrap:wrap;align-items:stretch}.guided-tour-actions>span{text-align:center;order:3;width:100%}.metrics-grid{grid-template-columns:1fr 1fr}.metrics-grid article{min-height:84px;padding:10px}.chart-card{padding-inline:10px}.chart-heading{flex-direction:column;align-items:flex-start}.simulator-footer{flex-wrap:wrap}.simulator-footer p{width:100%;margin:4px 0}.project-attribution-compact{line-height:1.5}.result-hero{flex-direction:column;align-items:flex-start;gap:16px}.score-ring{width:112px;height:112px}.score-ring strong{font-size:36px}.score-row{grid-template-columns:76px 1fr 64px;gap:8px}.result-actions{flex-direction:column}.error-banner{flex-direction:column;align-items:stretch}.pid-learning-panel{margin-inline:-2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.process-flow .flow-indicator{animation:none!important}}.language-switcher{background:#07161a8c;border:1px solid #78e8dc38;border-radius:999px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.language-switcher-option{color:#d8f3f09e;letter-spacing:.08em;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:44px;min-height:32px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .16s,color .16s}.language-switcher-option:hover{color:#d8f3f0}.language-switcher-option[aria-pressed=true]{color:#78e8dc;background:#78e8dc29}.language-switcher-option:focus-visible{outline-offset:2px;outline:2px solid #78e8dc}.site-header .language-switcher{margin-left:auto}.gas-toggle{background:#07161a80;border:1px solid #78e8dc2e;border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.gas-toggle label{cursor:pointer;align-items:center;gap:10px;display:flex}.gas-toggle input[type=checkbox]{accent-color:#78e8dc;cursor:pointer;width:20px;height:20px}.gas-toggle input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.gas-toggle span{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.gas-toggle strong{color:#d8f3f0;font-size:14px}.gas-toggle em{letter-spacing:.1em;text-transform:uppercase;color:#78e8dc;background:#78e8dc24;border-radius:999px;padding:2px 8px;font-size:10px;font-style:normal}.gas-toggle p{color:#d8f3f09e;margin:0;font-size:12px;line-height:1.5}.instrument-dock--gas{border-color:#ffb45c47}.process-view-switch{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050f12d1;border:1px solid #78e8dc38;border-radius:999px;gap:2px;padding:2px;display:inline-flex;position:absolute;top:12px;right:12px}.process-view-option{color:#d8f3f09e;cursor:pointer;letter-spacing:.06em;background:0 0;border:0;border-radius:999px;min-width:48px;min-height:32px;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;transition:background .16s,color .16s}.process-view-option:hover{color:#d8f3f0}.process-view-option[aria-pressed=true]{color:var(--cyan-bright);background:#48e5d229}.process-view-option:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.process-view-hint{z-index:4;max-width:190px;color:var(--muted-2);text-align:right;margin:0;font-size:9px;line-height:1.4;position:absolute;top:54px;right:12px}.pid-mimic{z-index:1;flex-direction:column;min-width:0;height:100%;display:flex;position:relative;overflow-y:auto}.pid-diagram-frame{flex:auto;min-width:0;overflow-x:auto}.pid-diagram{width:100%;min-width:620px;max-height:430px;padding:52px 12px 4px;display:block}.pid-pipe{fill:none;stroke:#35545c;stroke-linecap:round;stroke-linejoin:round;stroke-width:9px}.pid-tap{fill:none;stroke:#3f6069;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.pid-signal{fill:none;stroke:#92c6cdb8;stroke-dasharray:6 5;stroke-width:1.4px}.pid-flow-arrow{fill:var(--cyan-bright)}.pid-flow-line{fill:none;stroke:var(--cyan-bright);stroke-dasharray:8 9;stroke-linecap:round;stroke-width:2.4px;opacity:.6}.pid-process.is-flowing .pid-flow-line{animation:1s linear infinite pid-flow-dash}.pid-process.is-still .pid-flow-line{opacity:.3}@keyframes pid-flow-dash{to{stroke-dashoffset:-34px}}.pid-vessel-outline{fill:none;stroke:#6f8b92;stroke-width:2.5px}.pid-saddle{fill:#2b464d;stroke:#52717a;stroke-width:2px}.pid-internal{fill:none;stroke:#d6ecec73;stroke-width:3px}.pid-phase-gas{fill:#16303a}.pid-phase-oil{fill:#c4802fe0}.pid-phase-water{fill:#1c8fa8e0}.pid-phase-gas,.pid-phase-oil,.pid-phase-water,.pid-surface{transition:y .22s ease-out,height .22s ease-out}.pid-surface.is-total{stroke:#ffd08c;stroke-width:2px}.pid-surface.is-interface{stroke:#9bf1ff;stroke-dasharray:6 4;stroke-width:2px}.pid-phase-labels text{fill:#eff8f6d1;letter-spacing:.16em;paint-order:stroke;stroke:#050f129e;stroke-width:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.pid-bubble-body{fill:#07151af0;stroke:var(--cyan-bright);stroke-width:2px}.pid-bubble-frame{fill:#07151af0;stroke:#48e5d28c;stroke-width:1.6px}.pid-bubble-tag{fill:#d8f3f0;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}.pid-bubble.severity-alarm .pid-bubble-body{stroke:var(--amber);stroke-width:3px}.pid-bubble.severity-trip .pid-bubble-body{stroke:var(--red);stroke-dasharray:5 3;stroke-width:3.5px}.pid-alarm-badge polygon{stroke-width:1.6px}.pid-alarm-badge.is-alarm polygon{fill:var(--amber);stroke:#6a4405}.pid-alarm-badge.is-trip polygon{fill:var(--red);stroke:#5b0d13}.pid-alarm-badge text{fill:#10181a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:900}.pid-valve-body{fill:#0c1e24f5;stroke:var(--amber);stroke-linejoin:round;stroke-width:2px}.pid-valve-fill{fill:#ffb45cc7;stroke:none;transition:clip-path .2s ease-out}.pid-valve-stem{stroke:var(--amber);stroke-width:2.4px}.pid-valve-actuator{fill:#142c33f5;stroke:var(--amber);stroke-width:2px}.pid-valve.state-shut .pid-valve-body,.pid-valve.state-shut .pid-valve-stem,.pid-valve.state-shut .pid-valve-actuator{stroke:var(--muted-2)}.pid-valve-tag{fill:#ffd7a1;letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700}.pid-valve-reading{fill:var(--muted);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.pid-annotations text{fill:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.pid-annotations .pid-equipment-tag{fill:var(--text);letter-spacing:.08em;font-size:13px;font-weight:800}.pid-legend text{fill:var(--muted-2);letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.pid-legend-process{stroke:#35545c;stroke-width:6px}.pid-legend-signal{stroke:#92c6cdb8;stroke-dasharray:6 5;stroke-width:1.4px}.pid-readings{border-block:1px solid var(--border);background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;display:grid}.pid-readings>div{background:#061216f5;border-inline-start:2px solid #0000;min-width:0;padding:8px 11px}.pid-readings dt{color:var(--muted);font-size:11px;line-height:1.4}.pid-readings dd{overflow-wrap:anywhere;color:var(--text);font-variant-numeric:tabular-nums;margin:2px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.4}.pid-readings>div[data-severity=alarm]{border-inline-start-color:var(--amber)}.pid-readings>div[data-severity=trip]{border-inline-start-color:var(--red)}.pid-readings .pid-reading-safety{border-inline-start-color:var(--safe);grid-column:span 2}.pid-note{color:var(--muted-2);text-align:center;margin:0;padding:8px 14px 12px;font-size:9px;line-height:1.4}.pid-mimic.safety-trip .pid-diagram{background:radial-gradient(circle at 50% 45%,#ff666b14,#0000 62%)}.pid-mimic.safety-alarm .pid-diagram{background:radial-gradient(circle at 50% 45%,#ffb45c0f,#0000 62%)}@media (max-width:760px){.pid-diagram{min-width:700px;max-height:none;padding:46px 4px 2px}.pid-readings{grid-template-columns:repeat(2,minmax(0,1fr))}.pid-readings .pid-reading-safety{grid-column:span 2}.process-view-switch{top:8px;right:8px}.process-view-hint{max-width:150px;top:48px;right:8px}}@media (prefers-reduced-motion:reduce){.pid-process .pid-flow-line{animation:none!important}.pid-phase-gas,.pid-phase-oil,.pid-phase-water,.pid-surface,.pid-valve-fill{transition:none!important}}.training-shell{flex-direction:column;gap:28px;max-width:1180px;margin:0 auto;padding:28px 20px 64px;display:flex}.training-header{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.training-header h1{text-wrap:balance;margin:4px 0 0;font-size:clamp(26px,3.4vw,40px)}.training-header-aside{align-items:center;gap:12px;margin-left:auto;display:flex}.training-back{color:#d8f3f0b3;align-items:center;gap:4px;font-size:13px;text-decoration:none;display:inline-flex}.training-back:hover{color:#78e8dc}.training-intro{color:#d8f3f0cc;max-width:68ch;line-height:1.6}.training-progress{letter-spacing:.06em;text-transform:uppercase;color:#78e8dc;font-size:13px}.lesson-list{counter-reset:lesson;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.lesson-card{background:#07161a8c;border:1px solid #78e8dc29;border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex}.lesson-card[data-passed=true]{border-color:#54dfa866}.lesson-card h2{text-wrap:balance;margin:0;font-size:18px}.lesson-card p{color:#d8f3f0b8;margin:0;font-size:13px;line-height:1.55}.lesson-card .primary-button{align-self:flex-start;margin-top:auto}.lesson-card-head{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.lesson-level{color:#78e8dc;background:#78e8dc24;border-radius:999px;padding:2px 8px}.lesson-minutes{color:#d8f3f080}.lesson-passed{color:#54dfa8;align-items:center;gap:4px;display:inline-flex}.lesson-passed svg,.lesson-locked svg{width:14px;height:14px}.lesson-locked{color:#d8f3f073;align-items:center;gap:6px;margin-top:auto;font-size:12px;display:inline-flex}.lesson-theory,.lesson-briefing,.lesson-debrief{background:#07161a73;border:1px solid #78e8dc24;border-radius:18px;padding:22px}.lesson-theory{grid-template-columns:96px minmax(0,1fr) auto;grid-template-areas:"visual heading toggle";align-items:center;gap:16px;display:grid}.lesson-theory[data-expanded=true]{grid-template-columns:minmax(0,1fr) minmax(240px,320px);grid-template-areas:"heading toggle""body visual";align-items:start}.lesson-theory__heading{grid-area:heading;min-width:0}.lesson-theory__heading h2{margin:0}.lesson-theory__heading p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.5}.lesson-theory__visual{grid-area:visual;min-width:0}.lesson-theory__body{grid-area:body;min-width:0}.lesson-theory__body>p{max-width:74ch;margin:0 0 12px;line-height:1.68}.lesson-theory__toggle{min-height:44px;color:var(--cyan-bright);cursor:pointer;background:0 0;border:0;grid-area:toggle;justify-self:end;align-items:center;gap:6px;padding:8px 10px;display:inline-flex}.lesson-theory__toggle svg{width:16px;transition:transform .18s}.lesson-theory__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.lesson-theory__toggle:focus-visible{outline:2px solid var(--cyan-bright);outline-offset:2px}.lesson-theory h2,.lesson-briefing h2,.lesson-debrief h2{letter-spacing:.08em;text-transform:uppercase;color:#78e8dc;align-items:center;gap:8px;margin:0 0 12px;font-size:15px;display:flex}.lesson-theory .lesson-theory__heading h2{margin:0}.lesson-theory .lesson-theory__heading p{margin:6px 0 0;line-height:1.5}.lesson-theory p,.lesson-debrief p{max-width:74ch;margin:0 0 12px;line-height:1.68}.lesson-briefing ol{max-width:74ch;margin:0;padding-left:20px;line-height:1.6}.lesson-briefing li{margin-bottom:8px}.lesson-briefing-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-field-note{background:#ffb45c12;border-left:3px solid #ffb45c99;border-radius:0 10px 10px 0;margin-top:8px;padding:14px 16px}.lesson-field-note strong{letter-spacing:.1em;text-transform:uppercase;color:#ffb45c;align-items:center;gap:6px;font-size:11px;display:flex}.lesson-field-note svg{width:14px;height:14px}.lesson-field-note p{margin:6px 0 0;font-style:italic}@media (max-width:760px){.lesson-theory{grid-template-columns:80px minmax(0,1fr) auto;gap:12px;padding:14px}.lesson-theory[data-expanded=true]{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading toggle""visual visual""body body";padding:16px}}.lesson-visual{width:100%;height:auto;display:block}.lesson-visual__backdrop{fill:#050f12c2;stroke:#78e8dc2e}.lesson-visual__vessel{fill:#143038eb;stroke:var(--muted-2);stroke-width:2px}.lesson-visual__gas{fill:#16303a}.lesson-visual__oil{fill:#c4802fe0}.lesson-visual__water{fill:#1c8fa8e0}.lesson-visual__control{fill:none;stroke:var(--cyan-bright);stroke-width:2px}.lesson-visual__signal{fill:none;stroke:var(--cyan-bright);stroke-dasharray:6 5;stroke-width:1.5px}.lesson-visual__accent{fill:none;stroke:var(--amber);stroke-width:2px}.lesson-visual__muted{fill:none;stroke:var(--muted-2);stroke-width:1.5px}.lesson-visual__label{fill:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700}.lesson-visual[data-visual-variant=thumbnail] .lesson-visual__detail{display:none}.lesson-banner{border-radius:10px;align-items:baseline;gap:12px;padding:10px 14px;font-weight:600;display:flex}.lesson-banner.is-passed{color:#54dfa8;background:#54dfa824}.lesson-banner.is-failed{color:#ffb45c;background:#ffb45c1f}.lesson-banner small{opacity:.7;font-weight:400}.lesson-debrief-empty{color:#d8f3f08c}.lesson-checks{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lesson-checks li{align-items:center;gap:8px;font-size:13px;display:flex}.lesson-checks svg{flex-shrink:0;width:16px;height:16px}.lesson-checks li[data-passed=true] svg{color:#54dfa8}.lesson-checks li[data-passed=false] svg{color:#ff8f6b}.lesson-checks em{font-variant-numeric:tabular-nums;color:#d8f3f099;margin-left:auto;font-style:normal}.training-tools{border:1px dashed #78e8dc38;border-radius:16px;padding:20px}.training-tools h2{letter-spacing:.08em;text-transform:uppercase;color:#78e8dc;margin:0 0 6px;font-size:14px}.training-tools p{color:#d8f3f0b3;max-width:68ch;font-size:13px;line-height:1.55}.training-tool-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.training-shell.is-presenting{max-width:1500px;font-size:19px}.training-shell.is-presenting .lesson-theory p,.training-shell.is-presenting .lesson-briefing li{font-size:1.05em;line-height:1.75}.training-shell.is-presenting .training-header h1{font-size:clamp(34px,4.4vw,58px)}.training-present-hint{color:#d8f3f080;font-size:12px}.control-coach,.tuning-debrief{color:#d8f3f0c7;background:#07161a80;border:1px solid #78e8dc2e;border-radius:18px;flex-direction:column;gap:16px;padding:20px;display:flex}.control-coach__heading,.tuning-debrief__heading{align-items:center;gap:12px;display:flex}.control-coach__heading svg,.tuning-debrief__heading svg{color:#78e8dc;flex:none;width:22px;height:22px}.control-coach__heading p,.tuning-debrief__heading p{letter-spacing:.12em;text-transform:uppercase;color:#78e8dcb8;margin:0;font-size:10px}.control-coach__heading h2,.tuning-debrief__heading h2{color:#d8f3f0;margin:2px 0 0;font-size:16px}.control-coach__headline{color:#d8f3f0;background:#78e8dc1a;border-left:3px solid #78e8dc;border-radius:12px;margin:0;padding:12px 14px;font-size:14px}.control-coach__loops{gap:12px;margin:0;padding:0;list-style:none;display:grid}.control-coach__loops>li{background:#07161a6b;border:1px solid #78e8dc24;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.control-coach__loops h3{letter-spacing:.1em;text-transform:uppercase;color:#78e8dcb8;margin:0;font-size:11px}.control-coach__loops p{margin:0;font-size:13px;line-height:1.55}.control-coach__pattern{color:#d8f3f0;font-weight:600}.control-coach__move{color:#d8f3f0;background:#78e8dc1f;border-radius:10px;padding:8px 10px}.control-coach__move strong{letter-spacing:.1em;text-transform:uppercase;color:#78e8dccc;font-size:10px;display:block}.control-coach__evidence{color:#d8f3f08c;font-size:11px}.control-coach__evidence span{letter-spacing:.08em;text-transform:uppercase;font-size:9px;display:block}.control-coach__experiment{background:#ffb45c0f;border:1px dashed #ffb45c57;border-radius:14px;padding:14px}.control-coach__experiment h3{letter-spacing:.12em;text-transform:uppercase;color:#ffb45cdb;margin:0 0 6px;font-size:10px}.control-coach__experiment p{margin:0;font-size:13px;line-height:1.55}.control-coach__experiment strong{color:#d8f3f0}.control-coach__preset{color:#ffd09af0;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffb45c6b;border-radius:999px;margin-top:10px;padding:8px 14px;font-size:12px}.control-coach__preset:hover{background:#ffb45c24}.control-coach__preset:focus-visible{outline-offset:2px;outline:2px solid #78e8dc}.control-coach__reminder,.tuning-debrief__first{color:#d8f3f099;margin:0;font-size:12px;line-height:1.6}.tuning-debrief__gains h3{letter-spacing:.12em;text-transform:uppercase;color:#78e8dcb8;margin:0 0 6px;font-size:10px}.tuning-debrief__gains ul{color:#d8f3f0;margin:0;padding-left:18px;font-size:13px}.tuning-debrief__gains p{margin:0;font-size:13px}.tuning-debrief__warning{color:#ffd09af0;background:#ffb45c1f;border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.55;margin-top:8px!important}.tuning-debrief__table{border-collapse:collapse;width:100%;font-size:12px;display:block;overflow-x:auto}.tuning-debrief__table caption{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:#78e8dcb8;padding-bottom:6px;font-size:10px}.tuning-debrief__table th,.tuning-debrief__table td{text-align:left;vertical-align:top;white-space:nowrap;border-bottom:1px solid #78e8dc1a;padding:8px 10px}.tuning-debrief__table thead th{letter-spacing:.1em;text-transform:uppercase;color:#d8f3f080;font-size:9px}.tuning-debrief__table tbody th{color:#d8f3f0;white-space:normal;min-width:18ch;font-weight:600}.tuning-debrief__table tbody th small{color:#d8f3f080;margin-top:2px;font-size:10px;font-weight:400;line-height:1.45;display:block}.tuning-debrief__table tbody td{color:#d8f3f0d1}.tuning-debrief__table tr[data-verdict=better] td:last-child{color:#78e8dc}.tuning-debrief__table tr[data-verdict=worse] td:last-child{color:#ffa08cf2}.tuning-debrief__table tr[data-verdict=unchanged] td:last-child{color:#d8f3f07a}.notation-toggle{background:#07161a73;border:1px solid #78e8dc29;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.notation-toggle>span{letter-spacing:.08em;text-transform:uppercase;color:#d8f3f0b3;font-size:12px}.notation-toggle p{color:#d8f3f08c;flex-basis:100%;margin:0;font-size:12px;line-height:1.5}.notation-options{background:#07161ab3;border-radius:999px;gap:2px;padding:2px;display:inline-flex}.notation-options button{color:#d8f3f09e;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:32px;padding:4px 14px;font-size:12px;font-weight:600}.notation-options button[aria-pressed=true]{color:#78e8dc;background:#78e8dc29}.notation-options button:disabled{cursor:not-allowed;opacity:.5}.standard-form-readout{background:#07161a8c;border-radius:10px;gap:4px;margin:0 0 14px;padding:10px 12px;font-size:12px;display:grid}.standard-form-readout div{justify-content:space-between;gap:12px;display:flex}.standard-form-readout dt{color:#d8f3f099}.standard-form-readout dd{font-variant-numeric:tabular-nums;color:#d8f3f0;margin:0}.run-details{color:#d8f3f099;font-size:12px}.run-details summary{cursor:pointer;letter-spacing:.06em;text-transform:uppercase}.run-details dl{flex-wrap:wrap;gap:18px;margin:10px 0 0;display:flex}.run-details div{gap:8px;display:flex}.run-details dd{color:#d8f3f0;font-variant-numeric:tabular-nums;margin:0}.well-control{border:0;align-items:center;gap:5px;margin:0 12px 0 0;padding:0;display:flex}.well-control legend{float:left;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase;margin-right:auto;font-size:9px}.well-control button{border:1px solid var(--border);min-height:44px;color:var(--muted);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:6px;padding:0 12px;font-size:10px}.well-control button.is-active{border-color:var(--cyan-bright);color:var(--cyan-bright);background:#48e5d21a}.well-control button:last-child.is-active{color:#ffb45c;background:#ffb45c1f;border-color:#ffb45c}.well-control button:disabled{cursor:not-allowed;opacity:.45}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}