:root{--kt-bg-primary: #1f1f1f;--kt-bg-app: #121316;--kt-bg-hover: rgba(255, 255, 255, .08);--kt-border-default: #3a3a3a;--kt-border-subtle: rgba(255, 255, 255, .05);--kt-text-primary: #f5f5f5;--kt-text-muted: #9a9a9a;--kt-accent: #ba160c;--kt-accent-light: #e01a0e;--kt-text-accent: #dd382f;--kt-radius-sm: 4px;--kt-mono: "SFMono-Regular", "JetBrains Mono", "Consolas", ui-monospace, monospace;--kt-sans: "Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--kt-bg-app);color:var(--kt-text-primary);font-family:var(--kt-sans);font-size:14px;line-height:1.4}.app{max-width:480px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;align-items:center;gap:16px}.app-header{text-align:center}.sim-time-bar{position:sticky;top:0;z-index:50;width:100%;display:flex;align-items:baseline;justify-content:center;gap:12px;padding:8px 12px;background:var(--kt-bg-primary);border:1px solid var(--kt-border-default);border-radius:var(--kt-radius-sm)}.sim-time-bar .sim-time{font-family:var(--kt-mono);font-size:18px;letter-spacing:.5px;color:var(--kt-text-primary)}.sim-time-bar .sim-rate{font-size:12px;color:var(--kt-text-muted)}#toggle-alerts.active{background:var(--kt-text-accent)}.app-header h1{margin:0;font-size:20px;letter-spacing:.5px}.app-sub{margin:4px 0 0;color:var(--kt-text-muted);font-size:12px}.ar-link{display:inline-block;margin-top:10px;padding:8px 16px;font-size:13px;font-weight:600;color:#04121f;background:#27e0a0;border-radius:999px;text-decoration:none}.card{width:100%;max-width:360px;background:var(--kt-bg-primary);border:1px solid var(--kt-border-default);border-radius:var(--kt-radius-sm);padding:16px}.card h2{margin:0 0 8px;font-size:15px}.hint{color:var(--kt-text-muted);font-size:12px;margin:4px 0}.error{color:var(--kt-text-accent);font-size:12px;margin:8px 0 0;min-height:14px}.login-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}input,select{background:#161616;border:1px solid var(--kt-border-default);border-radius:var(--kt-radius-sm);color:var(--kt-text-primary);padding:8px 10px;font-size:13px;font-family:inherit}input:focus,select:focus{outline:none;border-color:var(--kt-accent-light)}button{background:var(--kt-accent);color:#fff;border:none;border-radius:var(--kt-radius-sm);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .12s ease}button:hover:not(:disabled){background:var(--kt-accent-light)}button:disabled{opacity:.5;cursor:not-allowed}.link-btn{background:none;color:var(--kt-text-muted);font-weight:400;padding:4px 8px;text-decoration:underline}.link-btn:hover:not(:disabled){background:none;color:var(--kt-text-primary)}.account-bar{width:100%;max-width:360px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--kt-text-muted)}.account-email{font-family:var(--kt-mono);color:var(--kt-text-primary)}.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid var(--kt-border-default);background:var(--kt-bg-primary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--kt-text-muted)}.status--connecting .status-dot{background:#d8a200}.status--connected .status-dot,.status--showing .status-dot{background:#1f9d55}.status--disconnected .status-dot{background:var(--kt-accent)}.sender-controls{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--kt-text-muted)}.button-row{display:flex;gap:8px}.button-row #clear-btn{background:#2a2a2a}.button-row #clear-btn:hover:not(:disabled){background:#383838}.panel-mount{width:100%;display:flex;justify-content:center}.waiting{color:var(--kt-text-muted);font-size:13px;text-align:center;padding:32px 0}.sib{width:360px;max-width:100%;background:var(--kt-bg-primary);border:1px solid var(--kt-border-default);border-radius:6px;box-shadow:0 4px 16px #0006;overflow:hidden}.sib-head{padding:12px 16px;border-bottom:2px solid var(--kt-accent)}.sib-actions{padding:8px 16px;border-bottom:1px solid var(--kt-border-subtle)}.sib-wl-btn{width:100%;background:#2a2a2a}.sib-wl-btn:hover:not(:disabled){background:#383838}.sib-name{font-size:16px;font-weight:700;letter-spacing:.3px;color:var(--kt-text-primary)}.sib-sub{margin-top:2px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--kt-text-muted);font-family:var(--kt-mono)}.sib-section-header{font-size:11px;text-transform:uppercase;letter-spacing:.5px;padding:4px 16px;background:var(--kt-border-default);color:#fff}.sib-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 16px;border-bottom:1px solid var(--kt-border-subtle);transition:background-color .1s cubic-bezier(.4,0,.2,1)}.sib-row:hover{background:var(--kt-bg-hover)}.sib-key{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--kt-text-muted);white-space:nowrap}.sib-value{font-size:12px;font-family:var(--kt-mono);color:var(--kt-text-primary);text-align:right;overflow:hidden;text-overflow:ellipsis}.remote{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.remote.disabled{opacity:.45;pointer-events:none}.remote-group{background:var(--kt-bg-primary);border:1px solid var(--kt-border-default);border-radius:var(--kt-radius-sm);padding:12px}.remote-group h3{margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--kt-text-muted)}.btn-row{display:flex;gap:8px}.btn-row button{flex:1}.prop-rates{margin-bottom:8px}.btn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}button.active{background:var(--kt-text-accent);box-shadow:inset 0 0 0 1px #ffffff40}button.active:hover:not(:disabled){background:var(--kt-accent-light)}.sat-search,#sat-search{width:100%;margin-bottom:8px}.sat-list{list-style:none;margin:0 0 8px;padding:0;max-height:168px;overflow-y:auto;border:1px solid var(--kt-border-default);border-radius:var(--kt-radius-sm)}.sat-list-hint{padding:10px 12px;font-size:12px;color:var(--kt-text-muted)}.sat-list-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:none;border-radius:0;border-bottom:1px solid var(--kt-border-subtle);color:var(--kt-text-primary);font-weight:400;padding:8px 10px;text-align:left}.sat-list-item:hover:not(:disabled){background:var(--kt-bg-hover)}.sli-name{font-size:13px}.sli-id{font-family:var(--kt-mono);font-size:11px;color:var(--kt-text-muted)}.slider-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--kt-text-muted);margin:8px 0}.slider-row input[type=range]{flex:1;accent-color:var(--kt-accent);padding:0}.trackpad{height:96px;border:1px dashed var(--kt-border-default);border-radius:var(--kt-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--kt-text-muted);font-size:12px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.trackpad.active{border-style:solid;border-color:var(--kt-accent-light);background:#ba160c14;cursor:grabbing}.trackpad-hint{pointer-events:none}.tilt-toggle{width:100%;margin-top:8px;background:#2a2a2a}.tilt-toggle:hover:not(:disabled){background:#383838}.tilt-status{margin:6px 0 0;min-height:14px;font-family:var(--kt-mono);font-size:11px;line-height:1.35}.sim-card h3.log-title{margin:14px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--kt-text-muted)}.sim-state{margin:8px 0 0}.sim-state>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;border-bottom:1px solid var(--kt-border-subtle)}.sim-state dt{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--kt-text-muted)}.sim-state dd{margin:0;font-family:var(--kt-mono);font-size:12px;color:var(--kt-text-primary);text-align:right}.cmd-log{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;font-family:var(--kt-mono);font-size:11px}.cmd-log li{padding:4px 0;border-bottom:1px solid var(--kt-border-subtle);color:var(--kt-text-primary)}.cmd-log li:first-child{color:var(--kt-text-accent)}.mysky{width:100%;max-width:360px}.mysky-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.mysky-head h2{margin:0;font-size:15px}#use-location{font-size:12px;padding:6px 10px}.watchlist{list-style:none;margin:8px 0 0;padding:0}.watchlist-empty{color:var(--kt-text-muted);font-size:12px;padding:8px 0}.watchlist-row{display:flex;align-items:stretch;gap:8px;border-bottom:1px solid var(--kt-border-subtle)}.wl-select{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:none;border:none;border-radius:0;color:var(--kt-text-primary);font-weight:400;text-align:left;padding:8px 4px}.wl-select:hover:not(:disabled){background:var(--kt-bg-hover)}.wl-name{font-size:13px}.wl-pass{font-family:var(--kt-mono);font-size:11px;color:var(--kt-text-muted)}.wl-remove{background:none;border:none;color:var(--kt-text-muted);font-size:14px;padding:0 8px}.wl-remove:hover:not(:disabled){background:none;color:var(--kt-text-accent)}