@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Inter:wght@400;700&display=swap";:root{--primary-color: #00f3ff;--alarm-color: #ff3300;--bg-color: #f0f5f9;--panel-bg: rgba(255, 255, 255, .85);--text-main: #0b1a2a}body{margin:0;overflow:hidden;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main)}#app{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:1}.overlay{position:absolute;top:2rem;left:2rem;z-index:10;width:350px;background:var(--panel-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:2rem;border-radius:4px;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 40px #0000001a}.overlay h1{margin:0;font-family:Share Tech Mono,monospace;font-size:2rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;margin-bottom:.5rem}.overlay p{margin:0;font-family:Share Tech Mono,monospace;font-size:.8rem;opacity:.6;text-transform:uppercase;margin-bottom:2rem}.controls{display:flex;gap:10px;margin-bottom:2rem}.btn{flex:1;padding:10px;border:none;font-family:Share Tech Mono,monospace;font-size:.9rem;cursor:pointer;border-radius:2px;transition:all .2s;font-weight:700}.btn-danger{background:var(--alarm-color);color:#fff;box-shadow:0 4px 10px #ff33004d}.btn-danger:hover{background:#d62b00;transform:translateY(-1px)}.btn-danger:active{transform:translateY(1px)}.btn-secondary{background:#e0e6ed;color:var(--text-main)}.btn-secondary:hover{background:#d1d9e3}.log-panel{border-top:1px solid rgba(0,0,0,.1);padding-top:1rem}.log-panel h3{font-size:.8rem;text-transform:uppercase;color:#666;margin:0 0 1rem}#alarm-log-list{list-style:none;padding:0;margin:0;font-family:Share Tech Mono,monospace;font-size:.85rem}#alarm-log-list li{padding:5px 0;border-bottom:1px dashed rgba(0,0,0,.1);animation:flash .5s}@keyframes flash{0%{background-color:#f303}to{background-color:transparent}}.info-panel{position:absolute;bottom:2rem;left:2rem;width:300px;background:#0e192fe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,243,255,.2);border-radius:4px;padding:1.5rem;color:#fff;box-shadow:0 4px 30px #00000080;transition:opacity .3s ease,transform .3s ease;z-index:20;font-family:Inter,sans-serif}.info-panel.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.info-panel h2{font-size:1.25rem;margin:0 0 1rem;color:#00f3ff;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(0,243,255,.3);padding-bottom:.5rem;font-family:Share Tech Mono,monospace}.info-panel p{font-size:.9rem;line-height:1.6;color:#ffffffe6;margin:0}.btn-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#00f3ff80;cursor:pointer;font-size:1rem;padding:5px}.btn-close:hover{color:#fff}.fault-popup{position:absolute;top:0;left:0;background:#ff3300e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ff3300;padding:1rem;border-radius:4px;color:#fff;box-shadow:0 0 20px #f309;pointer-events:none;transform:translate(-50%,-100%);transition:opacity .2s,top .1s,left .1s;z-index:100;text-align:center;width:200px}.fault-popup.hidden{opacity:0;display:none}.fault-header{font-weight:700;font-family:Share Tech Mono,monospace;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:5px;margin-bottom:5px;font-size:1.1rem;animation:blink 1s infinite}#fault-text{font-size:.9rem}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}