:root{--bg: #0a0d10;--panel: #14181c;--panel-2: #191f24;--border: #262c31;--border-lit: #34d399;--text: #eef1f2;--text-dim: #838d92;--text-dim-2: #545b60;--led-green: #34d399;--led-green-dim: #1f6b4d;--led-amber: #f0a83c;--led-red: #ff5c5c;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--safe-top: env(safe-area-inset-top, 44px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);background-image:radial-gradient(circle at 15% 0%,rgba(52,211,153,.05),transparent 40%),radial-gradient(circle at 85% 100%,rgba(240,168,60,.04),transparent 40%);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;max-width:560px;margin:0 auto;min-height:100vh}button{font-family:inherit}.deck-header{padding:14px 16px;padding-top:calc(14px + var(--safe-top));border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--panel) 0%,var(--bg) 100%)}.deck-header__title{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;display:flex;align-items:center;gap:8px}.deck-header__dot{width:7px;height:7px;border-radius:50%;background:var(--led-green);box-shadow:0 0 6px var(--led-green),0 0 2px var(--led-green);animation:pulse 2.4s ease-in-out infinite}.deck-header__count{margin-top:6px;font-size:20px;font-weight:700;color:var(--text)}.deck-header__count span{color:var(--led-green)}.deck-tabs{display:flex;gap:2px;padding:10px 16px;background:var(--bg)}.deck-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;background:var(--panel);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.deck-tab:first-child{border-radius:6px 0 0 6px}.deck-tab:last-child{border-radius:0 6px 6px 0;border-left:none}.deck-tab--active{background:var(--panel-2);color:var(--text);border-color:var(--border-lit);box-shadow:inset 0 0 0 1px #34d39926,0 0 10px #34d39914}.page{flex:1;padding:14px 16px 32px;overflow-y:auto}.module-row{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:10px;background:var(--panel);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s ease,transform .1s ease}.module-row:active{transform:scale(.98);border-color:var(--border-lit)}.module-row__socket{width:42px;height:42px;flex-shrink:0;border-radius:50%;background:var(--panel-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:inset 0 2px 4px #0006}.module-row__body{flex:1;min-width:0}.module-row__name{font-weight:600;font-size:15px;color:var(--text)}.module-row__desc{font-size:13px;color:var(--text-dim);margin-top:2px;line-height:1.4}.module-row__status{display:flex;align-items:center;gap:6px;flex-shrink:0}.module-row__led{width:6px;height:6px;border-radius:50%;background:var(--led-green);box-shadow:0 0 5px var(--led-green);animation:pulse 2.4s ease-in-out infinite}.module-row__arrow{font-family:var(--font-mono);color:var(--text-dim-2);font-size:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.comms-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.comms-panel__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;display:flex;align-items:center;gap:6px}.comms-textarea{width:100%;min-height:140px;background:#05070a;color:var(--led-green);border:1px solid var(--border);border-radius:6px;padding:12px;font-family:var(--font-mono);font-size:14px;line-height:1.5;resize:vertical;outline:none;caret-color:var(--led-green)}.comms-textarea::placeholder{color:var(--text-dim-2)}.comms-textarea:focus{border-color:var(--border-lit);box-shadow:0 0 0 1px var(--border-lit),0 0 12px #34d39926}.comms-send{width:100%;margin-top:14px;padding:16px;border-radius:8px;border:1px solid #7a1f1f;background:linear-gradient(180deg,#ff6b6b,#d63e3e);color:#fff;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 12px #d63e3e59,inset 0 1px #ffffff40;transition:transform .1s ease,box-shadow .1s ease}.comms-send:active{transform:scale(.97);box-shadow:0 2px 6px #d63e3e4d,inset 0 1px #ffffff26}.comms-send:disabled{opacity:.5;cursor:default}.comms-hint{margin-top:10px;font-size:12px;color:var(--text-dim-2);text-align:center}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--panel-2);border:1px solid var(--led-green);color:var(--led-green);font-family:var(--font-mono);font-size:13px;padding:10px 18px;border-radius:6px;box-shadow:0 0 16px #34d39940;z-index:50}.toast--error{border-color:var(--led-red);color:var(--led-red);box-shadow:0 0 16px #ff5c5c40}.state-empty{font-family:var(--font-mono);color:var(--text-dim);text-align:center;padding:40px 16px}