.mt{--paper:#f1efea;--card:#ffffffdb;--ink:#15171b;--ink2:#4a4f57;--ink3:#6b7079;--rule:#d9d5cc;--sig:#e5322d;--ok:#0e7a41;--warn:#b27200;z-index:2;background:var(--bg);color:var(--ink);padding-top:72px;position:relative}.mt-stage{background:radial-gradient(70% 60% at 50% 45%,#fff 0%,var(--paper)70%);height:calc(100svh - 72px);min-height:760px;position:relative;overflow:hidden}.mt-stage:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(var(--bg),#05070b00);height:56px;position:absolute;inset:0 0 auto}.mt-stage{animation:.9s ease-out both mt-dawn}@keyframes mt-dawn{0%{filter:brightness(.18)}to{filter:none}}.mt-view{background:url(/twin/poster-d.webp) 50%/cover no-repeat;position:absolute;inset:0}.mt.ok .mt-view{background-image:none}.mt-boot.idle{background:var(--ink);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:8px 14px;font-size:11px;top:auto;bottom:18%}.mt-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.mt-canvas:active{cursor:grabbing}.mt-boot{color:var(--ink3);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mt-labels span{background:var(--ink);color:#fff;font:600 10px var(--font-mono);letter-spacing:.04em;white-space:nowrap;pointer-events:none;border-radius:4px;padding:3px 7px;position:absolute;top:0;left:0}.mt-labels span.warn{background:var(--warn)}.mt-labels span.crit{background:var(--sig)}.tp{z-index:3;background:var(--card);border:1px solid var(--rule);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:4px;padding:14px 16px;position:absolute;box-shadow:0 1px #00000008}.tp-k{color:var(--ink3);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:10px;font-size:10px;display:flex}.tp-k span{color:var(--ink2)}.tp h1{font:700 22px/1.1 var(--font-sans);letter-spacing:-.02em;color:var(--ink);margin-top:6px}.tp-sub{color:var(--ink3);margin-top:6px;font-size:10px}.tp-big{align-items:baseline;gap:10px;margin-top:14px;display:flex}.tp-big b{font:700 64px/1 var(--font-sans);letter-spacing:-.04em;color:var(--sig);font-variant-numeric:tabular-nums}.tp-big span{color:var(--ink3);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.tp-bar{background:var(--rule);height:4px;margin-top:10px}.tp-bar i{background:var(--sig);height:100%;transition:width .3s;display:block}.tp-kv{grid-template-columns:repeat(3,1fr);margin-top:12px;font-size:10.5px;display:grid}.tp-kv dt{color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px}.tp-kv dd{color:var(--ink);margin-top:2px;font-weight:600}.tp-machine{width:300px;top:20px;left:24px}.tp-gears{width:300px;top:292px;left:24px}.tp-gears svg{width:100%;height:auto;margin-top:6px;display:block}.tp-gears text{font:10px var(--font-mono);fill:var(--ink3)}.tp-gears .g-v{fill:var(--ink);font-weight:600}.g-b{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:2 2}.g-b.red{stroke:var(--sig)}.g-s{fill:var(--ink)}.g-ax{stroke:var(--ink3);stroke-width:1px}.tp-foot{color:var(--ink3);margin-top:4px;font-size:10px}.tp-health{border-top:3px solid var(--ok);width:340px;top:20px;right:24px}.tp-health.info{border-top-color:#2f6fd6}.tp-health.warn{border-top-color:var(--warn)}.tp-health.crit{border-top-color:var(--sig)}.tp-hrow{justify-content:space-between;align-items:flex-end;margin-top:8px;display:flex}.tp-hrow>div{flex-direction:column;gap:4px;display:flex}.tp-hrow .mono{color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px}.tp-h{font:700 54px/1 var(--font-sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.tp-h small{margin-left:2px;font-size:24px}.tp-health.crit .tp-h{color:var(--sig)}.tp-rul{text-align:right;align-items:flex-end}.tp-rul b{font:700 34px/1 var(--font-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.tp-status{font:700 13px var(--font-sans);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin-top:12px;display:flex}.tp-status i{background:var(--ok);border-radius:50%;width:9px;height:9px}.tp-status.info i{background:#2f6fd6}.tp-status.warn{color:var(--warn)}.tp-status.warn i{background:var(--warn)}.tp-status.crit{color:var(--sig)}.tp-status.crit i{background:var(--sig)}.tp-reco{color:var(--ink2);margin-top:6px;font-size:13px;line-height:1.4}.tp-spec{width:340px;top:262px;right:24px}.tp-trend{width:340px;top:456px;right:24px}.spec,.trend{width:100%;height:auto;margin-top:8px;display:block;overflow:visible}.spec .gl{stroke:var(--rule);stroke-width:1px}.spec .ax,.trend .ax{stroke:var(--ink);stroke-width:1px}.spec .area{fill:#15171b12;stroke:none}.spec .ln{fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.spec .mk{stroke:var(--ink3);stroke-width:1px;stroke-dasharray:2 3}.spec .mk.red{stroke:var(--sig)}.spec text,.trend text{font:9px var(--font-mono);fill:var(--ink3)}.spec .tk,.trend .tk{fill:var(--ink3)}.trend .tk.red{fill:var(--sig);font-weight:700}.z{text-align:center;color:#fff;background:var(--ok);border-radius:3px;min-width:16px;display:inline-block}.z.zB{background:#5a8f2e}.z.zC{background:var(--warn)}.z.zD{background:var(--sig)}.trend .thr{stroke:var(--sig);stroke-dasharray:4 3}.trend .now{stroke:var(--rule)}.trend .band{fill:#e5322d1f}.trend .fc{fill:none;stroke:var(--sig);stroke-width:1.5px;stroke-dasharray:5 3}.trend .ln{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.trend .dot{fill:var(--sig);stroke:#fff;stroke-width:2px}.tp-btns{flex-wrap:wrap;gap:4px;margin:6px 0 10px;display:flex}.tp-btns button{border:1px solid var(--rule);min-height:32px;color:var(--ink);font:600 10.5px var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#fff;border-radius:3px;padding:0 10px}.tp-btns button:hover{border-color:var(--ink)}.tp-btns button.sel,.tp-btns button.on{background:var(--ink);border-color:var(--ink);color:#fff}.tp-btns.faults button{border-color:#e5322d73}.tp-btns.faults button.sel{background:var(--sig);border-color:var(--sig)}.tp-btns.faults button.healthy{border-color:var(--rule)}.tp-btns.faults button.healthy.sel{background:var(--ok);border-color:var(--ok)}.tp-sl{grid-template-columns:96px 1fr 48px;align-items:center;gap:10px;min-height:32px;display:grid}.tp-sl .mono{color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;font-size:9.5px}.tp-sl b{text-align:right;font-size:11px}.tp-sl input{width:100%;accent-color:var(--sig)}.tp-run{width:300px;bottom:24px;left:24px}.tp-run .tp-btns{margin-top:0}.tp-ctl{grid-template-columns:1.15fr 1fr;align-items:start;column-gap:22px;display:grid;bottom:24px;left:348px;right:388px}.tp-hint{color:var(--ink3);margin-top:2px;font-size:12px;line-height:1.4}.tp-log{padding:10px 14px;top:20px;left:348px;right:388px}.tp-log ol{gap:4px;margin-top:6px;list-style:none;display:grid}.tp-log li{color:var(--ink2);gap:10px;font-size:12.5px;line-height:1.35;display:flex}.tp-log li .mono{width:56px;color:var(--ink3);flex:none;padding-top:2px;font-size:10px}.tp-log li.warn{color:var(--warn)}.tp-log li.crit{color:var(--sig);font-weight:600}.tp-part{border-top:3px solid var(--sig);width:300px;top:150px;left:50%;transform:translate(-50%)}.tp-part h2{font:700 20px/1.15 var(--font-sans);margin-top:6px}.tp-part ul{color:var(--ink2);gap:3px;margin-top:8px;padding-left:16px;font-size:13px;display:grid}.tp-part button{font:700 16px var(--font-sans);color:var(--ink);cursor:pointer;background:0 0;border:0;min-width:32px;min-height:32px;margin:-8px -8px 0 0}.tp-temp{color:var(--sig);margin-top:8px;font-size:11px}.mt-note{z-index:3;color:var(--ink2);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:9.5px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.mt-more{background:var(--bg);color:var(--text)}@media (prefers-reduced-motion:reduce){.tp-bar i{transition:none}.mt-stage{animation:none}}@media (max-width:1180px){.mt-stage{background:var(--paper);flex-direction:column;gap:10px;height:auto;min-height:0;padding:0 12px 16px;display:flex;overflow:visible}.mt-view{z-index:5;background:url(/twin/poster-m.webp) center/cover no-repeat,radial-gradient(70% 60% at 50% 45%,#fff 0%,var(--paper)75%);border-bottom:1px solid var(--rule);order:-10;height:44svh;min-height:280px;margin:0 -12px;position:sticky;top:60px;box-shadow:0 8px 20px #0000000f}.mt-canvas{touch-action:pan-y}.mt.ok .mt-view{background:radial-gradient(70% 60% at 50% 45%,#fff 0%,var(--paper)75%)}.mt-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tp{position:relative;width:auto!important;inset:auto!important;transform:none!important}.tp-machine{border-width:0 0 1px;border-radius:0;order:-9;margin:0 -12px}.tp-part{order:-8}.tp-health{order:-7}.tp-ctl{order:-6}.tp-spec{order:-5}.tp-trend{order:-4}.tp-log{order:-3}.tp-run{order:-2}.tp-gears{order:-1}.tp-machine .tp-big b{font-size:44px}.tp-ctl{display:block}.mt-note{text-align:center;white-space:normal;position:static;transform:none}}.mt-steps{counter-reset:s;background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:40px;list-style:none;display:grid}.mt-steps li{counter-increment:s;background:var(--bg);flex-direction:column;gap:8px;padding:22px 20px;display:flex}.mt-steps li:before{content:"0" counter(s);font:500 11px var(--font-mono);color:var(--amber)}.mt-steps b{font:700 22px var(--font-sans);letter-spacing:-.02em}.mt-steps span{color:var(--text-2);font-size:15px}@media (max-width:900px){.mt-steps{grid-template-columns:1fr}}
