:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090d;--panel:#0f1319;--panel-2:#151a22;--line:#242a34;--line-strong:#303846;--text:#f1f6ff;--muted:#7f8ca3;--soft:#b7c4da;--blue:#4d8dff;--good:#22c55e;--warn:#f59e0b;--bad:#ef4444}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #0000;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:800}button:disabled{cursor:wait;opacity:.65}.shell{width:min(1440px,100% - 28px);margin:0 auto;padding:10px 0 18px}.auth-shell{place-items:center;min-height:100vh;display:grid}.auth-card,.panel,.device-card{border:1px solid var(--line);background:var(--panel);box-shadow:none}.auth-card{border-radius:18px;width:min(430px,100%);padding:28px}.auth-logo{border-radius:18px;width:82px;height:82px;margin-bottom:16px;display:block}.eyebrow{color:#22d3ee;text-transform:uppercase;letter-spacing:.14em;margin:0 0 5px;font-size:10px;font-weight:900}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:4px;font-size:38px;line-height:1.05}h2{margin-bottom:2px;font-size:14px;line-height:1.2}.subtle,.device-card p,.message,.lede{color:var(--muted)}.lede{max-width:620px;margin-bottom:8px;font-size:13px}.auth-form{gap:14px;margin-top:24px;display:grid}label{color:#cbd5e1;gap:7px;font-size:13px;font-weight:800;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#0b0f17;border-radius:6px;outline:none;padding:5px 8px;font-size:12px}input:focus,select:focus{border-color:#38bdf8a6}.top{border:1px solid var(--line);background:linear-gradient(#111720,#0d1118);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;padding:12px 14px;display:flex}.brand-row{align-items:center;gap:13px;min-width:280px;display:flex}.brand-logo{border-radius:14px;flex:none;width:64px;height:64px}.top-meta{justify-items:start;gap:8px;display:grid}.view-tabs{border:1px solid var(--line);background:#0b0f17;border-radius:8px;gap:4px;padding:3px;display:inline-flex}.view-tabs button{color:var(--soft);background:0 0;border-color:#0000}.view-tabs button.active{border-color:var(--line-strong);color:var(--text);background:#1b2533}.top-actions,.command-row{flex-wrap:wrap;gap:6px;display:flex}.ghost{color:#dbe8ff;border:1px solid var(--line);background:#151b24}.notice,.banner{border-radius:12px;margin-bottom:16px;padding:12px 14px;font-weight:800}.notice{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e52}.error{color:#fecaca}.banner{background:#ef44441f;border:1px solid #ef444452}.grid{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.panel,.device-card{border-radius:0;padding:9px 12px}.empty{color:var(--muted)}.card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.status{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:900}.status.online{color:#86efac;background:#22c55e26}.status.stale{color:#fcd34d;background:#f59e0b26}.status.offline{color:#fca5a5;background:#ef444426}.facts{justify-content:center;align-items:center;gap:18px;margin:0;display:flex}.facts div{min-width:76px}dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:900}dd{color:var(--soft);overflow-wrap:anywhere;margin:2px 0 0;font-size:12px;font-weight:850}.script-hb.online{color:#86efac}.script-hb.stale{color:#fcd34d}.script-hb.offline{color:#fca5a5}.message{min-height:20px;margin:6px 0 0;font-size:12px}.mode-picker{flex:0 0 124px;min-width:118px}.mode-picker span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.control-strip{justify-content:flex-end;align-items:flex-end;gap:7px;display:flex}.command-row{flex:none;justify-content:flex-end}.command-row button{min-width:50px}.good{background:#3b82f6;border-color:#60a5fa66}.bad{color:#fecaca;background:#151b24;border-color:#ef444459}.warn{color:#fed7aa;background:#151b24;border-color:#f9731659}.device-card{border-width:0 0 1px;border-color:var(--line);border-style:solid;grid-template-columns:minmax(240px,1.15fr) minmax(250px,.95fr) minmax(330px,auto);align-items:center;gap:14px;display:grid}.device-card:last-child{border-bottom:0}.device-card:hover{background:#111720}.device-card p{margin-bottom:0}.summary-row{flex-wrap:wrap;gap:8px;display:flex}.summary-row span{border:1px solid var(--line);color:var(--soft);background:#0c1118;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:850}.summary-row .online{color:#86efac;border-color:#22c55e40}.summary-row .stale{color:#fcd34d;border-color:#f59e0b40}.summary-row .offline{color:#fca5a5;border-color:#ef444440}.accounts-panel{gap:12px;display:grid}.accounts-head{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:flex-end;gap:16px;padding:12px;display:flex}.accounts-head h2{font-size:18px}.accounts-head p{color:var(--muted);margin-bottom:0;font-size:12px}.accounts-head span{color:var(--soft);font-size:11px;font-weight:850}.account-tools{justify-content:flex-end;align-items:center;gap:8px;min-width:min(360px,100%);display:flex}.account-tools input{width:min(240px,100%)}.account-tools span{white-space:nowrap}.account-grid{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:1fr;gap:0;display:grid;overflow:hidden}.account-card{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:minmax(210px,.85fr) minmax(440px,1.35fr) minmax(320px,.95fr);align-items:center;gap:14px;padding:9px 12px;display:grid}.account-card:last-child{border-bottom:0}.account-card:hover{background:#111720}.account-title{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.account-title h3{margin:0 0 3px;font-size:14px;line-height:1.2}.account-title p{color:var(--muted);margin:0;font-size:11px}.account-title>span{color:#7dd3fc;background:#0ea5e91f;border:1px solid #38bdf840;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:900}.account-facts{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;grid-template-columns:repeat(5,minmax(70px,1fr));gap:0;margin:0;display:grid;overflow:hidden}.account-facts div{border-right:1px solid var(--line);min-width:0;padding:7px 9px}.account-facts div:last-child{border-right:0}.period-strip{border:1px solid var(--line);background:#0b0f17;border-radius:8px;grid-template-columns:repeat(4,minmax(64px,1fr));gap:0;display:grid;overflow:hidden}.period-strip div{border-right:1px solid var(--line);min-width:0;padding:7px 8px}.period-strip div:last-child{border-right:0}.period-strip span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:900;display:block}.period-strip strong{color:var(--text);margin-top:2px;font-size:12px;display:block}@media (width<=620px){.shell{width:min(100% - 20px,1180px);padding:20px 0}.top{display:grid}.brand-row{align-items:flex-start}.brand-logo{width:54px;height:54px}.grid{grid-template-columns:1fr}.device-card{grid-template-columns:1fr;gap:12px}.facts{flex-wrap:wrap;justify-content:flex-start}.control-strip{display:grid}.command-row{justify-content:stretch}.top-actions button,.command-row button{flex:1}.accounts-head,.account-tools{justify-content:stretch;display:grid}.account-tools input{width:100%}.account-card{grid-template-columns:1fr;gap:12px}.account-facts,.period-strip{grid-template-columns:repeat(2,1fr)}}.link-button{color:var(--text);font:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);background:0 0;border:none;padding:0;font-weight:700}.link-button:hover{-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue);color:var(--blue)}.back-button{margin-bottom:8px}.storage-panel{flex-direction:column;gap:14px;display:flex}.storage-table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:8px;max-height:70vh;overflow:auto}.storage-table{border-collapse:collapse;width:100%;font-size:13px}.storage-table th,.storage-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle;height:36px;padding:8px 12px}.storage-table thead th{background:var(--panel-2);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;position:sticky;top:0}.storage-table thead th:hover{color:var(--text)}.storage-table tbody tr:hover{background:var(--panel-2)}.flag-cell{flex-wrap:wrap;align-items:center;gap:4px;min-height:20px;display:flex}.flag-badge{border:1px solid var(--line-strong);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:800;line-height:14px;display:inline-block}.flag-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.flag-filters select{width:auto;max-width:200px;padding:4px 6px;font-size:11px}.flag-filter-chip{border:1px solid var(--line-strong);color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.flag-filter-chip:hover{opacity:.85}.flag-filter-chip.active{opacity:1;background:var(--panel-2)}.flag-shiny{color:#fde047;border-color:#fde04766}.flag-shadow{color:#c4b5fd;border-color:#c4b5fd66}.flag-purified{color:#93c5fd;border-color:#93c5fd66}.flag-lucky{color:#fdba74;border-color:#fdba7466}.flag-favorite{color:#fca5a5;border-color:#fca5a566}.flag-bg{color:#86efac;border-color:#86efac66}@media (width<=620px){.storage-table-wrap{max-height:60vh}}.spinner{border:2px solid var(--line-strong);border-top-color:var(--blue);vertical-align:middle;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-panel{color:var(--muted);justify-content:center;align-items:center;padding:40px 20px;font-weight:700;display:flex}.realtime-v2-panel{gap:18px;display:grid}.realtime-beta{color:#fbbf24;border:1px solid #d97706;border-radius:999px;align-self:center;padding:5px 10px;font-size:12px;font-weight:700}.realtime-events{max-height:320px;overflow:auto}.realtime-events h3{margin-top:0}.realtime-events p{border-top:1px solid #94a3b824;margin:0;padding:7px 0;font-size:12px}.realtime-events span{color:var(--muted)}.realtime-v2-panel .command-row button:disabled{cursor:not-allowed;filter:grayscale();opacity:.32}.realtime-device-link{cursor:pointer;transition:border-color .12s,transform .12s}.realtime-device-link:hover,.realtime-device-link:focus-visible{border-color:#2563eb;outline:none;transform:translateY(-1px)}.realtime-open-device{color:#93c5fd;white-space:nowrap;background:#2563eb24;border:1px solid #60a5fa73;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:700}.realtime-list-actions{align-items:center;gap:16px;padding:0 18px;display:flex}.realtime-list-actions .realtime-open-device{padding:7px 10px}.realtime-detail-head{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.realtime-detail-head .back-button{flex:none}.realtime-detail-head .card-head{flex:0 360px;align-items:center}.realtime-detail-head .card-head p{margin:2px 0 0}.realtime-link-state{color:var(--muted);flex-wrap:wrap;gap:10px 24px;margin-left:auto;font-size:13px;display:flex}.realtime-link-state strong{color:var(--text)}.realtime-detail-tabs{justify-self:start}.realtime-overview{gap:8px;display:grid}.realtime-overview h3,.realtime-overview p,.realtime-live-facts{margin:0}.realtime-live-facts div{min-width:min(100%,280px)}.realtime-signal-value,.realtime-card-signals{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.realtime-card-signals{margin:10px 0 7px}.heartbeat-age{color:var(--muted);font-size:12px}.realtime-overview-events{border-top:1px solid var(--line);max-height:none;margin-top:0;padding-top:10px;overflow:visible}.realtime-control-bar{grid-template-columns:auto auto minmax(360px,1fr);align-items:center;gap:8px 18px;display:grid}.realtime-control-title{min-width:145px}.realtime-control-title p{color:var(--muted);font-size:11px}.realtime-command-note{grid-column:1/-1}.live-log-controls{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.live-log-controls button{padding:6px 9px;font-size:11px}.live-log-controls .active,.live-log-controls .live-logs-on{color:#86efac;background:#22c55e29;border-color:#4ade8073}.live-log-controls .follow-latest{color:#fff;background:#2563eb;border-color:#60a5fa8c;margin-left:auto;position:sticky;right:0}.live-log-lines{background:#02061747;border:1px solid #94a3b824;border-radius:7px;height:clamp(340px,100vh - 410px,720px);max-height:none;margin-top:8px;padding:0 9px;overflow-y:auto}.live-log-line strong{color:#94a3b8;text-transform:uppercase;border-radius:4px;margin:0 6px;font-size:9px;display:inline-block}.live-log-line.log-error,.live-log-line.log-error strong{color:#fca5a5}.live-log-line.log-recovery,.live-log-line.log-recovery strong{color:#fcd34d}.live-log-line.log-injection,.live-log-line.log-injection strong{color:#5eead4}.live-log-line.log-control,.live-log-line.log-control strong{color:#93c5fd}.live-log-line.log-cloud,.live-log-line.log-cloud strong{color:#c4b5fd}.live-log-line.log-game,.live-log-line.log-game strong{color:#86efac}.realtime-settings-panel{gap:12px;display:grid}.realtime-settings-panel>h3,.realtime-settings-panel>p{margin:0}.realtime-setting-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.realtime-setting-card{border:1px solid var(--line);background:#02061747;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:11px 12px;display:flex}.realtime-setting-card strong{font-size:13px}.realtime-setting-card p{margin:4px 0 0;font-size:11px}.realtime-setting-card .setting-on{color:#86efac;background:#22c55e29;border-color:#4ade8073}.stop-after-control{flex:none;align-items:center;gap:6px;display:flex}.stop-after-control input{width:68px}.stop-after-control span{color:var(--muted);font-size:11px}@media (width<=620px){.realtime-detail-head{align-items:stretch;display:grid}.realtime-link-state{margin-left:0}.realtime-control-bar{grid-template-columns:1fr;align-items:stretch}.realtime-live-facts{gap:10px}.live-log-lines{height:55vh}.realtime-setting-grid{grid-template-columns:1fr}.realtime-setting-card{min-height:68px}.realtime-list-actions{flex-direction:column;align-items:stretch;padding:0}.realtime-open-device{text-align:center}.live-log-controls button:first-child{flex-basis:100%}}
