:root{--bg: #f6f7ff;--panel: #ffffff;--panel2: #f1f3ff;--line: #e6e8f5;--text: #1d1b3a;--muted: #626684;--accent: #10b981;--accent-soft: #d9fbe9;--ok: #10b981;--warn: #f59e0b;--bad: #f43f5e;--water: #3b82f6;--pink: #ff5ea8;--sun: #ffc23d;--sky: #5b8cff;--grape: #8b5cf6;--shadow: 0 2px 4px rgba(60, 50, 140, .04), 0 10px 30px rgba(60, 50, 140, .07);--spring: cubic-bezier(.34, 1.56, .64, 1);--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--r: 22px}:root[data-theme=dark]{--bg: #13122a;--panel: #1c1b38;--panel2: #25244a;--line: #302f58;--text: #eeeefe;--muted: #9a99c4;--accent: #34d399;--accent-soft: #173c33;--ok: #34d399;--warn: #fbbf24;--bad: #fb7185;--water: #60a5fa;--shadow: 0 1px 2px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at 100% -10%,color-mix(in srgb,var(--grape) 12%,transparent),transparent),radial-gradient(700px 400px at -10% 10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent),var(--bg);background-attachment:fixed;color:var(--text);font:15px/1.55 Anuphan,Sarabun,system-ui,sans-serif;-webkit-font-smoothing:antialiased}header{display:flex;align-items:center;gap:10px;padding:14px 24px 10px;flex-wrap:wrap;max-width:1280px;margin:0 auto}header h1{font-size:20px;margin:0;font-weight:700;letter-spacing:-.01em}header h1:before{content:"\1fae7";display:inline-block;margin-right:8px;animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-3px) rotate(-8deg)}}header .sub{color:var(--muted);font-size:13px;margin-top:2px}.spacer{flex:1}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;background:var(--panel);color:var(--muted);box-shadow:var(--shadow)}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.badge.ok:before{background:var(--ok)}.badge.warn:before{background:var(--warn)}.badge.bad{color:#fff;background:var(--bad)}.badge.bad:before{background:#fff}#theme{border-radius:999px;padding:5px 10px}nav{position:sticky;top:0;z-index:5;display:flex;gap:4px;padding:8px 24px;overflow-x:auto;scrollbar-width:none;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);max-width:1280px;margin:0 auto}nav button{flex:none;background:transparent;color:var(--muted);border:0;padding:8px 16px;border-radius:999px;cursor:pointer;font:inherit;font-size:14px;transition:background .15s,color .15s,transform .25s var(--spring)}nav button:hover{transform:translateY(-2px)}nav button:hover{color:var(--text)}nav button.on{background:linear-gradient(135deg,var(--accent),#22c3a6);color:#fff;font-weight:600;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 35%,transparent)}main{padding:8px 24px 40px;max-width:1280px;margin:0 auto}section.tab{display:none;animation:fade .2s ease}section.tab.on{display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.split{display:grid;gap:16px;grid-template-columns:1.3fr 1fr}@media (max-width: 900px){.split{grid-template-columns:1fr}}.card{background:var(--panel);border-radius:var(--r);padding:18px 20px;box-shadow:var(--shadow);transition:transform .3s var(--spring),box-shadow .3s}.grid>.card:hover,.split>.card:hover{transform:translateY(-3px)}.card .card{background:var(--panel2);box-shadow:none}.card h3{margin:0 0 12px;font-size:13px;color:var(--muted);font-weight:500}.big{font:600 40px/1 var(--mono);letter-spacing:-.02em}.unit{font-size:14px;color:var(--muted);margin-left:6px}.kv{display:grid;grid-template-columns:1fr max-content;gap:6px 16px;font-size:14px}.kv span{color:var(--muted)}.kv b{text-align:right;font-family:var(--mono);font-weight:500}.note{color:var(--muted);font-size:12.5px;margin-top:8px}.mono{font-family:var(--mono)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0}label.f{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--muted)}input,select{background:var(--panel2);color:var(--text);border:1px solid transparent;border-radius:10px;padding:8px 10px;font:inherit;transition:border-color .15s}input:focus,select:focus{outline:none;border-color:var(--accent);background:var(--panel)}input[type=number]{width:96px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}button.b{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:9px 18px;cursor:pointer;font:inherit;font-size:14px;font-weight:600;transition:transform .25s var(--spring),filter .15s,box-shadow .2s}button.b:hover{transform:translateY(-2px);filter:brightness(1.06)}button.b:active{transform:scale(.92)}button.b.ghost{background:var(--panel2);color:var(--text)}button.b.red{background:var(--bad)}button.b.green{background:var(--ok)}button.b:disabled{opacity:.4;cursor:not-allowed}a.b{display:inline-block}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{border-bottom:1px solid var(--line);padding:8px;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:500;font-size:12.5px}tr:last-child td{border-bottom:0}.tblwrap{overflow-x:auto}canvas{width:100%;display:block;background:transparent;border-radius:12px}.log{font:12px/1.6 var(--mono);max-height:160px;overflow:auto;white-space:pre-wrap;color:var(--muted);background:var(--panel2);border-radius:10px;padding:10px 12px}.pill{display:inline-block;min-width:18px;padding:0 8px;border-radius:999px;font-size:12px;background:var(--panel2)}.alarm{font-weight:600;padding:12px;border-radius:12px;text-align:center;font-size:17px}.alarm.ok{background:var(--accent-soft);color:var(--ok)}.alarm.near{background:color-mix(in srgb,var(--warn) 15%,transparent);color:var(--warn)}.alarm.full{background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad);animation:blink 1s infinite}@keyframes blink{50%{opacity:.55}}.sim{background:color-mix(in srgb,var(--warn) 7%,var(--panel))}.sim h3{color:var(--warn)}.steps{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.steps span{flex:1 1 80px;text-align:center;padding:6px 4px;border-radius:999px;background:var(--panel2);font-size:12.5px;color:var(--muted)}.steps span.done{color:var(--accent);background:var(--accent-soft)}.steps span.now{background:linear-gradient(135deg,var(--accent),#22c3a6);color:#fff;font-weight:600;animation:wiggle 2.2s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}5%{transform:rotate(-3deg) scale(1.05)}10%{transform:rotate(3deg) scale(1.05)}15%{transform:rotate(0)}}.steps span.bad{background:var(--bad);color:#fff}.state{font:600 28px/1.1 var(--mono);letter-spacing:-.01em}.bar{height:6px;background:var(--panel2);border-radius:999px;overflow:hidden;margin:12px 0 10px}.bar>i{display:block;height:100%;background:var(--accent);width:0;border-radius:999px;transition:width .3s}.outs{display:grid;grid-template-columns:max-content 1fr 44px;gap:8px 12px;align-items:center;font-size:13.5px}.outs b{font-family:var(--mono);font-weight:500;text-align:right}.phbar{height:8px;border-radius:999px;background:linear-gradient(90deg,#ef6b5b,#f4a64a,#efd25b,#4cc38a,#3cb8a8,#5b9cf0,#9b7be0);position:relative}.phbar i{position:absolute;top:-5px;width:18px;height:18px;background:var(--panel);border:3px solid var(--text);border-radius:50%;transform:translate(-9px);transition:left .6s var(--spring)}.m3wrap{display:grid;grid-template-columns:1fr 340px;gap:16px}.m3view{padding:0;overflow:hidden;display:flex;flex-direction:column}#m3d{position:relative;height:72vh;min-height:420px;touch-action:none;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--sky) 14%,var(--panel)),var(--panel) 70%)}#m3d canvas{display:block;border-radius:0;opacity:0;transition:opacity .6s}#m3d.ready canvas{opacity:1}#m3dLabels{position:absolute;inset:0;pointer-events:none}#m3dLabels span{position:absolute;left:0;top:0;white-space:nowrap;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--panel) 85%,transparent);color:var(--text);box-shadow:var(--shadow);backdrop-filter:blur(6px)}#m3dLabels span.act{background:var(--accent);color:#fff}.h3hud{position:absolute;left:14px;top:14px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;max-width:calc(100% - 28px);pointer-events:none}.h3state{font-weight:700;font-size:15px;padding:6px 14px;border-radius:999px;background:var(--panel);box-shadow:var(--shadow)}.h3state.run{background:linear-gradient(135deg,var(--grape),var(--pink));color:#fff}.h3state.bad{background:var(--bad);color:#fff;animation:blink 1s infinite}.h3sub{font-size:12px;color:var(--muted);margin-right:4px}.h3chip{font-size:12.5px;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:var(--shadow);display:inline-flex;gap:5px;align-items:center}.h3chip:empty{display:none}.h3chip i{width:10px;height:10px;border-radius:50%;background:var(--ok);transition:background .6s}.h3chip b{font-family:var(--mono);font-weight:600}.h3views{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:4px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--panel) 85%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(8px)}.h3views button,.h3tools button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:transform .25s var(--spring),background .2s,color .2s}.h3views button:hover,.h3tools button:hover{transform:translateY(-2px);color:var(--text)}.h3views button.on{background:var(--text);color:var(--panel)}.h3tools{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;gap:6px}.h3tools button{width:38px;height:38px;padding:0;font-size:17px;background:var(--panel);box-shadow:var(--shadow);opacity:.55}.h3tools button.on{opacity:1;background:color-mix(in srgb,var(--sun) 35%,var(--panel))}#m3dToast{position:absolute;left:50%;bottom:70px;transform:translate(-50%,20px) scale(.9);opacity:0;pointer-events:none;max-width:86%;text-align:center;padding:10px 18px;border-radius:18px;background:var(--text);color:var(--panel);font-weight:500;box-shadow:var(--shadow);transition:all .45s var(--spring)}#m3dToast.on{opacity:1;transform:translate(-50%) scale(1)}#m3dFun{position:absolute;inset:0;pointer-events:none;overflow:hidden}#m3dFun i{position:absolute;top:-12px;width:9px;height:14px;border-radius:3px;animation:fall 2.4s cubic-bezier(.2,.6,.4,1) forwards}@keyframes fall{to{top:105%;transform:rotate(540deg) translate(40px)}}.m3bar{display:flex;gap:8px;padding:10px 18px;font-size:13px;color:var(--muted);flex-wrap:wrap}.m3side{display:flex;flex-direction:column;gap:16px;max-height:calc(72vh + 44px);overflow:auto;padding:2px}.lv{display:grid;grid-template-columns:78px 1fr 58px auto;gap:8px;align-items:center;font-size:13.5px;margin:7px 0}.lv b{font-family:var(--mono);font-weight:500;font-size:12px;text-align:right}.lvbar{height:10px;border-radius:999px;background:var(--panel2);overflow:hidden}.lvbar i{display:block;height:100%;width:0;border-radius:999px;transition:width .8s var(--spring)}#lvHopper i{background:linear-gradient(90deg,#ede0c8,#c9a978)}#lvBio i{background:linear-gradient(90deg,#6b6b6b,#1f1c1a)}#lvAcid i{background:linear-gradient(90deg,#7cd4ff,var(--sky))}#lvNaoh i{background:linear-gradient(90deg,#c4b5fd,var(--grape))}#lvWater i{background:linear-gradient(90deg,#93c5fd,var(--water))}#lvWaste i{background:linear-gradient(90deg,#d9f99d,#84cc16)}#lvTray i{background:linear-gradient(90deg,var(--sun),#f97316)}#lvWaste.warn i{background:var(--bad);animation:blink 1s infinite}button.mini{border:0;border-radius:999px;padding:5px 10px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;background:var(--accent);color:#fff;transition:transform .25s var(--spring),filter .2s}button.mini.ghost{background:var(--panel2);color:var(--text)}button.mini.on{background:var(--text);color:var(--panel)}button.mini:hover{transform:translateY(-2px) scale(1.04)}button.mini:active{transform:scale(.9)}button.b.fun{width:100%;margin-top:10px;background:linear-gradient(135deg,var(--grape),var(--pink));box-shadow:0 8px 18px color-mix(in srgb,var(--pink) 30%,transparent)}.row button.b.fun{width:auto;margin:0;flex:1}button.b.fun.go{background:linear-gradient(135deg,var(--accent),#22c3a6);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 30%,transparent)}button.b.fun.stop{background:linear-gradient(135deg,var(--bad),#fb923c);box-shadow:0 8px 18px color-mix(in srgb,var(--bad) 25%,transparent)}.row.spd{gap:6px}details.card summary{cursor:pointer;list-style:none}details.card summary:after{content:" \25be";color:var(--muted)}details.card[open] summary{margin-bottom:8px}.m3btns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.m3row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;font-size:13.5px;cursor:pointer}.m3row:hover{background:var(--panel2)}.m3row span{flex:1}.m3row a{text-decoration:none;color:var(--muted)}.m3row.sel{background:color-mix(in srgb,var(--pink) 15%,transparent)}.pop{animation:pop .45s var(--spring)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.12) rotate(-2deg)}to{transform:scale(1)}}@media (max-width: 800px){header,nav,main{padding-left:16px;padding-right:16px}header .sub{display:none}.m3wrap{grid-template-columns:1fr}#m3d{height:60vh}.m3side{max-height:none}.h3views button{padding:6px 9px;font-size:12px}.big{font-size:34px}}.grid>*,.split>*,.m3wrap>*{min-width:0}html,body{overflow-x:hidden}.docimg{width:100%;background:#fff;border-radius:14px;display:block}.docfig{margin:0}.docfig figcaption{font-size:12.5px;color:var(--muted);text-align:center;margin-top:6px}.doctbl td,.doctbl th{white-space:normal;text-align:left;vertical-align:top}.doctbl td:nth-child(3),.doctbl td:nth-child(4){white-space:nowrap}#bomTbl td:nth-child(3),#bomTbl td:nth-child(4){text-align:right}.doctbl .spec{color:var(--muted);font-size:12.5px;max-width:420px}.doctbl tr.sum td{font-weight:700;border-top:2px solid var(--line)}.doctbl a{color:var(--accent)}.news{background:linear-gradient(135deg,color-mix(in srgb,var(--grape) 10%,var(--panel)),color-mix(in srgb,var(--accent) 10%,var(--panel)))}.newsgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.newsgrid div{background:var(--panel);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:3px;transition:transform .3s var(--spring)}.newsgrid div:hover{transform:translateY(-3px) rotate(-.5deg)}.newsgrid span{color:var(--muted);font-size:13px}#bomFilter{gap:6px}body{display:grid;grid-template-columns:236px 1fr;min-height:100vh}#side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:20px 14px;background:color-mix(in srgb,var(--panel) 72%,transparent);backdrop-filter:blur(14px);border-right:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;padding:0 6px}.brand .logo{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,var(--accent),#22c3a6);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 35%,transparent);animation:bob 3s ease-in-out infinite}.brand b{display:block;font-size:16px}.brand small{color:var(--muted);font-size:12px}#side nav#tabs{position:static;display:flex;flex-direction:column;gap:4px;padding:0;margin:0;max-width:none;background:none;backdrop-filter:none;overflow:visible}#side nav#tabs button{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;font-size:14.5px;text-align:left;color:var(--muted)}#side nav#tabs button svg{width:20px;height:20px;flex:none}#side nav#tabs button:hover{background:var(--panel2);color:var(--text);transform:translate(3px)}#side nav#tabs button.on{background:var(--text);color:var(--panel);box-shadow:none}.sidefoot{margin-top:auto;display:flex;flex-direction:column;gap:8px;align-items:stretch}.sidefoot .badge{justify-content:flex-start}.sidefoot #theme{border-radius:12px}#appmain{min-width:0}#topbar{position:sticky;top:0;z-index:6;max-width:none;margin:0;padding:14px 28px;display:flex;align-items:center;gap:12px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.tbtitle{font-size:20px;font-weight:700;letter-spacing:-.01em}#dock{display:flex;align-items:center;gap:8px}.spdchips{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--panel2)}.spdchips button{border:0;background:none;color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:999px;cursor:pointer}.spdchips button.on{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}button.b.main{padding:10px 22px;font-size:15px;font-weight:700;min-width:150px}button.b.main.go{background:linear-gradient(135deg,var(--accent),#22c3a6);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}button.b.main.stop{background:linear-gradient(135deg,var(--bad),#fb923c);box-shadow:0 8px 20px color-mix(in srgb,var(--bad) 30%,transparent)}button.b.main.reset{background:linear-gradient(135deg,var(--sky),var(--grape))}main{max-width:1240px;padding:22px 28px 60px}.hero{display:grid;grid-template-columns:150px 1fr 300px;gap:24px;align-items:center;padding:22px 24px;margin-bottom:16px}.ring{position:relative;width:150px;height:150px}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:10;stroke-linecap:round}.ring .rbg{stroke:var(--panel2)}.ring .rfg{stroke:url(#none);stroke:var(--accent);transition:stroke-dashoffset .8s var(--spring)}body[data-state=SAFE] .ring .rfg{stroke:var(--bad)}.ringtxt{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ringtxt b{font:700 30px/1 var(--mono)}.ringtxt small{color:var(--muted);font-size:12px}.herostate .state{font:700 30px/1.15 Anuphan,sans-serif;letter-spacing:-.01em}.herokv{display:flex;gap:22px;flex-wrap:wrap;margin-top:6px}.herokv small{display:block;color:var(--muted);font-size:12px}.herokv b{font:600 16px var(--mono)}.nextcard{align-self:stretch;border-radius:18px;padding:14px 16px;background:var(--accent-soft);display:flex;flex-direction:column;gap:6px}.nextcard small{color:var(--accent);font-weight:700;font-size:12px;text-transform:none}.nextcard b{font-size:15px;line-height:1.45}.nextcard.warn{background:color-mix(in srgb,var(--sun) 22%,var(--panel))}.nextcard.warn small{color:#b45309}#checklist2{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.ck{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--panel)}.ck.ok{color:var(--ok)}.ck.no{color:#b45309;font-weight:600}#checklist2 .mini{margin-top:4px}.steps.card{display:flex;gap:6px;padding:12px;margin-bottom:16px;overflow-x:auto;flex-wrap:nowrap}.steps.card span{flex:1 0 auto}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:16px}.kpi{background:var(--panel);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px;transition:transform .3s var(--spring)}.kpi:hover{transform:translateY(-3px)}.kpi small{color:var(--muted);font-size:12.5px}.kpi>b{font:600 28px/1.15 var(--mono);letter-spacing:-.02em}.kpi .kfoot{color:var(--muted);font-size:12px}.kpi .kfoot b{font:500 12px var(--mono);color:var(--text)}.kpi .phbar{margin:6px 0 4px}.eqgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.eq{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:var(--panel2);transition:background .3s,transform .3s var(--spring)}.eq .ei{font-style:normal;font-size:22px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--panel);filter:grayscale(1) opacity(.55);transition:filter .3s}.eq .et{flex:1;min-width:0}.eq .et span{display:block;font-size:13.5px;font-weight:600}.eq .et small{color:var(--muted);font-size:11.5px}.eq .bar{margin:6px 0 0;height:5px}.eq>b{font:600 13px var(--mono);color:var(--muted)}.eq.on{background:var(--accent-soft)}.eq.on .ei{filter:none;animation:spinwig 1.6s ease-in-out infinite}.eq.on>b{color:var(--accent)}@keyframes spinwig{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg) scale(1.08)}75%{transform:rotate(12deg) scale(1.08)}}.logbox{margin-top:14px}.logbox summary{cursor:pointer;color:var(--muted);font-size:13px;margin-bottom:8px}#gtoast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;z-index:50;pointer-events:none;padding:11px 20px;border-radius:16px;background:var(--text);color:var(--panel);font-weight:600;box-shadow:var(--shadow);transition:all .45s var(--spring)}#gtoast.on{opacity:1;transform:translate(-50%)}@media (max-width: 900px){body{display:block;padding-bottom:76px}#side{position:fixed;z-index:20;inset:auto 0 0;height:auto;padding:6px 8px calc(6px + env(safe-area-inset-bottom));flex-direction:row;border-right:0;border-top:1px solid var(--line)}#side .brand,#side .sidefoot{display:none}#side nav#tabs{flex-direction:row;justify-content:space-between;width:100%;overflow-x:auto;scrollbar-width:none}#side nav#tabs button{flex-direction:column;gap:2px;padding:6px 8px;font-size:11px;min-width:56px}#side nav#tabs button:hover{transform:none}#topbar{padding:10px 16px;flex-wrap:wrap}.tbtitle{font-size:17px}#dock .spdchips{display:none}button.b.main{min-width:0;padding:9px 16px}main{padding:16px 16px 40px}.hero{grid-template-columns:96px 1fr;gap:14px;padding:16px}.ring{width:96px;height:96px}.ringtxt b{font-size:20px}.nextcard{grid-column:1 / -1}.herostate .state{font-size:22px}}.spdchips.sim{background:var(--panel2)}.steps.card{scrollbar-width:none}.steps.card::-webkit-scrollbar{display:none}.tourbtn{position:absolute;right:64px;top:14px;z-index:3;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:15px;display:inline-flex;align-items:center;gap:8px;padding:9px 18px 9px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--sky));box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 40%,transparent);transition:transform .3s var(--spring)}.tourbtn small{font-weight:500;font-size:12px;opacity:.9}.tourbtn .tplay{width:28px;height:28px;border-radius:50%;background:#fff;color:var(--accent);display:grid;place-items:center;font-size:12px;animation:tpulse 1.8s infinite}@keyframes tpulse{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 12px #fff0}to{box-shadow:0 0 #fff0}}.tourbtn:hover{transform:translateY(-2px) scale(1.03)}.tourbtn.on{background:var(--text);box-shadow:var(--shadow)}.tourbtn.on small{display:none}.tourbtn.on .tplay{animation:none}.tourbtn.on .tplay:before{content:"\2715"}.tourbtn.on .tplay{font-size:0}.tourbtn.on .tplay:before{font-size:12px;color:var(--text)}#m3d.touring .h3views,#m3d.touring .h3hud .h3sub{display:none}#m3dTour{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:22px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(12px);box-shadow:var(--shadow);transform:translateY(140%);opacity:0;transition:transform .5s var(--spring),opacity .3s;pointer-events:none}#m3dTour.on{transform:none;opacity:1;pointer-events:auto}#m3dTour .tnum{flex:none;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:700;font-family:var(--mono);font-size:14px;color:#fff;background:linear-gradient(135deg,var(--grape),var(--pink))}#m3dTour .tbody{flex:1;min-width:0}#m3dTour .tbody b{font-size:18px;display:block}#m3dTour .tbody p{margin:2px 0 8px;color:var(--muted);font-size:14px;line-height:1.45}#m3dTour .tbar{height:6px;border-radius:3px;background:var(--panel2);overflow:hidden}#m3dTour .tbar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--sky))}#m3dTour .tbtn{flex:none;display:flex;gap:4px}#m3dTour .tbtn button{width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;background:var(--panel2);color:var(--text);font-size:14px;transition:transform .25s var(--spring)}#m3dTour .tbtn button:hover{transform:translateY(-2px)}@media (max-width: 700px){.tourbtn{top:auto;bottom:64px;right:14px}#m3d.touring .tourbtn{bottom:auto;top:60px}#m3dTour{flex-wrap:wrap;padding:12px}#m3dTour .tnum{width:40px;height:40px;border-radius:14px}#m3dTour .tbody b{font-size:16px}#m3dTour .tbody p{font-size:13px}.tourbtn small{display:none}}body.kiosk #m3d{position:fixed;inset:0;height:100vh!important;z-index:100;border-radius:0}body.kiosk .tourbtn,body.kiosk .h3tools,body.kiosk .h3views,body.kiosk #m3dTour .tbtn{display:none!important}body.kiosk #m3dTour{left:50%;right:auto;width:min(980px,80vw);transform:translate(-50%);bottom:40px;padding:20px 26px}body.kiosk #m3dTour.on{transform:translate(-50%)}body.kiosk #m3dTour .tbody b{font-size:26px}body.kiosk #m3dTour .tbody p{font-size:19px}body.kiosk #m3dTour .tnum{width:70px;height:70px;font-size:18px}body.kiosk .h3hud{left:40px;top:36px;transform:scale(1.25);transform-origin:left top}body.kiosk #m3dLabels span{font-size:15px}.sens{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}.sens small{color:var(--muted);font-size:12px;margin-right:2px}.langchip{display:none;border:0;cursor:pointer;font:inherit;font-weight:700;font-size:12px;padding:7px 10px;border-radius:999px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}@media (max-width: 760px){.langchip{display:inline-block}}.samplebar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 10px;font-size:13px;color:var(--muted)}.samplebar:empty{display:none}.samplebar.warn{padding:8px 12px;border-radius:14px;background:color-mix(in srgb,var(--warn) 16%,var(--panel));color:var(--text)}.usbbtn{font-size:12.5px;padding:7px 12px}@media (max-width: 800px){.usbbtn{display:none}}.usbbtn[hidden]{display:none!important}.scrcard{max-width:1000px;margin:0 auto}.scrhead{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:14px}.scrhead h3{margin:0}.bezel{position:relative;background:#16152b;border-radius:28px;padding:18px;box-shadow:0 30px 70px #1e195040}.bezel canvas{display:block;width:100%;height:auto;aspect-ratio:800 / 480;border-radius:8px;touch-action:none;background:#f6f7ff}.scrload{position:absolute;inset:18px;display:grid;place-items:center;color:#fff;font-weight:600;border-radius:8px;background:#16152b99}.scrload:empty{display:none}@media (max-width: 700px){.bezel{padding:8px;border-radius:16px}}.h3views button{white-space:nowrap}@media (max-width: 700px){.h3views{max-width:calc(100% - 20px);overflow-x:auto;scrollbar-width:none;bottom:10px}.h3views button{padding:6px 10px;font-size:12px}.tourbtn{inset:62px auto auto 14px;padding:7px 14px 7px 8px;font-size:13px}#m3d.touring .tourbtn{top:62px}}@media (max-width: 800px){*,*:before,*:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.runalarm{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 0;padding:10px 14px;border-radius:14px;font-weight:600;background:color-mix(in srgb,var(--warn) 18%,var(--panel))}.runalarm[hidden]{display:none}@media (max-width: 800px){#gtoast{bottom:96px;z-index:80;max-width:calc(100% - 32px)}}.kpis>*{min-height:132px}#nextCard{min-height:210px}@media (max-width: 800px){#nextCard{min-height:250px}}