:root{--bg-main: #0c0d14;--bg-chrome: #161822;--bg-chrome-subtle: #1f2230;--bg-glass: rgba(22, 24, 34, .85);--border-glass: rgba(255, 255, 255, .08);--border-focus: #fb542b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--brave-orange: #fb542b;--brave-orange-hover: #ff7654;--accent-emerald: #10b981;--accent-red: #ef4444;--accent-blue: #3b82f6;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--toolbar-height: 84px;--footer-height: 28px}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);font-size:14px}#app-container{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.browser-chrome{background-color:var(--bg-chrome);border-bottom:1px solid var(--border-glass);display:flex;flex-direction:column;z-index:50;box-shadow:0 4px 20px #0006}.tabs-bar{display:flex;align-items:center;padding:6px 12px 0;background-color:#10121a;height:38px;gap:6px}.tab{display:flex;align-items:center;gap:8px;background-color:var(--bg-chrome);padding:6px 14px;border-radius:8px 8px 0 0;border:1px solid var(--border-glass);border-bottom:none;max-width:240px;font-size:12px;font-weight:500;color:var(--text-primary)}.tab .brave-icon{width:16px;height:16px;flex-shrink:0}.tab-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-badge{background:#fb542b26;color:var(--brave-orange);font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;border:1px solid rgba(251,84,43,.3)}.navigation-bar{display:flex;align-items:center;padding:6px 12px;gap:10px;height:46px}.nav-buttons{display:flex;align-items:center;gap:4px}.nav-btn,.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.nav-btn:hover,.action-btn:hover{background:var(--bg-chrome-subtle);color:var(--text-primary)}.nav-btn:active,.action-btn:active{transform:scale(.95)}.terminate-btn:hover{background:#ef444426;color:var(--accent-red)}.omnibox-wrapper{display:flex;align-items:center;flex:1;background-color:#0b0c13;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:0 12px;height:34px;transition:all .2s ease}.omnibox-wrapper:focus-within{border-color:var(--brave-orange);box-shadow:0 0 0 2px #fb542b33}.security-indicator{display:flex;align-items:center;margin-right:8px;cursor:pointer}.address-form{flex:1;display:flex}#address-bar{width:100%;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-family);font-size:13px;user-select:text;-webkit-user-select:text}#address-bar::placeholder{color:var(--text-muted)}.go-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px}.go-btn:hover{color:var(--brave-orange)}.toolbar-actions{display:flex;align-items:center;gap:4px}#viewport-container{flex:1;position:relative;background-color:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.stream-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;outline:none;cursor:default}#remote-video,#remote-canvas{width:100%;height:100%;object-fit:fill;display:block}.hud-overlay{position:absolute;top:16px;right:16px;background:#0f111ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;width:280px;z-index:40;box-shadow:0 8px 32px #0009;font-family:var(--font-mono);font-size:11px;pointer-events:none;animation:fadeIn .2s ease}.hud-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--border-glass);font-weight:600;color:var(--brave-orange);letter-spacing:.5px}.hud-badge{background:#fb542b33;color:var(--brave-orange-hover);padding:2px 6px;border-radius:4px;font-size:10px}.hud-grid{display:grid;grid-template-columns:1fr;gap:6px}.hud-stat{display:flex;justify-content:space-between}.hud-label{color:var(--text-secondary)}.hud-val{color:var(--text-primary);font-weight:500}.browser-footer{height:var(--footer-height);background-color:var(--bg-chrome);border-top:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:11px;color:var(--text-secondary)}.status-left{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-muted)}.status-dot.connected{background-color:var(--accent-emerald);box-shadow:0 0 8px #10b98199}.status-dot.connecting{background-color:#f59e0b;animation:pulse 1.5s infinite}.status-dot.disconnected{background-color:var(--accent-red)}.divider{color:var(--text-muted)}.encryption-tag{color:var(--text-muted);font-size:10px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#07080cd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .25s ease}.modal-card,.spinner-card{background:#151722;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px;width:90%;max-width:440px;box-shadow:0 16px 40px #000000b3;display:flex;flex-direction:column;text-align:center}.modal-logo{display:flex;justify-content:center;margin-bottom:16px}.modal-brave-icon{width:48px;height:48px}.modal-card h2{font-size:20px;font-weight:700;margin-bottom:8px;color:#fff}.modal-desc{font-size:13px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.input-group{display:flex;flex-direction:column;text-align:left;margin-bottom:16px;gap:6px}.input-group label{font-size:12px;font-weight:500;color:var(--text-secondary)}.input-group input,.input-group select,#clipboard-textarea{background-color:#0b0c13;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;color:#fff;font-family:var(--font-family);font-size:13px;outline:none;transition:border-color .2s;user-select:text;-webkit-user-select:text}.input-group input:focus,.input-group select:focus,#clipboard-textarea:focus{border-color:var(--brave-orange)}.btn-primary{background:linear-gradient(135deg,#fb542b,#d93d14);color:#fff;border:none;border-radius:8px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .1s;margin-top:8px}.btn-primary:hover{opacity:.95}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:transparent;border:1px solid var(--border-glass);color:var(--text-secondary);border-radius:8px;padding:10px 16px;font-size:13px;cursor:pointer}.btn-secondary:hover{background:var(--bg-chrome-subtle);color:#fff}.error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px;border-radius:6px;font-size:12px;margin-top:16px}.pulse-spinner{width:48px;height:48px;border:4px solid rgba(251,84,43,.2);border-top-color:var(--brave-orange);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}