:root{--rd-bg: #09111f;--rd-bg-accent: #10233e;--rd-surface: rgba(255, 255, 255, .94);--rd-surface-strong: #ffffff;--rd-border: rgba(148, 163, 184, .26);--rd-border-strong: rgba(14, 165, 233, .28);--rd-text: #0f172a;--rd-text-soft: #64748b;--rd-primary: #0ea5e9;--rd-primary-strong: #0369a1;--rd-primary-glow: rgba(14, 165, 233, .24);--rd-secondary-bg: #eff6ff;--rd-secondary-border: #bfdbfe;--rd-danger-bg: rgba(127, 29, 29, .72);--rd-danger-border: rgba(248, 113, 113, .34);--rd-shadow: 0 28px 60px rgba(2, 8, 23, .28);--rd-radius-xl: 24px;--rd-radius-lg: 16px;--rd-radius-md: 12px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;color:var(--rd-text);background:radial-gradient(1100px 720px at 8% 8%,rgba(37,99,235,.34),transparent 55%),radial-gradient(900px 640px at 92% 88%,rgba(13,148,136,.28),transparent 52%),linear-gradient(145deg,#07101c 0%,#0f1d33 52%,#09111f 100%)}body.rd-session-active{background:#020617}#app{min-height:100vh}.rd-shell{min-height:100vh;padding:32px;display:grid;place-items:center}.rd-connect-view,.rd-password-view,.rd-status-view{width:min(580px,calc(100vw - 32px))}.rd-card{position:relative;overflow:hidden;border-radius:var(--rd-radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));border:1px solid var(--rd-border);box-shadow:var(--rd-shadow);backdrop-filter:blur(18px)}.rd-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(14,165,233,.08),transparent 36%,rgba(59,130,246,.06) 78%,transparent);pointer-events:none}.rd-card-body{position:relative;z-index:1;padding:28px}.rd-brand{display:flex;align-items:center;gap:16px;margin-bottom:26px}.rd-brand-mark{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(219,234,254,.92));border:1px solid rgba(125,211,252,.52);box-shadow:inset 0 1px #ffffffd6,0 16px 28px #0ea5e92e}.rd-brand-mark img{width:56px;height:56px}.rd-brand-copy h1{margin:0;font-size:30px;line-height:1.05;font-weight:700;letter-spacing:-.03em}.rd-brand-copy p{margin:8px 0 0;color:var(--rd-text-soft);font-size:15px;line-height:1.45}.rd-form{display:grid;gap:16px}.rd-field-grid{display:grid;gap:14px}.rd-field-grid[data-hide-server-fields=true] .rd-server-field{display:none}.rd-field{display:grid;gap:8px}.rd-field label{font-size:12px;line-height:1;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rd-text-soft)}.rd-input,.rd-select,.rd-inline-input{width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.34);background:linear-gradient(180deg,#ffffff,#f8fbff);color:var(--rd-text);font:inherit;padding:14px 15px;box-shadow:inset 0 1px #ffffffd9;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease,background .14s ease}.rd-inline-input{min-width:0;padding:10px 12px}.rd-input::placeholder,.rd-inline-input::placeholder{color:#94a3b8}.rd-input:hover,.rd-select:hover,.rd-inline-input:hover{border-color:#38bdf86b}.rd-input:focus,.rd-select:focus,.rd-inline-input:focus{outline:none;border-color:var(--rd-primary);box-shadow:0 0 0 4px var(--rd-primary-glow);background:#ffffff}.rd-input[readonly]{background:linear-gradient(180deg,#f8fafc,#eef2f7);color:#475569}.rd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.rd-button{appearance:none;border:1px solid transparent;border-radius:14px;min-height:48px;padding:0 18px;font:inherit;font-size:14px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.rd-button:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.rd-button-primary{color:#fff;background:linear-gradient(135deg,#22d3ee 0%,var(--rd-primary) 44%,var(--rd-primary-strong) 100%);box-shadow:0 16px 28px #0ea5e947}.rd-button-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 34px #0ea5e957}.rd-button-secondary{color:#0f3552;background:linear-gradient(135deg,#ffffff 0%,#e0f2fe 100%);border-color:var(--rd-secondary-border);box-shadow:0 12px 24px #3b82f624}.rd-button-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px #3b82f633}.rd-button-muted{color:#0f172a;background:#e2e8f0}.rd-button-muted:hover:not(:disabled){background:#cbd5e1}.rd-status-copy{color:var(--rd-text-soft);font-size:15px;line-height:1.6}.rd-status-copy strong{color:var(--rd-text)}.rd-status-copy-error{color:#b91c1c;font-weight:700}#canvas{position:fixed;inset:0;display:none;overflow:auto;z-index:20;background:radial-gradient(960px 520px at 14% 10%,rgba(14,165,233,.18),transparent 55%),radial-gradient(1120px 680px at 86% 88%,rgba(16,185,129,.16),transparent 55%),#020617}.rd-session-stage{min-width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:84px 20px 20px}.rd-session-toolbar{position:fixed;top:16px;left:16px;right:16px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.rd-session-toolbar__left,.rd-session-toolbar__right{display:flex;align-items:center;gap:10px;pointer-events:auto}.rd-session-chip,.rd-button-toolbar,.rd-select,.rd-inline-group{border:1px solid rgba(148,163,184,.26);background:rgba(15,23,42,.72);color:#e2e8f0;backdrop-filter:blur(8px);box-shadow:0 12px 26px #00000047}.rd-session-chip{border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600}.rd-button-toolbar{border-radius:12px;padding:10px 14px}.rd-button-toolbar:hover:not(:disabled){background:rgba(30,41,59,.9)}.rd-button-danger{background:var(--rd-danger-bg);border-color:var(--rd-danger-border)}.rd-inline-group{display:flex;align-items:center;gap:8px;border-radius:14px;padding:8px}.rd-resolution-control{min-height:58px;gap:10px;padding:0;border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none}.rd-resolution-control label{color:#e2e8f0b3;font-size:11px;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.rd-select{min-height:42px;padding:0 12px;border-radius:10px}.rd-session-toolbar .rd-select:focus{background:rgba(15,23,42,.82);border-color:#7dd3fcc2;box-shadow:0 0 0 3px #0ea5e947,0 12px 26px #00000047}.rd-resolution-select{min-width:168px;min-height:46px;padding:0 42px 0 14px;border-radius:12px;font-size:15px;font-weight:750;color:#f8fafc}.rd-inline-group .rd-inline-input{width:76px;background:rgba(15,23,42,.45);color:#e2e8f0;border-color:#94a3b84d}.rd-inline-group .rd-inline-input::placeholder{color:#e2e8f08f}#player{display:block;border-radius:18px;border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 48px #00000070;background:#000}#managed-loader{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(2,6,23,.58);backdrop-filter:blur(2px)}#managed-loader .managed-loader-card{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:16px;background:rgba(15,23,42,.94);color:#e2e8f0;box-shadow:0 16px 40px #0000005c}#managed-loader .managed-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;animation:rd-spin .9s linear infinite}@keyframes rd-spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.rd-shell{padding:18px}.rd-card-body{padding:22px}.rd-brand{align-items:flex-start}.rd-brand-copy h1{font-size:26px}.rd-actions{flex-direction:column}.rd-button{width:100%}.rd-session-toolbar{flex-direction:column;align-items:stretch}.rd-session-toolbar__left,.rd-session-toolbar__right,.rd-inline-group{width:100%;flex-wrap:wrap}.rd-resolution-control label,.rd-resolution-select{flex:1 1 100%;width:100%}.rd-inline-group .rd-inline-input,.rd-inline-group .rd-button{flex:1 1 0;width:auto}}