body,dl div{background:var(--paper)}*{box-sizing:border-box}:root{color-scheme:light;--ink:#172e27;--muted:#53665e;--line:#cddad1;--green:#145a44;--paper:#f0f4ee}body{color:var(--ink);font:15px/1.55 Microsoft YaHei,PingFang SC,sans-serif;margin:0}.bar,footer,main{margin-inline:auto;width:min(1140px,calc(100% - 36px))}.bar,.hero,.input-row,.log-head,footer{align-items:center;display:flex;gap:14px;justify-content:space-between}.actions,.grid,.link,dl{display:grid}.bar{padding:14px 0}.bar img{height:48px;object-fit:contain;width:107.16px}button,input{background:#fff;border:1px solid var(--line);border-radius:8px;color:inherit;font:inherit;padding:9px 12px}button{cursor:pointer;font-weight:650}button:hover:not(:disabled){border-color:var(--green)}button:disabled,fieldset:disabled button,fieldset:disabled input{cursor:default;opacity:.68}:focus-visible{outline:#527f25 solid 3px;outline-offset:3px}.primary,button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.hero{background:repeating-linear-gradient(125deg,#ffffff08 0 1px,#0000 1px 24px),#123b31;border-radius:20px;color:#f1f8f3;margin-bottom:18px;padding:clamp(20px,5vw,48px)}.hero small{color:#c2f287}h1{font-size:clamp(32px,6vw,58px);letter-spacing:-.045em;line-height:1.15;margin:3px 0}h2{font-size:23px;margin:3px 0 8px}h3,label,legend{font-size:14px;font-weight:700}p{margin:8px 0}.link span,small{font:700 12px Consolas,monospace;letter-spacing:.13em}.link{gap:7px;min-width:135px}.hero button{background:#c2f287;border-color:#c2f287;color:var(--ink)}#notice,.bin figcaption,.panel small,dialog small,dt,footer{color:var(--muted)}.grid{gap:16px;grid-template-columns:1.15fr 1fr}.actions,.monitor-body dl{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,dialog{background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0;padding:clamp(15px,3vw,26px)}dl{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0}dl div{border-radius:9px;padding:10px}dl .featured{background:#dff1d9;grid-column:span 2}dl .featured[data-alert=true]{background:#ffe6cd;color:#8f3600}dt{font-size:13px}dd{font-size:clamp(15px,2vw,24px);font-weight:750;margin:4px 0 0}fieldset{border:0;margin:12px 0 0;min-width:0;padding:0}legend{margin-bottom:6px;padding:0}.actions{gap:7px}.lights{grid-template-columns:repeat(3,minmax(0,1fr))}.actions button{padding-inline:4px}#manual{margin-top:15px}.input-row{gap:7px;margin-top:6px}input{min-width:0;width:100%}.input-row button{flex:none}.terminal{grid-column:1/-1}pre{background:#182e28;border-radius:10px;color:#d5efe0;height:170px;margin:10px 0 0;overflow:auto;overflow-wrap:anywhere;padding:14px;white-space:pre-wrap}footer{flex-wrap:wrap;font-size:13px;padding:19px 0}dialog{color:var(--ink);max-height:calc(100% - 24px);width:min(530px,calc(100% - 24px))}dialog[open]{animation:.2s ease-out a}dialog::backdrop{background:#10291ec7}li+li{margin-top:9px}@keyframes a{0%{opacity:0;transform:translateY(10px)}}.monitor-body{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(115px,.85fr) minmax(0,1.15fr);margin-top:14px}.monitor-body dl{margin:0}.bin{background:#edf5eb;border-radius:12px;margin:0;padding:8px 6px 12px;text-align:center}.bin svg{display:block;margin:auto;max-width:205px;width:100%}.bin figcaption{font-size:11px;letter-spacing:.09em}.bin-lid{transform-origin:155px 91px;transition:transform .3s}.monitor-body:has(#lid[data-open=true]) .bin-lid{transform:rotate(34deg)}.bin-signal{fill:#a1ad9f}.monitor-body:has(.featured[data-alert=true]) .bin-signal{fill:#ffba72}.monitor-body:has(.featured[data-alert=false]) .bin-signal{fill:#c2f287}@media (max-width:690px){.grid{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.log-head{flex-wrap:wrap}}@media (max-width:380px){.monitor-body{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){dialog[open]{animation:none}.bin-lid{transition:none}}