:root{--bg:#e6e9ed;--surface:#ffffff;--surface-2:#f2f4f6;--text:#1a1f25;--muted:#5b656f;--line:#c9d1d9;--accent:#1e5a8a;--accent-ink:#ffffff;--accent-soft:#dce9f4;--ok:#1f8a4c;--ok-soft:#dff3e6;--warn:#b86e00;--warn-soft:#fff1d6;--crit:#c62828;--crit-soft:#fbe0e0;--on-crit:#ffffff;--bezel:#22262a;--bezel-edge:#3a3f45;--bezel-hi:#2b3035;--key:#15181b;--key-edge:#4a5057;--led-off:#555b62;--shadow:0 10px 30px rgba(20,30,40,.18);--font-ui:"Barlow","Segoe UI",Roboto,Arial,sans-serif;--font-head:"Barlow Semi Condensed","Barlow","Segoe UI",Arial,sans-serif;--font-mono:"IBM Plex Mono",Consolas,"Courier New",monospace;--font-panel:Arial,"Liberation Sans",Helvetica,sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#121517;--surface:#1b2024;--surface-2:#22282d;--text:#e7ebef;--muted:#9aa5af;--line:#333b43;--accent:#6fa8dc;--accent-ink:#0f1a24;--accent-soft:#1f3140;--ok:#4cc274;--ok-soft:#173224;--warn:#f0a83a;--warn-soft:#3a2a10;--crit:#f26060;--crit-soft:#3d1c1c;--on-crit:#1c0b0b;--shadow:0 10px 30px rgba(0,0,0,.5)}}:root[data-theme=dark]{color-scheme:dark;--bg:#121517;--surface:#1b2024;--surface-2:#22282d;--text:#e7ebef;--muted:#9aa5af;--line:#333b43;--accent:#6fa8dc;--accent-ink:#0f1a24;--accent-soft:#1f3140;--ok:#4cc274;--ok-soft:#173224;--warn:#f0a83a;--warn-soft:#3a2a10;--crit:#f26060;--crit-soft:#3d1c1c;--on-crit:#1c0b0b;--shadow:0 10px 30px rgba(0,0,0,.5)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.45;padding-inline:16px;padding-block:0 32px}.wrap{max-width:1160px;margin:0 auto}h1,h2,h3{font-family:var(--font-head);text-wrap:balance;margin:0}button{font-family:inherit;font-size:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.hidden-note{display:none}.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;padding-block:18px 12px}.brand h1{font-size:26px;font-weight:700;letter-spacing:.01em;line-height:1.1}.brand .sub{color:var(--muted);font-size:13px;margin-top:4px}.brand .sub b{color:var(--text);font-weight:600}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:6px;font-family:var(--font-head);font-weight:600;font-size:15px;letter-spacing:.02em}.tab[aria-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.iconbtn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;padding:7px 10px;display:inline-flex;align-items:center;gap:6px;font-size:13px}.iconbtn svg{width:16px;height:16px}.simbar{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin-bottom:14px;font-size:14px}.simbar .mode{font-family:var(--font-head);font-weight:700;font-size:16px;letter-spacing:.02em}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-family:var(--font-head);font-weight:600;font-size:13px;letter-spacing:.02em;background:var(--surface-2);border:1px solid var(--line)}.pill.ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.pill.warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.pill.crit{background:var(--crit-soft);color:var(--crit);border-color:transparent}.pill .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.panel-holder{width:100%;overflow:visible;position:relative}.panel{width:1000px;height:512px;background:linear-gradient(180deg,var(--bezel-hi),var(--bezel) 40%,#1b1e22);border-radius:14px;position:relative;transform-origin:top left;box-shadow:var(--shadow),inset 0 1px #ffffff14,inset 0 0 0 2px var(--bezel-edge);font-family:var(--font-panel);color:#111;user-select:none}.panel .label{position:absolute;left:24px;top:458px;width:160px;color:#7f868e;font-family:var(--font-head);font-size:10px;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.panel .pwrbtn{position:absolute;right:16px;top:230px;width:16px;height:40px;border-radius:4px;background:#0e1012;border:1px solid #3a3f45}.panel .slots{position:absolute;right:14px;top:60px;width:20px;height:120px;border-radius:3px;background:repeating-linear-gradient(180deg,#0e1012 0 6px,#1e2226 6px 12px)}.leds{position:absolute;left:24px;top:26px;width:156px;height:418px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:52px;align-items:center;justify-items:center}.led{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;position:relative}.led svg{width:36px;height:36px;fill:none;stroke:var(--led-off);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s,filter .15s}.led.on svg,.led.blink svg{stroke:var(--c)}.led.on{filter:drop-shadow(0 0 6px var(--c))}.led.blink{animation:ledblink 1s steps(1,end) infinite}@keyframes ledblink{0%,49%{filter:drop-shadow(0 0 6px var(--c))}50%,to{filter:none}}.led.blink.off-phase svg{stroke:var(--led-off)}.led[data-c=red]{--c:#ff3b30}.led[data-c=yellow]{--c:#ffc400}.led[data-c=green]{--c:#3ddc6a}.led .tip,.fk .tip{display:none}.led .tip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#0d0f11;color:#e6e9ec;font:12px/1.3 var(--font-ui);padding:5px 8px;border-radius:4px;white-space:normal;max-width:220px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:30}.led.col3{grid-column:3}.screen{position:absolute;left:196px;top:26px;width:760px;height:418px;background:#f4f5f6;border-radius:4px;box-shadow:inset 0 0 0 1px #9aa0a6,0 0 0 6px #0b0d0f,0 0 0 7px #3a3f45;display:grid;grid-template-columns:1fr 122px;overflow:hidden}.scr-main{position:relative;display:flex;flex-direction:column;min-width:0}.infobar{height:30px;background:#dfe2e5;border-bottom:1px solid #b9bfc5;display:flex;align-items:center;gap:10px;padding:0 8px;font-size:12.5px;color:#222;white-space:nowrap;overflow:hidden}.infobar .home{width:20px;height:20px;background:#fff;border:1px solid #9aa0a6;border-radius:2px;display:flex;align-items:center;justify-content:center}.infobar .home svg{width:14px;height:14px;stroke:#222;fill:none;stroke-width:1.8}.infobar .path{color:#444;overflow:hidden;text-overflow:ellipsis}.infobar .user{margin-left:auto;display:flex;align-items:center;gap:4px;color:#1a4d80;font-weight:700}.infobar .user svg{width:14px;height:14px;stroke:#1a4d80;fill:none;stroke-width:1.8}.scr-body{flex:1;position:relative;overflow:hidden;background:#f4f5f6}.statusbar{height:44px;display:grid;grid-template-columns:44px repeat(4,1fr) 72px;gap:3px;padding:3px;background:#c9ced3;border-top:1px solid #a9b0b7}.sb{background:#e8eaed;border:1px solid #a9b0b7;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;font-size:12px;color:#222;padding:0;cursor:pointer}.sb b{font-size:14px;font-weight:700}.sb.fire.active{background:#d61f1f;color:#fff;border-color:#a51515}.sb.ctrl.active{background:#e0553c;color:#fff;border-color:#b23a26}.sb.fault.active,.sb.byp.active{background:#f1c40f;color:#111;border-color:#c39b00}.sb.mode svg{width:24px;height:24px;stroke:#222;fill:none;stroke-width:1.8}.keypad{background:#dfe2e5;border-left:1px solid #b9bfc5;display:grid;grid-template-rows:34px 1fr 44px;padding:4px}.kp-info{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #9aa0a6;border-radius:3px;font-weight:700;font-size:12px;letter-spacing:.06em;color:#333}.kp-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-content:start;padding-top:6px}.kp-keys .k{height:28px;background:#fff;border:1px solid #8d949b;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-size:12px;font-weight:700;color:#222;padding:0}.kp-keys .k small{font-size:7.5px;font-weight:700;letter-spacing:.02em}.kp-keys .k.wide{grid-column:1/4}.kp-keys .k svg{width:16px;height:16px;stroke:#222;fill:none;stroke-width:2.2}.kp-keys .k:active{background:#c9d6e6}.kp-f{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-items:stretch}.kp-f .k{background:#fff;border:1px solid #8d949b;border-radius:3px;font-weight:700;font-size:13px;color:#222;padding:0;position:relative}.kp-f .k.active:after{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:3px;background:#22a447}.fixedkeys{position:absolute;left:196px;top:456px;width:760px;height:44px;display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:0 6px}.fk{background:linear-gradient(180deg,#23272b,#111416);border:1px solid var(--key-edge);border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px #000,inset 0 1px #ffffff12;padding:0}.fk svg{width:26px;height:26px;stroke:#e6e9ec;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fk:active{transform:translateY(1px);box-shadow:0 1px #000}.fk{position:relative}.fk .tip{position:absolute;top:auto;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);margin-top:0;background:#0d0f11;color:#e6e9ec;font:12px/1.3 var(--font-ui);padding:4px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30}.scr{position:absolute;inset:0;display:none;flex-direction:column;font-size:13px}.scr.show{display:flex}.standby{align-items:center;justify-content:center;gap:6px;color:#1e2429}.standby .date{font-size:20px}.standby .time{font-size:44px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}.standby .mode{display:flex;align-items:center;gap:8px;font-size:15px;margin-top:6px}.standby .mode svg{width:26px;height:26px;stroke:#1e2429;fill:none;stroke-width:1.8}.standby .site{font-size:12px;color:#555;margin-top:10px}.standby .hint{position:absolute;bottom:8px;font-size:11px;color:#777}.menu{padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:64px;gap:12px 14px;align-content:start}.tile{background:#d3d7db;border:1px solid #9aa0a6;border-radius:2px;font-size:14px;color:#111;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:4px 10px;box-shadow:inset 0 1px #fff}.tile:active{background:#b7c9db}.tile.disabled{color:#666}.list{flex:1;overflow:auto;padding:6px 8px;display:flex;flex-direction:column;gap:6px}.row{border:1px solid #8d949b;background:#e6e8eb;display:grid;grid-template-columns:70px 1fr 110px;font-size:13px;line-height:1.2}.row.unacked{background:#fff}.row.sel{outline:2px solid #1a4d80}.row>div{padding:4px 6px;border-right:1px solid #b9bfc5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row>div:last-child{border-right:0}.row .l2{grid-column:1/4;display:grid;grid-template-columns:70px 1fr 110px;padding:0;border-top:1px solid #b9bfc5}.row .l2>div{padding:4px 6px;border-right:1px solid #b9bfc5}.row .l2>div:last-child{border-right:0}.row.rstate .l2>div:last-child{color:#1a4d80;font-weight:700}.hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;font-size:13px;border-bottom:1px solid #b9bfc5;background:#e6e8eb}.hdr.fire{background:#d61f1f;color:#fff;border-bottom-color:#a51515}.hdr.fault{background:#f1c40f;color:#111}.hdr .cnt{font-weight:700}.hdr .timer{font-variant-numeric:tabular-nums;font-weight:700;display:flex;align-items:center;gap:6px}.hdr .timer .val{background:#fff;color:#111;padding:1px 6px;border-radius:2px;min-width:52px;text-align:center;font-size:14px}.btnrow{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px 8px;border-top:1px solid #b9bfc5;background:#dfe2e5}.btnrow.two{grid-template-columns:repeat(2,1fr)}.btnrow.three{grid-template-columns:repeat(3,1fr)}.sbtn{background:#d3d7db;border:1px solid #9aa0a6;border-radius:2px;font-size:13px;color:#111;padding:8px 4px;line-height:1.15;text-align:center;box-shadow:inset 0 1px #fff}.sbtn:active{background:#b7c9db}.sbtn.primary{background:#1a4d80;color:#fff;border-color:#123a61;box-shadow:none}.sbtn:disabled{color:#777;background:#e3e5e8;cursor:default}.dlg{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.dlg h4{margin:0;font-size:15px;font-weight:700}.dlg .field{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:8px;font-size:13px}.dlg .field .in{height:30px;background:#fff;border:1px solid #8d949b;padding:4px 8px;font-family:var(--font-mono);font-size:15px;letter-spacing:.15em;display:flex;align-items:center}.dlg .field .in.focus{outline:2px solid #1a4d80}.dlg p{margin:0;font-size:12.5px;color:#333}.dlg .err{color:#b3261e;font-weight:700}.subtle{font-size:12px;color:#555;padding:6px 8px}.msgbox{padding:14px;display:flex;flex-direction:column;gap:10px;font-size:13.5px}.msgbox p{margin:0}.grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;margin-top:16px}@media(max-width:860px){.grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px 18px}.card h2{font-size:18px;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.card h2 .tag{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.situation{font-size:16px;line-height:1.5}.situation .loc{display:inline-block;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-family:var(--font-mono);font-size:13px}.situation .clock{font-family:var(--font-mono);font-size:13px;color:var(--muted);margin-bottom:6px}.choices{display:flex;flex-direction:column;gap:8px;margin-top:14px}.choice{text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px 10px 44px;position:relative;color:var(--text);font-size:15px;line-height:1.35}.choice:before{content:attr(data-n);position:absolute;left:12px;top:9px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:var(--font-head);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.choice:hover{border-color:var(--accent)}.choice:disabled{opacity:.55;cursor:default}.choice.picked-ok{border-color:var(--ok);background:var(--ok-soft)}.choice.picked-bad{border-color:var(--crit);background:var(--crit-soft)}.feedback{margin-top:12px;border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.45;border:1px solid var(--line);background:var(--surface-2)}.feedback.ok{border-color:var(--ok);background:var(--ok-soft)}.feedback.bad{border-color:var(--crit);background:var(--crit-soft)}.feedback.warn{border-color:var(--warn);background:var(--warn-soft)}.feedback b{font-family:var(--font-head);letter-spacing:.02em}.todo{margin-top:12px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px dashed var(--accent);border-radius:8px;font-size:15px}.todo .spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--accent);border-top-color:transparent;animation:spin 1s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.todo .spin{animation:none}.led.blink{animation:none;filter:drop-shadow(0 0 6px var(--c))}}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 16px;border-radius:8px;font-family:var(--font-head);font-weight:600;font-size:15px;letter-spacing:.02em}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.danger{background:var(--crit);color:var(--on-crit);border-color:var(--crit)}.btn.small{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.state{display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:14px;align-items:center}.state .k{color:var(--muted)}.state .v{font-family:var(--font-mono);font-size:13.5px;text-align:right}.state .v.crit{color:var(--crit);font-weight:600}.state .v.warn{color:var(--warn);font-weight:600}.state .v.ok{color:var(--ok);font-weight:600}.timerbig{font-family:var(--font-mono);font-size:30px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1}.timerbox{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);margin-bottom:12px}.timerbox.ack{background:var(--crit-soft);border-color:var(--crit)}.timerbox.inv{background:var(--warn-soft);border-color:var(--warn)}.timerbox.a2{background:var(--crit);color:var(--on-crit);border-color:var(--crit)}.timerbox .lab{font-family:var(--font-head);font-weight:600;font-size:14px;letter-spacing:.03em}.timerbox .sub{font-size:12px;opacity:.85}.log{font-family:var(--font-mono);font-size:12.5px;line-height:1.5;max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:2px;padding-right:4px}.log div{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:2px 0;border-bottom:1px dotted var(--line)}.log .t{color:var(--muted)}.log .fire{color:var(--crit);font-weight:600}.log .fault{color:var(--warn);font-weight:600}.log .op{color:var(--accent);font-weight:500}.log .user{color:var(--text)}.startcard{display:grid;grid-template-columns:1fr;gap:16px}.startcard .fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;gap:12px;align-items:end}.startcard .fields>*{min-width:0}.field select,.field input{min-width:0;max-width:100%;width:100%}@media(max-width:700px){.startcard .fields{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:4px;font-size:14px}.field label{font-family:var(--font-head);font-weight:600;letter-spacing:.02em;font-size:13px;color:var(--muted);text-transform:uppercase}.field input,.field select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.result{border-radius:10px;padding:16px 18px;border:2px solid var(--line)}.result.pass{border-color:var(--ok);background:var(--ok-soft)}.result.fail{border-color:var(--crit);background:var(--crit-soft)}.result h3{font-size:24px;letter-spacing:.03em}.result ul{margin:8px 0 0 18px;padding:0}.result li{margin:4px 0}.errlist li.critical{color:var(--crit);font-weight:600}.errlist li.error{color:var(--crit)}.errlist li.minor{color:var(--warn)}.proc{margin-top:10px;font-size:14px}.proc ol{margin:6px 0 0 20px;padding:0}.proc li{margin:3px 0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{font-family:var(--font-head);font-weight:600;letter-spacing:.04em;font-size:13px;color:var(--muted);text-transform:uppercase}td.mono{font-family:var(--font-mono);font-size:13px}.tablewrap{overflow-x:auto}.ctlgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.ctlgrid .btn{text-align:left}.note{font-size:13px;color:var(--muted);margin-top:8px}.settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.chip{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-mono);font-size:12.5px}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:8px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50;max-width:calc(100% - 32px)}.toast.show{opacity:1}.kbd{font-family:var(--font-mono);font-size:12.5px;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:0 5px}.help{font-size:14px;color:var(--muted);line-height:1.5}.help p{margin:6px 0}.float-tip{position:fixed;z-index:9999;background:#0d0f11;color:#e6e9ec;font:12px/1.35 var(--font-ui);padding:6px 10px;border-radius:4px;max-width:240px;white-space:normal;pointer-events:none;opacity:0;transition:opacity .15s;box-shadow:0 4px 16px #00000059}.float-tip.show{opacity:1}