:root{--bg: #0f0f1a;--bg-card: #1a1a2e;--bg-input: #16213e;--bg-hover: #222244;--accent: #6c5ce7;--accent-hover: #7f70f0;--text: #e0e0e0;--text-dim: #8888aa;--text-bright: #ffffff;--danger: #e74c3c;--warning: #f39c12;--success: #27ae60;--border: #2a2a4a;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0,0,0,.3);--font: "Segoe UI", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#rcd-app{display:flex;flex-direction:column;height:100vh;height:100dvh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navbar-left{display:flex;align-items:center;gap:.25rem;min-width:0;overflow:hidden}.nav-brand{display:flex;align-items:center;gap:.4rem;cursor:pointer;color:var(--text-dim);flex-shrink:0;padding:.25rem;border-radius:var(--radius-sm);transition:color .15s}.nav-brand:hover{color:var(--accent)}.nav-brand .brand-text{font-size:1rem;font-weight:700;color:var(--text-bright)}.nav-crumb{display:flex;align-items:center;gap:.25rem;min-width:0}.nav-sep{color:var(--text-dim);font-size:.85rem;flex-shrink:0}.nav-link{color:var(--text-dim);cursor:pointer;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.nav-link:hover{color:var(--accent)}.nav-current{color:var(--text-bright);font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-settings-btn{padding:.15rem .3rem;font-size:.85rem;margin-left:.15rem}.nav-status{display:flex;align-items:center;gap:.3rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}.navbar-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.navbar-user{color:var(--text-dim);font-size:.85rem;transition:color .15s}a.navbar-user:hover{color:var(--text-bright)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.2rem;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-warning{background:var(--warning);color:#000}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.btn-sm{padding:.35rem .75rem;font-size:.85rem}.btn-block{width:100%}.input{width:100%;padding:.65rem .9rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}select.input{cursor:pointer}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.auth-card{width:100%;max-width:400px;background:var(--bg-card);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow)}.auth-logo{text-align:center;margin-bottom:1rem}.auth-card h1{text-align:center;margin-bottom:1.5rem;color:var(--text-bright)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:.3rem}.error-text{color:var(--danger);font-size:.9rem;margin-bottom:.75rem}.auth-switch{text-align:center;margin-top:1.25rem;font-size:.9rem;color:var(--text-dim)}.app-main{padding:.75rem 1rem;flex:1;display:flex;flex-direction:column;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.page-header h1{font-size:1.3rem;color:var(--text-bright)}.add-device-form{display:flex;gap:.75rem;margin-bottom:1.25rem}.add-device-form .input{flex:1}.loading-text{text-align:center;color:var(--text-dim);padding:3rem}.empty-state{text-align:center;padding:4rem 1rem;color:var(--text-dim)}.empty-hint{font-size:.9rem;margin-top:.5rem}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.device-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;cursor:pointer;transition:all .2s ease}.device-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.device-card.online{border-left:3px solid var(--success)}.device-card-header{display:flex;align-items:center;justify-content:space-between}.btn-icon{background:none;border:none;cursor:pointer;padding:.2rem;font-size:.9rem;line-height:1;border-radius:var(--radius-sm);transition:background .15s}.card-actions{display:flex;gap:.15rem}.btn-action-card{opacity:0;transition:opacity .15s}.device-card:hover .btn-action-card{opacity:.6}.device-card:hover .btn-action-card:hover{opacity:1;background:var(--bg-hover)}.device-status{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-online{background:var(--success);box-shadow:0 0 6px var(--success)}.dot-offline{background:#666}.status-label{font-size:.8rem;color:var(--text-dim)}.status-label-lg{font-size:.9rem;color:var(--text-dim)}.device-name{font-size:1.1rem;color:var(--text-bright);margin-bottom:.35rem}.device-meta{display:flex;gap:.75rem;font-size:.8rem;color:var(--text-dim);margin-bottom:.75rem}.device-stats{display:flex;flex-direction:column;gap:.4rem}.stat{display:flex;align-items:center;gap:.5rem}.stat-label{font-size:.75rem;color:var(--text-dim);width:32px}.stat-bar{flex:1;height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.stat-fill{height:100%;border-radius:3px;transition:width .5s ease}.fill-ok{background:var(--success)}.fill-warning{background:var(--warning)}.fill-danger{background:var(--danger)}.stat-val{font-size:.75rem;color:var(--text-dim);width:36px;text-align:right}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.detail-title{display:flex;align-items:center;gap:.5rem;flex:1}.detail-title h1{font-size:1.3rem;color:var(--text-bright)}.detail-actions{display:flex;gap:.5rem}.settings-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.settings-group{margin-bottom:1rem}.settings-group:last-child{margin-bottom:0}.settings-group label{display:block;font-size:.85rem;color:var(--text-dim);margin-bottom:.3rem}.settings-row{display:flex;align-items:center;gap:.5rem}.device-key{background:var(--bg);padding:.4rem .7rem;border-radius:var(--radius-sm);font-size:.85rem;color:var(--accent);word-break:break-all;flex:1}.settings-actions{display:flex;justify-content:flex-end;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border);margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;position:sticky;top:0;z-index:50;background:var(--bg)}.tab{padding:.55rem .85rem;background:none;border:none;color:var(--text-dim);font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab:hover:not(.active){color:var(--text)}.tab-spacer{flex:1}.tab-status{display:flex;align-items:center;gap:.35rem;margin-right:.75rem;font-size:.8rem;color:var(--text-dim)}.tab-action{padding:.3rem .5rem;font-size:.85rem;flex-shrink:0}.device-detail,.tab-content{flex:1;min-height:0;display:flex;flex-direction:column}.panel-title{font-size:1.1rem;color:var(--text-bright);margin-bottom:1rem}.commands-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:1.25rem}.cmd-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.2rem;padding:.5rem .35rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:all .15s;font-size:.8rem;min-height:3.5rem}.cmd-btn:hover:not(:disabled){border-color:var(--accent);background:var(--bg-hover)}.cmd-btn:disabled{opacity:.4;cursor:not-allowed}.cmd-btn.executing{border-color:var(--warning);animation:pulse 1s infinite}.cmd-icon{font-size:1.15rem;flex-shrink:0}.cmd-label{text-align:center;line-height:1.2;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.volume-bar-row{display:flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:1.25rem .75rem .55rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.volume-bar-icon{font-size:1.3rem;flex-shrink:0}.volume-bar-slider-wrap{--volume-thumb-size: 20px;position:relative;flex:1;min-width:0}.volume-bar-caption{position:absolute;left:50%;bottom:calc(100% + .8rem);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:5rem;padding:.45rem .7rem .5rem;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 18%,#1b2130 82%),#0f1522);border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border) 60%);border-radius:.85rem;box-shadow:0 14px 28px #00000047;pointer-events:none;z-index:3}.volume-bar-caption:before{content:none}.volume-bar-caption:after{content:none}.volume-bar-caption-label{font-size:.58rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.volume-bar-caption-value{font-size:1.05rem;line-height:1;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff}.volume-bar-slider{display:block;width:100%;flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--bg);border-radius:3px;outline:none;cursor:pointer}.volume-bar-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.volume-bar-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.volume-bar-slider:disabled{opacity:.4;cursor:not-allowed}.volume-bar-val{font-variant-numeric:tabular-nums;min-width:2.8rem;text-align:right;font-size:.9rem;color:var(--text-muted)}@media(max-width:640px){.volume-bar-row{padding-top:1.45rem}.volume-bar-caption{bottom:calc(100% + .95rem);min-width:5.4rem;padding-inline:.8rem}.volume-bar-caption-value{font-size:1.15rem}}.adhoc-section,.add-command-section,.history-section{margin-bottom:1.5rem}.adhoc-section h4,.add-command-section h4,.history-section h4{font-size:.95rem;color:var(--text-dim);margin-bottom:.5rem}.adhoc-form{display:flex;gap:.5rem}.adhoc-form .input{flex:1}.add-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.history-list{display:flex;flex-direction:column;gap:.35rem;max-height:11rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,#5b6286 55%) transparent}.history-list::-webkit-scrollbar{width:10px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 52%,#7b84ad 48%),color-mix(in srgb,var(--accent) 28%,#4b5377 72%));border-radius:999px;border:2px solid transparent;background-clip:padding-box}.history-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 68%,#8d97c8 32%),color-mix(in srgb,var(--accent) 40%,#586081 60%));background-clip:padding-box}.history-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-card);border-radius:var(--radius-sm);font-size:.85rem}.history-name{flex:1;color:var(--text)}.history-status{width:20px;text-align:center}.st-success{color:var(--success)}.st-error{color:var(--danger)}.st-pending{color:var(--warning)}.history-time{color:var(--text-dim);font-size:.8rem;cursor:pointer}.offline-notice{text-align:center;padding:3rem;color:var(--text-dim);flex:1;display:flex;align-items:center;justify-content:center}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.monitor-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;padding:0}.card-header{display:flex;align-items:center;gap:.65rem;padding:.65rem .9rem;background:linear-gradient(135deg,#131327,#1a1a2e);border-bottom:1px solid var(--border);position:relative}.card-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0}.mc-cpu .card-header:before{background:linear-gradient(180deg,#3bb4ff,#1e6fff)}.mc-ram .card-header:before{background:linear-gradient(180deg,#a855f7,#7c3aed)}.mc-rom .card-header:before{background:linear-gradient(180deg,#ffa833,#e07010)}.mc-gpu .card-header:before{background:linear-gradient(180deg,#34d399,#059669)}.mc-net .card-header:before{background:linear-gradient(180deg,#38bdf8,#0284c7)}.mc-cpu .card-icon-wrap{background:#3bb4ff1a;border-color:#3bb4ff47;color:#3bb4ff}.mc-ram .card-icon-wrap{background:#a855f71a;border-color:#a855f747;color:#a855f7}.mc-rom .card-icon-wrap{background:#ffa8331a;border-color:#ffa83347;color:#ffa833}.mc-gpu .card-icon-wrap{background:#34d3991a;border-color:#34d39947;color:#34d399}.mc-net .card-icon-wrap{background:#38bdf81a;border-color:#38bdf847;color:#38bdf8}.card-icon-wrap{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid;border-radius:6px;flex-shrink:0}.card-icon-wrap svg{width:15px;height:15px}.card-header-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.card-tag{font-size:.6rem;letter-spacing:.14em;font-weight:700;line-height:1;opacity:.7}.mc-cpu .card-tag{color:#3bb4ff}.mc-ram .card-tag{color:#a855f7}.mc-rom .card-tag{color:#ffa833}.mc-gpu .card-tag{color:#34d399}.mc-net .card-tag{color:#38bdf8}.card-title{font-size:.75rem;color:var(--text-bright);font-weight:500;line-height:1.3;overflow-wrap:break-word;-webkit-user-select:text;user-select:text}.card-pct{font-family:Consolas,Courier New,monospace;font-size:.78rem;font-weight:700;border:1px solid;border-radius:3px;padding:2px 5px;flex-shrink:0}.card-pct.fill-ok{color:#34d399;border-color:#34d3994d;background:#34d39912}.card-pct.fill-warning{color:#ffa833;border-color:#ffa8334d;background:#ffa83312}.card-pct.fill-danger{color:#e74c3c;border-color:#e74c3c4d;background:#e74c3c12}.card-body{padding:.7rem .9rem .8rem;display:flex;flex-direction:column;gap:.35rem}.card-subval{font-family:Consolas,Courier New,monospace;font-size:.75rem;color:var(--text-dim)}.card-unavail{font-size:.8rem;color:var(--text-dim);padding:.4rem 0}.monitor-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.monitor-fill{height:100%;border-radius:3px;transition:width .5s ease}.fill-ok{background:linear-gradient(90deg,#059669,#34d399)}.fill-warning{background:linear-gradient(90deg,#d97706,#fbbf24)}.fill-danger{background:linear-gradient(90deg,#b91c1c,#ef4444)}.chart-wrap{position:relative;height:110px;margin-top:.2rem}.net-entries{display:flex;flex-direction:column;gap:.5rem}.net-entry{display:flex;flex-direction:column;gap:2px}.net-ip{font-family:Consolas,Courier New,monospace;font-size:.9rem;color:var(--text)}.net-traffic{font-family:Consolas,Courier New,monospace;font-size:.82rem;color:var(--text-dim)}.os-card{padding:0;overflow:hidden}.os-header{display:flex;align-items:center;gap:.65rem;padding:.65rem .9rem;background:linear-gradient(135deg,#131327,#1a1a2e);border-bottom:1px solid var(--border);position:relative}.os-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent) 0%,#a78bfa 100%);border-radius:0 2px 2px 0}.os-icon-wrap{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#6c5ce71f;border:1px solid rgba(108,92,231,.28);border-radius:6px;flex-shrink:0;color:var(--accent)}.os-icon-wrap svg{width:16px;height:16px}.os-header-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.os-section-tag{font-size:.6rem;letter-spacing:.14em;color:var(--accent);font-weight:700;line-height:1;opacity:.8}.os-display-name{font-size:.75rem;color:var(--text-bright);font-weight:500;line-height:1.3;overflow-wrap:break-word;-webkit-user-select:text;user-select:text}.os-online-badge{font-size:.6rem;letter-spacing:.1em;font-weight:700;color:var(--success);border:1px solid rgba(39,174,96,.35);background:#27ae6014;border-radius:3px;padding:2px 5px;flex-shrink:0}.os-fields{display:flex;flex-direction:column}.os-field{display:flex;align-items:baseline;padding:.38rem .9rem;border-bottom:1px solid rgba(42,42,74,.55);gap:.6rem}.os-field:last-child{border-bottom:none}.os-field-key{font-family:Consolas,Courier New,monospace;font-size:.68rem;letter-spacing:.07em;color:var(--accent);text-transform:uppercase;min-width:76px;flex-shrink:0;opacity:.7;text-align:right}.os-field-val{font-size:.8rem;color:var(--text);font-family:Consolas,Courier New,monospace;word-break:break-all;line-height:1.4;-webkit-user-select:text;user-select:text}.monitor-disk-toggle{display:flex;align-items:center;gap:.45rem;cursor:pointer;-webkit-user-select:none;user-select:none}.monitor-disk-toggle input[type=checkbox]{appearance:none;width:32px;height:18px;border-radius:9px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);cursor:pointer;position:relative;flex-shrink:0;transition:background .2s}.monitor-disk-toggle input[type=checkbox]:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#ffffff80;top:2px;left:2px;transition:transform .2s,background .2s}.monitor-disk-toggle input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.monitor-disk-toggle input[type=checkbox]:checked:after{transform:translate(14px);background:#fff}.monitor-disk-toggle span{font-size:.78rem;color:var(--text);font-family:Consolas,Courier New,monospace}.sys-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.sys-info-row{display:flex;align-items:baseline;font-size:.85rem;gap:.5rem}.sys-info-label{color:var(--text-dim);white-space:nowrap;min-width:70px;flex-shrink:0}.sys-info-value{color:var(--text);word-break:break-word}.sys-info-ips .sys-info-value{line-height:1.5}.placeholder-panel{text-align:center;padding:4rem 1rem;color:var(--text-dim)}.placeholder-panel p:first-child{font-size:1.5rem;margin-bottom:.5rem}.hint{font-size:.9rem}.file-path-bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.file-current-path{flex:1;font-family:monospace;font-size:.9rem;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:left;cursor:pointer;min-width:0;transition:all .2s ease}.file-current-path.expanded{white-space:normal;overflow:visible;text-overflow:unset;direction:ltr;word-break:break-all}.file-list{display:flex;flex-direction:column;gap:2px}.file-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;background:var(--bg-card);border:1px solid transparent;border-radius:var(--radius-sm);cursor:default;transition:all .12s;font-size:.9rem}.file-item-dir{cursor:pointer}.file-item-dir:hover{border-color:var(--accent);background:var(--bg-hover)}.file-icon{font-size:1.2rem;flex-shrink:0}.file-name{flex:1;color:var(--text);word-break:break-all}.file-size{color:var(--text-dim);font-size:.8rem;white-space:nowrap}.file-download-btn{padding:.2rem .5rem;font-size:.8rem}.file-actions{display:flex;gap:.2rem;flex-shrink:0;opacity:0;transition:opacity .15s}.file-item:hover .file-actions{opacity:1}.file-action-btn{padding:.15rem .35rem;font-size:.85rem}.file-action-delete:hover{background:#dc262626}.file-btn-danger{background:var(--error, #dc2626);color:#fff;border:none}.file-btn-danger:hover{opacity:.85}.file-path-bar label.btn{cursor:pointer}.file-path-bar label.btn.disabled{pointer-events:none;opacity:.5}.file-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.file-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;min-width:320px;max-width:90vw}.file-modal h3{margin:0 0 .75rem;color:var(--text)}.file-modal-hint{color:var(--text-dim);font-size:.9rem;margin:0 0 .75rem;word-break:break-all}.file-modal-input{width:100%;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;margin-bottom:1rem;box-sizing:border-box}.file-modal-input:focus{outline:none;border-color:var(--accent)}.file-modal-buttons{display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:600px){.file-actions{opacity:1}.file-action-btn{padding:.3rem .45rem}}.screen-panel{flex:1;min-height:0;display:flex;flex-direction:column}.screen-content{flex:1;display:flex;flex-direction:column;min-height:0}.screen-kb-bar{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;gap:.5rem;padding:.2rem .75rem;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0}.screen-kb-bar-hint{font-size:.8rem;color:var(--text-dim);flex:1}.screen-controls{margin-bottom:.75rem;container-type:inline-size}.screen-controls-main{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.screen-connect-btn{min-height:44px;width:170px;align-self:center;flex-shrink:0}.screen-settings{display:flex;align-items:center;gap:.75rem;flex:1;flex-wrap:wrap;min-width:0}.screen-controls-toolbar{display:flex;align-items:center;gap:.4rem;min-height:44px;margin-left:auto;flex-shrink:0}.screen-controls-status{font-size:.8rem;color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums;padding-right:.25rem}.screen-field{display:flex;align-items:center;min-width:0}.screen-field-monitor{flex:1 1 120px;max-width:200px}.screen-field-fps{flex:0 1 90px}.screen-field-scale{flex:0 1 110px}.screen-field-quality{flex:0 1 130px}.screen-field-toggle{flex:0 0 auto}.screen-field-label{display:none}.screen-select{min-height:44px;padding:.65rem .9rem;font-size:.95rem}.screen-toggle-group{display:flex;align-items:center;gap:.4rem;align-self:center;min-height:44px}.screen-toolbar-actions{display:flex;align-items:center;gap:.5rem;align-self:flex-end;min-height:44px}.screen-icon-btn{position:relative;min-width:44px;min-height:44px;padding:0;font-size:1rem}.screen-toggle-btn{padding:0 .75rem;font-size:.85rem;gap:.35rem}.screen-controls-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.screen-meta-inline{display:none}.rd-canvas-wrap{position:relative;background:#000;border:1px solid var(--border);border-radius:0;overflow:hidden;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}@container (max-width: 900px){.screen-controls-main{flex-wrap:wrap}.screen-connect-btn{width:100%;justify-content:center}.screen-settings{width:100%}}.rd-canvas{outline:none;touch-action:none;display:block;max-width:100%;max-height:100%;cursor:default;image-rendering:auto}.rd-vcursor{position:absolute;left:0;top:0;width:14px;height:18px;pointer-events:none;z-index:5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='18' viewBox='0 0 14 18'%3E%3Cpath fill='%23fff' stroke='%23111' stroke-width='1.2' d='M1 1 L1 15 L5.5 11.5 L8.5 17 L10.5 16 L7.5 10.5 L13 10.5 Z'/%3E%3C/svg%3E") no-repeat 0 0 / 14px 18px;filter:drop-shadow(0 0 1px rgba(0,0,0,.85))}.rd-screen-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.9rem;pointer-events:none;z-index:1}.rd-canvas:focus{outline:2px solid var(--accent);outline-offset:-2px}.rd-placeholder{color:var(--text-dim);text-align:center;padding:3rem 1rem;flex:1;display:flex;align-items:center;justify-content:center}.rd-placeholder p:first-child{font-size:1.5rem;margin-bottom:.5rem}.rd-status{display:flex;align-items:center;font-size:.8rem;color:var(--text-dim);white-space:nowrap}.rd-status-msg{display:flex;align-items:center;gap:.4rem;min-height:1.25rem;font-weight:600}.st-ok{color:var(--success)}.st-err{color:var(--danger)}.rd-fps{font-variant-numeric:tabular-nums}.rd-canvas-wrap:fullscreen,.rd-canvas-wrap.rd-fullscreen{position:fixed;inset:0;z-index:1000;background:#000;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.rd-canvas-wrap:fullscreen .rd-canvas,.rd-canvas-wrap.rd-fullscreen .rd-canvas{width:auto;height:auto}.rd-canvas-wrap:fullscreen .rd-fs-bar,.rd-canvas-wrap.rd-fullscreen .rd-fs-bar{z-index:19}.rd-fs-bar{display:flex;flex-direction:row;align-items:center;gap:.15rem;padding:.25rem .5rem;background:#060612e0;border:1px solid rgba(83,216,251,.42);border-radius:7px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 24px #53d8fb24,0 1px #53d8fb14 inset;font-size:.78rem;white-space:nowrap;width:max-content;transition:opacity .18s ease,transform .18s ease}.rd-fs-bar:not(.rd-fs-bar-col):not(.rd-fs-bar-col-rev){height:44px}.rd-fs-bar-hidden{opacity:0;transform:scale(.88);pointer-events:none}.rd-fs-bar.rd-fs-bar-rtl{flex-direction:row-reverse}.rd-fs-bar.rd-fs-bar-col,.rd-fs-bar.rd-fs-bar-col-rev{flex-direction:column;width:60px}.rd-fs-bar.rd-fs-bar-col,.rd-fs-bar.rd-fs-bar-col-rev{flex-direction:column;width:44px;padding:4px 0;gap:2px}.rd-fs-bar.rd-fs-bar-col-rev{flex-direction:column-reverse}.rd-fs-bar.rd-fs-bar-col .cp-btn,.rd-fs-bar.rd-fs-bar-col-rev .cp-btn{width:100%;min-width:unset;height:28px;padding:2px 0}.rd-fs-bar.rd-fs-bar-col .cp-sep,.rd-fs-bar.rd-fs-bar-col-rev .cp-sep{width:100%;height:1px;margin:2px 0}.cp-btn{background:transparent;border:none;color:#53d8fbcc;padding:.2rem .45rem;border-radius:3px;font-size:.8rem;cursor:pointer;min-width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;gap:.2rem;transition:background .12s,color .12s,box-shadow .12s;position:relative;white-space:nowrap}.cp-btn:hover,.cp-btn:active{background:#53d8fb1a;color:#53d8fb}.cp-btn:disabled{opacity:.3;cursor:not-allowed}.cp-btn.cp-on{color:#53d8fb;background:#53d8fb24;box-shadow:0 0 7px #53d8fb4d}.cp-btn.cp-exit{color:#e94560d1}.cp-btn.cp-exit:hover{background:#e945601a;color:#e94560}.cp-sep{width:1px;height:18px;background:#53d8fb2e;flex-shrink:0;margin:0 .15rem}.cp-spacer{flex:1}.rd-fs-trigger{position:absolute;z-index:20;width:44px;height:44px;border-radius:6px;border:1px solid rgba(83,216,251,.45);background:#060612c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#53d8fbbf;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 0 7px #53d8fb2e;transition:border-color .15s,background .15s,box-shadow .15s}.rd-fs-trigger:active{cursor:grabbing}.rd-fs-trigger.rd-fs-trigger-open{border-color:#53d8fbd9;background:#53d8fb26;color:#53d8fb;box-shadow:0 0 12px #53d8fb66,0 0 4px #53d8fb33}.screen-kb-float{position:fixed;z-index:250;border:1px solid rgba(233,69,96,.5);background:#060612d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e94560e6;box-shadow:0 0 10px #e9456038;padding:.22rem .55rem;border-radius:5px;font-size:.82rem;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;white-space:nowrap;line-height:1.6}.screen-kb-float:active{cursor:grabbing}.rd-check{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-dim);cursor:pointer}.rd-check span{display:inline-flex;align-items:center}.rd-check input{cursor:pointer}.rd-active{background:var(--accent)!important;color:#fff!important}.audio-rx-badge{position:absolute;bottom:4px;right:4px;padding:0 3px;font-size:8px;line-height:11px;border-radius:5px;background:#c0392b;color:#fff;min-width:13px;text-align:center;font-family:monospace;pointer-events:none}.audio-rx-badge.active{background:#27ae60}.mic-level-badge{position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#c0392b;pointer-events:none;transition:background .2s}.mic-level-badge.warn{background:#e67e22}.mic-level-badge.active{background:#27ae60}.rd-fs-exit{margin-top:auto}.rd-mobile-input{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;width:1px;height:1px;border:none;outline:none;padding:0;margin:0;font-size:16px;pointer-events:none;z-index:-1}@media(max-width:600px){.navbar{padding:.4rem .6rem}.app-main{padding:.5rem .6rem}.page-header{margin-bottom:.75rem}.page-header h1{font-size:1.1rem}.device-grid{grid-template-columns:1fr}.commands-grid{grid-template-columns:repeat(7,1fr);gap:.3rem}.cmd-btn{padding:.4rem .15rem;font-size:.65rem;min-height:2.8rem;gap:.1rem}.cmd-icon{font-size:1rem}.cmd-label{font-size:.6rem}.monitor-grid{grid-template-columns:1fr}.adhoc-form{flex-direction:column}.tabs{gap:0;overflow-x:auto;flex-wrap:nowrap}.tab{padding:.45rem .55rem;font-size:.8rem;white-space:nowrap;flex-shrink:0}.tab-status{font-size:.7rem;margin-right:.4rem;white-space:nowrap;flex-shrink:0}.tab-action{padding:.2rem .35rem;font-size:.75rem;flex-shrink:0}.settings-panel{padding:.75rem}.settings-row{flex-wrap:wrap}.add-device-form{flex-direction:column}.screen-controls{gap:.5rem}.screen-controls-main{gap:.5rem;flex-wrap:wrap}.screen-connect-btn,.console-controls .btn{width:100%;justify-content:center}.screen-settings{gap:.3rem;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.screen-settings::-webkit-scrollbar{display:none}.screen-field,.screen-field-monitor,.screen-field-fps,.screen-field-scale,.screen-field-quality{flex:0 0 auto}.screen-select{min-height:38px;padding:.35rem .5rem;font-size:.82rem}.screen-controls-toolbar{width:auto;flex-shrink:0;min-height:38px}.screen-icon-btn{min-width:38px;min-height:38px}.screen-toggle-group,.screen-toolbar-actions,.screen-controls-meta{width:auto}.screen-toggle-group{justify-content:flex-start;gap:.5rem}.screen-controls-meta{display:none}.screen-meta-inline{display:inline;font-size:.78rem;color:var(--text-dim);margin-left:auto}.rd-canvas-wrap{min-height:52vw}.navbar-user{display:none}}@media(max-height:480px){.app-main{padding:.25rem .5rem}.tabs{overflow-x:auto;flex-wrap:nowrap}.tab{padding:.3rem .6rem;font-size:.78rem}.screen-controls{margin-bottom:.3rem}.screen-controls-main{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.4rem}.screen-controls-main::-webkit-scrollbar{display:none}.screen-connect-btn{width:auto;min-width:fit-content;flex-shrink:0;min-height:36px;padding:.3rem .75rem;font-size:.82rem}.screen-settings{flex:0 0 auto;flex-wrap:nowrap;overflow:visible;gap:.3rem}.screen-controls-toolbar{margin-left:0;flex-shrink:0;min-height:36px}.screen-field,.screen-field-monitor,.screen-field-fps,.screen-field-scale,.screen-field-quality{flex:0 0 auto}.screen-select{min-height:36px;font-size:.8rem;padding:.25rem .4rem}.screen-icon-btn{min-width:36px;min-height:36px}.rd-canvas-wrap{min-height:0}}@supports (padding: env(safe-area-inset-top)){.navbar{padding-top:calc(.75rem + env(safe-area-inset-top));padding-left:calc(1.25rem + env(safe-area-inset-left));padding-right:calc(1.25rem + env(safe-area-inset-right))}.app-main{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}#rcd-app.is-public{height:auto;min-height:100vh;min-height:100dvh}.app-main-flush{padding:0;flex:1}.site-header{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;min-height:48px;border-bottom:1px solid var(--border);background:var(--bg-card);position:sticky;top:0;z-index:50}.site-brand{font-weight:700;font-size:1.15rem;letter-spacing:.04em;color:var(--text-bright)}.site-nav{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.site-nav a{color:var(--text-dim);font-size:.92rem}.site-nav a:hover,.site-nav a.router-link-active{color:var(--text-bright)}.site-actions{display:flex;gap:.5rem;flex-shrink:0}.landing .hero{padding:4.5rem 1.5rem 3.5rem;max-width:720px;margin:0 auto;text-align:left}.hero-brand{font-size:clamp(2.8rem,8vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--text-bright);margin-bottom:.75rem}.hero-title{font-size:clamp(1.25rem,3vw,1.65rem);font-weight:600;margin-bottom:.75rem;color:var(--text)}.hero-lead{color:var(--text-dim);font-size:1.05rem;max-width:36rem;margin-bottom:1.5rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem}.features{padding:2.5rem 1.5rem 3rem;border-top:1px solid var(--border);max-width:960px;margin:0 auto}.features h2{margin-bottom:1.25rem;font-size:1.35rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.feature-item{padding:1rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.feature-item h3{font-size:1rem;margin-bottom:.35rem}.feature-item p{color:var(--text-dim);font-size:.9rem}.landing-cta{text-align:center;padding:3rem 1.5rem;border-top:1px solid var(--border)}.landing-cta h2{margin-bottom:.5rem}.landing-cta p{color:var(--text-dim);margin-bottom:1.25rem}.site-footer{display:flex;flex-wrap:wrap;gap:1rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border);color:var(--text-dim);font-size:.85rem}.public-page{min-height:100%}.public-body{max-width:960px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.public-body h1{margin-bottom:.5rem}.public-lead{color:var(--text-dim);margin-bottom:1.75rem;max-width:40rem}.public-note{margin-top:1.5rem;color:var(--text-dim);font-size:.85rem}.pricing-grid,.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.pricing-card,.download-card{padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);display:flex;flex-direction:column;gap:.75rem}.pricing-card.featured{border-color:var(--accent)}.pricing-price{font-size:1.5rem;font-weight:700;color:var(--text-bright)}.pricing-card ul{list-style:none;color:var(--text-dim);font-size:.9rem;flex:1}.pricing-card li{padding:.2rem 0}.pricing-card li:before{content:"· ";color:var(--accent)}.download-card.muted{opacity:.75}.download-dev{margin-top:2rem;padding:1.25rem;border:1px dashed var(--border);border-radius:var(--radius)}.download-dev h3{margin-bottom:.5rem}.download-dev p{color:var(--text-dim);margin-bottom:1rem;font-size:.92rem}.download-dev code{background:var(--bg-input);padding:.1rem .35rem;border-radius:4px;font-size:.85rem}.account-page{max-width:640px}.account-card{margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.account-card h2{font-size:1rem;margin-bottom:.5rem}.account-lead{color:var(--text-dim);font-size:.9rem;margin-bottom:.75rem}.account-meta{display:grid;gap:.75rem}.account-meta dt{color:var(--text-dim);font-size:.78rem;margin-bottom:.15rem}.account-meta dd{color:var(--text-bright);font-size:.95rem}.account-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:640px){.site-nav{display:none}.hero{padding-top:3rem}}