@charset "UTF-8";
:root{--accent:#00DBE7;--mint:var(--accent);--bg:#080e12;--text:#e4edef;--muted:#8b9da5;--line:#29383e;--orange:#e7b871;--mono:Consolas,"Cascadia Code",monospace;--body:Arial,"Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:transparent}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--bg)}.mono,.eyebrow{font:10px var(--mono);letter-spacing:.08em}.eyebrow{color:var(--accent);line-height:1.8;margin:0}.skip{position:fixed;top:-100px;padding:15px;background:var(--accent);color:#000;z-index:100}.skip:focus{top:10px}.nav{height:90px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;gap:26px;position:sticky;top:0;z-index:30;background:#080e12ee;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;white-space:nowrap;font-size:14px}.brand b{font-size:32px;letter-spacing:-4px}.brand b span{color:var(--accent);font-size:20px;vertical-align:top}.brand small{display:block;font:8px var(--mono);color:var(--muted);margin-top:5px}.mode-switch{display:flex;align-self:stretch;margin-left:auto;gap:5px}.mode-switch button{font:11px var(--mono);position:relative;min-width:195px;padding:12px 20px;text-align:left;color:var(--muted);border-inline:1px solid transparent}.mode-switch button>span{color:var(--accent);font-size:9px;margin-right:10px}.mode-switch strong{font:13px var(--body);display:block;margin:7px 0 0 25px}.mode-switch button[aria-selected=true]{background:linear-gradient(140deg,#00dbe71b,transparent);color:var(--text);border-color:var(--line)}.mode-switch button[aria-selected=true]:after{content:"";height:3px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.contact-nav{font-size:11px;white-space:nowrap}#motion{font-size:10px;color:var(--muted);border:1px solid var(--line);padding:9px;min-width:72px}.mode-panel{padding:0 3.5vw 60px;max-width:1800px;margin:auto;animation:panel-in .7s cubic-bezier(.2,.8,.2,1)}.masthead{height:240px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}h1{font-size:clamp(34px,4vw,65px);letter-spacing:-.05em;line-height:1.15;margin:17px 0 0;font-weight:600}h1 span{color:var(--accent);margin-left:8px}.masthead>div:first-child,.mast-note{position:relative;z-index:1}.mast-note{font-size:12px;line-height:2;color:var(--muted);padding-top:40px}.huge-type{position:absolute;bottom:-29px;right:-8px;font:bold clamp(100px,17vw,280px)/1 Arial;letter-spacing:-.06em;-webkit-text-stroke:1px #31444a66;color:transparent;pointer-events:none}.lab-nav{display:flex;border-bottom:1px solid var(--line);margin-top:26px}.lab-nav button{flex:1;padding:18px 22px;text-align:left;color:var(--muted);font-size:12px;border-right:1px solid var(--line)}.lab-nav span{float:right;font:9px var(--mono)}.lab-nav button[aria-selected=true]{background:var(--accent);color:#06252c}.pipeline{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);border:1px solid var(--line);border-top:0}.viewport{position:relative;min-height:540px;background:radial-gradient(ellipse at 50% 45%,#16333b55,transparent 65%),linear-gradient(0deg,#0c161c,#0a1217);overflow:hidden}.viewport:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#8ab8c008 1px,transparent 1px),linear-gradient(90deg,#8ab8c008 1px,transparent 1px);background-size:34px 34px}.view-top,.view-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;gap:16px;z-index:2;color:#78949e}.view-top{top:22px}.view-top .mono{font-size:9px}.view-top b{font-weight:400;color:var(--text)}.view-bottom{bottom:20px;border-top:1px solid #23414b;padding-top:12px;font-size:8px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:7px;box-shadow:0 0 12px #00dbe7aa}.viewport canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y}.canvas-tag{position:absolute;left:25px;top:65px;display:flex;align-items:center;gap:13px;pointer-events:none}.canvas-tag>span{font:60px/1 var(--mono);color:#24414c;letter-spacing:-.09em}.canvas-tag p{font-size:12px;color:#b9d3da;line-height:1.6}.canvas-tag small{display:block;font:8px var(--mono);margin-top:5px;color:#63808b}.view-coordinates{position:absolute;left:28px;bottom:70px;line-height:1.4;color:#63858d;font-size:9px}.corner{position:absolute;width:17px;height:17px;border-color:var(--accent);pointer-events:none}.c1{top:0;left:0;border-left:2px solid;border-top:2px solid}.c2{bottom:0;right:0;border-bottom:2px solid;border-right:2px solid}.scan-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 48%,#00dbe706 50%,transparent 52%);background-size:100% 200%;animation:scan 7s linear infinite}.pipeline-info{padding:28px 30px;border-left:1px solid var(--line);background:#101a20}.info-top{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.info-top span:last-child{color:var(--accent)}.pipeline-info h2{font-size:27px;font-weight:500;line-height:1.4;margin:31px 0 16px;min-height:38px}.pipeline-info>p:not(.demo-note){color:#9eb3bc;font-size:12px;line-height:1.95;min-height:48px}.metrics{display:flex;gap:30px;margin:22px 0;border-block:1px solid var(--line);padding:19px 0}.metrics>div{flex:1}.metrics dt{font-size:10px;color:var(--muted);margin-bottom:9px}.metrics dd{font:27px var(--mono);color:var(--accent);margin:0;white-space:nowrap}.operation .mono{font-size:8px;color:#6d939e}.operation p{font-size:11px;line-height:1.8;color:#a8bfc6;min-height:39px;margin:7px 0 20px}.pipeline-controls{display:flex;gap:8px}.solid-button{padding:13px 17px;background:var(--accent);color:#07222a;font-size:12px;flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.solid-button:hover{background:#80f7ff}.outline-button{border:1px solid #3e5964;padding:11px 15px;font-size:14px}.outline-button:hover{color:var(--accent);border-color:var(--accent)}.timeline-label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:19px}input[type=range]{width:100%;height:3px;accent-color:var(--accent);cursor:pointer;margin:13px 0}.demo-note{font-size:9px;color:#738f9a;line-height:1.7;margin-bottom:0}.pose-controls{display:flex;gap:10px;font-size:10px;margin:10px 0;align-items:center}.pose-controls span{color:var(--muted)}.pose-controls button{border:1px solid var(--line);padding:6px 12px}.pose-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.stage-strip{grid-column:1/-1;display:flex;border-top:1px solid var(--line);background:#0b141a}.stage-strip button{flex:1;border-right:1px solid var(--line);text-align:left;padding:15px 16px;position:relative;font-size:11px;color:var(--muted)}.stage-strip button:last-child{border-right:0}.stage-strip small{font:8px var(--mono);display:block;margin-bottom:9px;color:#60838f}.stage-strip button[aria-current=step]{background:#00dbe710;color:var(--accent)}.stage-strip button[aria-current=step]:before{content:"";height:3px;background:var(--accent);position:absolute;inset:0 0 auto}.contribution-bar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:29px 0;border-bottom:1px solid var(--line)}.contribution-bar .eyebrow{color:#6d939e;font-size:8px}.contribution-bar h3{font-size:17px;font-weight:400;margin:10px 0}.contribution-bar p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.text-button{font-size:11px;color:var(--accent);white-space:nowrap;padding:12px 0;border-bottom:1px solid #32626b}.archive-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:25px;margin-top:28px}.project-index{display:flex;flex-direction:column}.project-index button{border-bottom:1px solid var(--line);display:flex;gap:10px;text-align:left;align-items:center;padding:17px 9px;color:#8ca2ab;font-size:11px;line-height:1.5}.project-index button span{font:9px var(--mono);color:#5c7883}.project-index button[aria-current=true]{color:#08242b;background:var(--accent);clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.project-index button[aria-current=true] span{color:#24525a}.scene-stage{height:550px;position:relative;overflow:hidden;background:#101b22;border:1px solid var(--line)}.scene-ambient{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(28px);opacity:.15;transform:scale(1.1)}#scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:25px 62px 95px 25px;transition:transform 1.2s ease;filter:drop-shadow(0 12px 20px #0008)}.scene-stage:hover #scene-image{transform:scale(1.025)}.scene-upper{position:absolute;top:20px;left:23px;right:73px;display:flex;justify-content:space-between;gap:15px;font-size:8px;text-shadow:0 1px 5px #000}.scene-upper span:first-child{background:#081319cc;padding:7px;color:var(--accent)}.scene-vertical{position:absolute;right:0;top:0;bottom:0;width:43px;writing-mode:vertical-rl;background:var(--accent);color:#032d36;font:bold 17px Arial;padding:22px 10px;letter-spacing:.04em;display:flex;justify-content:space-between}.scene-caption{position:absolute;bottom:23px;left:27px;right:200px}.scene-caption .mono{font-size:8px;color:var(--accent)}.scene-caption h2{font-size:28px;margin:8px 0 6px;font-weight:500}.scene-caption p{font-size:10px;line-height:1.7;color:#9eb6be;margin:0}.scene-controls{position:absolute;right:64px;bottom:25px;display:flex;gap:5px;flex-wrap:wrap;width:115px}.scene-controls button{border:1px solid #3c6673;background:#0b1c23dd;height:34px;flex:1;font-size:17px}.scene-controls #auto-scene{flex-basis:100%;font-size:9px}.scene-controls button:hover{background:var(--accent);color:#000}.scene-stencil{position:absolute;inset:0;background:var(--accent);transform:translateX(-105%) skewX(-12deg);pointer-events:none;z-index:3}.scene-stage.changing .scene-stencil{animation:shutter .65s cubic-bezier(.7,0,.2,1)}.scene-stage.changing #scene-image{animation:reveal-image .7s cubic-bezier(.2,.8,.2,1)}.scene-stage.changing .scene-caption{animation:caption-in .6s ease}.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:17px}.shot-list{display:flex;gap:9px;min-width:0;overflow:auto}.shot-list button{position:relative;padding:0;width:72px;height:45px;flex-shrink:0;border:1px solid #31454f;opacity:.5}.shot-list button[aria-pressed=true]{border-color:var(--accent);opacity:1}.shot-list img{width:100%;height:100%;object-fit:cover}.shot-caption{color:#7c96a1;font-size:10px;margin:12px 0}.station-study{display:grid;grid-template-columns:1fr 2fr;border-block:1px solid var(--line);margin-top:65px;min-height:370px}.station-intro{padding:60px 25px}.station-intro h2{font-size:35px;line-height:1.3;margin:20px 0}.station-intro>p:not(.eyebrow){color:var(--muted);font-size:11px}.station-intro button{margin-top:14px;font-size:11px}.station-canvas{position:relative;min-height:370px;overflow:hidden}.station-canvas canvas{position:absolute;width:100%;height:100%;inset:0}.station-state{position:absolute;right:20px;top:22px;color:var(--accent)}.station-coord{position:absolute;right:20px;bottom:20px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:70px 6vw 90px;border-top:1px solid var(--line);background:#101a20}.about h2{font-size:35px;line-height:1.7;font-weight:500;margin:22px 0}.about h2 span{color:var(--accent)}.about-copy p{font-size:12px;line-height:2;color:#a0b5bd;margin:0 0 20px}.skill-line{padding-block:20px;border-block:1px solid var(--line);color:var(--accent);line-height:1.8;margin:24px 0}.about-copy .small{font-size:10px;color:#708c97}.contact{padding:50px 6vw;background:var(--accent);color:#052a32}.contact>.eyebrow{color:#225c65}.contact>a{display:flex;justify-content:space-between;font-size:clamp(25px,4vw,55px);padding:27px 0;border-bottom:1px solid #145e6a66;letter-spacing:-.03em}.contact>div{display:flex;gap:30px;margin-top:25px;font-size:12px}.contact>div a:first-child{margin-right:auto}footer{display:flex;justify-content:space-between;padding:25px 3.5vw;font-size:10px;color:var(--muted)}.mode-wipe{position:fixed;inset:90px 0 0;z-index:25;background:var(--accent);transform:translateX(-110%) skewX(-10deg);pointer-events:none;display:grid;place-items:center;color:#032b33;font:14px var(--mono)}.mode-wipe.active{animation:shutter .7s cubic-bezier(.7,0,.2,1)}.modal-open{overflow:hidden}dialog{padding:0;border:1px solid #476571;background:#0c171e;color:var(--text);width:min(1080px,92vw);max-height:90svh}dialog::backdrop{background:#020709df;backdrop-filter:blur(12px)}.dialog-bar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;padding:19px 27px;background:#0c171ef5;border-bottom:1px solid var(--line)}.close-dialog{font-size:12px}.dialog-header{padding:35px 40px}.dialog-header h2{font-size:33px;font-weight:500;margin:18px 0}.dialog-header>p:last-child{font-size:13px;line-height:1.9;color:#a4bcc5}.dialog-image{width:100%;max-height:550px;object-fit:contain;background:#050b0e}.gallery-caption{font-size:10px;padding:12px 25px;color:var(--muted)}.gallery-controls{display:flex;gap:10px;padding:0 25px 20px}.gallery-controls button{border:1px solid var(--line);padding:8px 13px;font-size:10px}.gallery-controls button[aria-pressed=true]{background:var(--accent);color:#032b33}.dialog-details{display:grid;grid-template-columns:1fr 1fr;padding:30px 40px 40px;gap:30px}.detail-block h3{font-size:13px;font-weight:400;color:var(--accent)}.detail-block p{font-size:12px;line-height:2;color:#aac0c7;margin:0}.wide{grid-column:1/-1}.dialog-external{font-size:12px;color:var(--accent)}.tool-flow{display:flex;gap:15px;flex-wrap:wrap;padding:25px 40px;background:#00dbe70a;font-size:12px}.tool-flow b{color:var(--accent)}
@keyframes shutter{0%{opacity:0;transform:translateX(-150%) skewX(-10deg)}15%{opacity:1}45%{opacity:1;transform:translateX(0) skewX(-10deg)}85%{opacity:1}100%{opacity:0;transform:translateX(150%) skewX(-10deg)}}@keyframes panel-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes reveal-image{from{opacity:.1;transform:scale(1.08) translateX(25px)}to{opacity:1;transform:none}}@keyframes caption-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes scan{to{background-position:0 200%}}
.mode-wipe,.scene-stencil{opacity:0}.project-index{scrollbar-width:none}.project-index::-webkit-scrollbar{display:none}
.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1500px){.viewport{min-height:620px}.pipeline-info{padding:37px 40px}.pipeline-info h2{font-size:32px}.scene-stage{height:640px}}
@media(max-width:1000px){.nav{gap:14px;padding-inline:20px}.mode-switch button{min-width:160px;padding-inline:12px;font-size:9px}.contact-nav{display:none}.masthead{height:210px}.mast-note{font-size:10px}.lab-nav span{display:none}.pipeline{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}.pipeline-info{padding:25px 22px}.pipeline-info h2{font-size:24px}.stage-strip button{padding:15px 10px;font-size:10px}.archive-layout{grid-template-columns:150px minmax(0,1fr);gap:18px}.project-index button{font-size:10px}.scene-stage{height:510px}.scene-caption h2{font-size:24px}.scene-bottom{align-items:flex-start}.scene-bottom .text-button{font-size:9px}.about{gap:35px}.about h2{font-size:29px}}
@media(max-width:700px){html{scroll-padding-top:135px}.nav{height:125px;padding:12px 5vw 0;flex-wrap:wrap;gap:0}.brand{height:40px;gap:10px;font-size:12px}.brand b{font-size:27px}.brand small{font-size:7px}.mode-switch{order:3;flex-basis:100%;height:62px;margin-top:8px}.mode-switch button{min-width:0;flex:1;padding:9px 12px;font-size:9px}.mode-switch strong{font-size:12px;margin:5px 0 0 22px}#motion{margin-left:auto;font-size:9px;padding:7px}.mode-panel{padding:0 5vw 35px}.masthead{height:190px;display:block;padding-top:27px}.masthead .eyebrow{font-size:8px}h1{font-size:31px;line-height:1.35;margin-top:13px}h1 span{display:block;margin-left:0}.mast-note{position:absolute;bottom:19px;right:0;font-size:9px;line-height:1.7;margin:0;padding:0}.huge-type{font-size:85px;bottom:-4px;right:-3px}.lab-nav{margin-top:18px}.lab-nav button{padding:14px 7px;font-size:10px;line-height:1.6}.pipeline{display:flex;flex-direction:column}.viewport{min-height:430px}.view-top{left:16px;right:16px;top:18px}.view-top .mono{font-size:7px}.view-bottom{left:16px;right:16px;bottom:17px;font-size:7px}.canvas-tag{top:42px;left:16px}.canvas-tag>span{font-size:45px}.canvas-tag p{font-size:10px}.canvas-tag small{font-size:7px}.view-coordinates{left:18px;bottom:60px;font-size:8px}.pipeline-info{border-left:0;border-top:1px solid var(--line);padding:23px}.pipeline-info h2{margin:21px 0 13px;font-size:24px}.pipeline-info>p:not(.demo-note){min-height:0}.operation p{min-height:0}.metrics{margin:17px 0;padding:15px 0}.metrics dd{font-size:25px}.stage-strip{order:-1;flex-wrap:wrap}.stage-strip button{flex:0 0 33.33%;padding:12px;border-bottom:1px solid var(--line)}.stage-strip small{font-size:7px;margin-bottom:6px}.contribution-bar{display:block;padding:24px 0}.contribution-bar h3{font-size:17px}.contribution-bar .text-button{margin-top:14px}.archive-layout{display:flex;flex-direction:column;gap:15px;margin-top:18px}.project-index{display:flex;flex-direction:row;overflow:auto;gap:5px;scrollbar-width:thin;padding-bottom:8px}.project-index button{min-width:117px;flex-shrink:0;padding:12px 9px;font-size:10px;border:1px solid var(--line)}.project-index button span{font-size:8px}.scene-stage{height:420px}.scene-upper{left:14px;top:14px;right:42px;font-size:7px}.scene-upper span:last-child{display:none}.scene-vertical{width:28px;padding:14px 7px;font-size:12px}#scene-image{padding:40px 40px 120px 12px}.scene-caption{left:16px;bottom:24px;right:115px}.scene-caption h2{font-size:21px;line-height:1.3}.scene-caption p{font-size:9px;line-height:1.6;max-height:44px;overflow:hidden}.scene-controls{right:40px;bottom:25px;width:66px}.scene-controls button{height:30px;font-size:14px}.scene-controls #auto-scene{font-size:8px;line-height:1.4;padding:4px}.scene-bottom{flex-direction:column;gap:9px}.shot-list button{width:64px;height:40px}.scene-bottom .text-button{font-size:10px}.shot-caption{font-size:9px;line-height:1.6}.station-study{grid-template-columns:1fr;margin-top:35px}.station-intro{padding:30px 15px 0}.station-intro h2{font-size:27px}.station-intro h2 br{display:none}.station-canvas{min-height:300px}.station-state,.station-coord{font-size:8px}.about{grid-template-columns:1fr;gap:20px;padding:45px 6vw}.about h2{font-size:27px;margin:18px 0}.about .eyebrow{font-size:8px}.about-copy p{font-size:11px}.skill-line{font-size:8px}.contact{padding:37px 6vw}.contact>.eyebrow{font-size:8px}.contact>a{font-size:23px}.contact>div{gap:19px;flex-wrap:wrap;font-size:10px}.contact>div a:first-child{flex-basis:100%}footer{padding:20px 5vw;flex-wrap:wrap;gap:13px;font-size:9px}footer .mono{font-size:8px}.mode-wipe{top:125px}.dialog-header{padding:25px}.dialog-header h2{font-size:26px}.dialog-details{grid-template-columns:1fr;padding:25px;gap:20px}.dialog-bar{padding:14px}.dialog-bar .mono{font-size:8px}.dialog-header>p:last-child,.detail-block p{font-size:11px}.tool-flow{padding:20px;font-size:10px}.gallery-caption{font-size:9px}.gallery-controls{flex-wrap:wrap}}
/* Case-driven TA inspection surface. */
.resume-link,.case-toolbar,.audit-panel{margin-left:5vw;margin-right:5vw}.resume-link{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;padding:30px 0;border-bottom:1px solid #29515b}.resume-link h2{font-size:22px;margin:10px 0}.resume-link p{font-size:14px;line-height:1.85;color:#a7c1c9;margin:0}.resume-link .mono{color:#00dbe7}.case-toolbar{display:flex;gap:24px;align-items:center;padding:24px 0}.case-toolbar label{display:flex;align-items:center;gap:16px;font-size:13px}.case-toolbar select{background:#102631;border:1px solid #42616c;color:#e0f7fc;padding:12px;max-width:100%;font:inherit}.case-toolbar #case-status{font-size:12px;color:#00dbe7;flex:1}.case-toolbar #case-status[data-status=blocked],.case-toolbar #case-status[data-status=failed]{color:#ffc286}.case-toolbar button{font-size:12px;padding:12px}.pipeline-info .metrics dd{font-size:16px;line-height:1.5}.pipeline-controls{flex-wrap:wrap}.pipeline-controls .solid-button{flex:1;min-width:135px}.pipeline-controls button:disabled,[data-stage]:disabled{opacity:.4;cursor:not-allowed}.resolve-button{background:#ffc286;color:#17252d;border:0;padding:13px 16px;text-align:left;line-height:1.5;width:100%;margin-bottom:15px;cursor:pointer}.resolve-button[hidden]{display:none}.audit-panel{padding:35px 0 28px;border-bottom:1px solid #29515b}.audit-heading{display:flex;justify-content:space-between;gap:40px;align-items:start}.audit-heading h2{font-size:22px;margin:10px 0 20px}.audit-heading p{max-width:460px;line-height:1.7;color:#86a7b1;font-size:12px}.audit-scroll{overflow-x:auto}.audit-panel table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;line-height:1.7}.audit-panel th,.audit-panel td{padding:15px 18px;border-bottom:1px solid #27444f}.audit-panel thead{background:#112a35;color:#00dbe7}.audit-panel tbody th{font-weight:500;color:#c8e5ec}.audit-panel td{color:#93b3be}.workflow-log{white-space:pre-line;line-height:1.9;font-size:12px;color:#00c2cc;border-left:2px solid #00dbe7;padding:12px 20px;background:#10232d;margin:24px 0}.output-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.output-grid h3{font-size:14px;color:#d4edf1}.output-grid ul{padding-left:18px;line-height:2;font-size:13px;color:#93b3be}.pose-controls{flex-wrap:wrap}.view-top .mono{font-size:9px}.view-top b{font-size:9px}.lab-nav button{line-height:1.5}
@media(max-width:700px){.resume-link{grid-template-columns:1fr;gap:18px;padding:24px 0}.resume-link h2{font-size:19px}.case-toolbar{flex-wrap:wrap;gap:12px}.case-toolbar label{display:block;width:100%}.case-toolbar select{display:block;width:100%;margin-top:10px}.audit-heading{display:block}.audit-heading p{max-width:none}.audit-panel table{min-width:660px}.output-grid{grid-template-columns:1fr;gap:12px}.view-top .mono{max-width:72%;line-height:1.5}.view-top>span:last-child{display:none}.pipeline-info .metrics dd{font-size:14px}.pipeline-controls{gap:8px}.pipeline-controls .outline-button{padding:12px}.audit-heading h2{font-size:19px}}
.view-coordinates{left:auto;right:24px;bottom:78px}select:focus-visible{outline:2px solid #00dbe7;outline-offset:4px}
/* Static project notes */
.ta-document{padding:36px 0 0}.notes-header{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding:8px 0 28px;border-bottom:1px solid var(--line)}.notes-header h2{font-size:clamp(24px,3vw,38px);font-weight:500;margin:14px 0}.notes-header p:last-child{font-size:14px;line-height:1.9;color:#9eb7c1;max-width:760px}.notes-date{color:var(--accent);white-space:nowrap;padding-top:12px}.notes-role{border-left:3px solid var(--accent);background:#10242c;margin:28px 0;padding:23px 28px}.notes-role p{line-height:1.9;font-size:14px;color:#c0d9df;margin:12px 0 0;max-width:1000px}.notes-label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}.notes-label h3{font-weight:500;font-size:20px;margin:0}.notes-label>span{color:#617f8b}.notes-flow{list-style:none;padding:0;margin:0 0 26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #2b4955;border-left:1px solid #2b4955;counter-reset:step}.notes-flow li{display:flex;align-items:flex-start;gap:20px;padding:27px 23px;border-right:1px solid #2b4955;border-bottom:1px solid #2b4955;background:linear-gradient(140deg,#10232b,#0b151b)}.step-index{font:30px var(--mono);color:#00dbe7;opacity:.8}.notes-flow h4{font-size:16px;font-weight:500;margin:2px 0 12px}.notes-flow p{font-size:13px;color:#92afba;line-height:1.9;margin:0}.notes-cases{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}.notes-cases article{padding:28px;border:1px solid #304651;border-top:2px solid #00dbe7;background:#0e1c24}.notes-cases h4{font-size:19px;font-weight:500;margin:0 0 25px}.notes-cases dl{margin:0}.notes-cases dt{font-size:11px;color:var(--accent);letter-spacing:.1em;margin-bottom:8px}.notes-cases dd{margin:0 0 22px;font-size:13px;color:#a9c1ca;line-height:1.95}.notes-cases dd:last-child{margin-bottom:0}.notes-delivery{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:26px 0 36px;border-top:1px solid var(--line)}.notes-delivery h3{font-size:16px;font-weight:500}.notes-delivery p,.notes-delivery li{font-size:13px;line-height:1.9;color:#9ab4be}.notes-delivery ul{padding-left:19px}.notes-delivery button{margin-top:12px}.lab-nav button{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}.lab-nav span{float:none}
@media(max-width:900px){.notes-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-header{display:block}.notes-date{display:inline-block}.notes-flow li{padding:23px 18px;gap:14px}}
@media(max-width:600px){.ta-document{padding-top:25px}.notes-header h2{font-size:25px;line-height:1.5}.notes-role{padding:20px}.notes-flow,.notes-cases,.notes-delivery{grid-template-columns:1fr}.notes-label>span{font-size:8px}.notes-flow li{padding:23px 18px}.notes-cases article{padding:23px}.notes-delivery{gap:15px}.lab-nav button{font-size:10px;line-height:1.7;padding:13px 10px}.notes-flow h4{font-size:16px}.step-index{font-size:26px}}
/* Two authored stations / random surface clouds */
.station-study{grid-template-columns:minmax(230px,.7fr) minmax(0,1.65fr)}
.station-canvas{min-height:560px;overflow:hidden}
.station-selector{display:flex;gap:6px;margin:24px 0 16px;flex-wrap:wrap}
.station-selector button{border:1px solid var(--line);padding:10px 13px;font-size:11px;color:var(--muted)}
.station-selector button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#00dbe710}
.station-intro .station-name{color:var(--text);font-size:20px;margin-bottom:8px}
.station-intro #station-description{min-height:44px;line-height:1.9}
.station-intro .station-hint{font-size:10px;color:var(--muted);margin-top:18px}
.station-state{max-width:85%;line-height:1.6}
@media(max-width:700px){.station-study{grid-template-columns:1fr}.station-canvas{min-height:370px}.station-intro{padding:28px 20px 0}.station-selector{margin-top:14px}.station-intro #station-description{min-height:0}.station-intro .station-name{font-size:17px}}
#particles{cursor:grab;touch-action:none;outline-offset:-4px;background:radial-gradient(ellipse at center,#00dbe70b,transparent 68%)}
#particles.dragging{cursor:grabbing}
.station-intro .station-hint{line-height:1.9}
#station-reset{font-size:10px;color:var(--accent);border-bottom:1px solid #00dbe740;padding:4px 0;margin-top:10px}

/* Keep secondary view control beneath the model switch. */
#station-reset{display:block;margin-top:18px}

@media (pointer: coarse) { canvas { touch-action: pan-y !important; } }
