@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg: #06070A;--surface-0: #0B0E13;--surface-1: #11151B;--surface-2: #161B23;--surface-3: #1C222B;--ink: #F4F8FF;--ink-muted: rgba(228, 234, 242, .72);--ink-faint: rgba(228, 234, 242, .46);--ink-ghost: rgba(228, 234, 242, .28);--line: rgba(255, 255, 255, .06);--line-strong: rgba(255, 255, 255, .1);--line-accent: rgba(127, 227, 255, .22);--accent: #7FE3FF;--accent-strong: #00E0FF;--accent-soft: rgba(0, 224, 255, .16);--accent-faint: rgba(0, 224, 255, .06);--success: #3DDC97;--warning: #FFB66B;--danger: #FF6B6B;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-1: 0 1px 0 rgba(255,255,255,.04) inset, 0 6px 18px rgba(0,0,0,.3);--shadow-2: 0 1px 0 rgba(255,255,255,.05) inset, 0 18px 44px rgba(0,0,0,.42);--shadow-glow: 0 0 0 1px var(--accent-soft), 0 0 28px rgba(0,224,255,.14);--ease-spring: cubic-bezier(.32, .72, .24, 1.12);--ease-out: cubic-bezier(.22, .61, .36, 1);--dur-fast: .14s;--dur-base: .22s;--dur-slow: .32s}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,system-ui,-apple-system,sans-serif;font-feature-settings:"ss01" on,"cv11" on;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,224,255,.08),transparent 60%),radial-gradient(ellipse 60% 40% at 50% 110%,rgba(0,224,255,.04),transparent 60%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at center,black,transparent 70%);mask-image:radial-gradient(ellipse 80% 60% at center,black,transparent 70%);opacity:.55;pointer-events:none;z-index:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:#00e0ff52;color:var(--ink)}.ws{position:relative;z-index:1;min-height:100dvh;width:min(880px,calc(100% - var(--space-5) * 2));margin:0 auto;padding:var(--space-5) 0 var(--space-6);display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-6)}.ws-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-3);border:1px solid var(--line);background:linear-gradient(180deg,#11151bd9,#0b0e13d9);border-radius:var(--radius-pill);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.ws-brand{display:flex;align-items:center;gap:var(--space-3);padding-left:var(--space-2)}.ws-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,224,255,.32),transparent 60%),linear-gradient(180deg,var(--surface-3),var(--surface-1));border:1px solid var(--line-strong);color:var(--accent)}.ws-brand-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;letter-spacing:-.005em}.ws-brand-tag{font-size:11px;color:var(--ink-faint);padding:2px 8px;border:1px solid var(--line);border-radius:var(--radius-pill);letter-spacing:.04em}.ws-bar-right{display:flex;align-items:center;gap:var(--space-2)}.ws-status{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px var(--space-3) 5px 10px;font-size:12px;font-weight:500;color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-1);transition:border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.ws-status-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-ghost);position:relative}.ws-status--up{color:var(--ink);border-color:#3ddc9738}.ws-status--up .ws-status-dot{background:var(--success);box-shadow:0 0 #3ddc9766;animation:ws-pulse 2.4s ease-in-out infinite}.ws-status--down{color:var(--danger);border-color:#ff6b6b38}.ws-status--down .ws-status-dot{background:var(--danger)}@keyframes ws-pulse{0%,to{box-shadow:0 0 #3ddc9773}50%{box-shadow:0 0 0 6px #3ddc9700}}.ws-iconbtn{display:inline-flex;align-items:center;justify-content:center;height:30px;min-width:30px;padding:0 var(--space-2);border:1px solid var(--line);background:var(--surface-1);color:var(--ink-muted);border-radius:var(--radius-md);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.ws-iconbtn:hover{color:var(--ink);border-color:var(--line-strong);background:var(--surface-2)}.ws-iconbtn--ghost{background:transparent}.ws-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;font-weight:600;color:var(--ink-muted);background:#ffffff0a;border:1px solid var(--line);border-bottom-color:#0006;border-radius:5px;letter-spacing:0;line-height:1}.ws-kbd--bare{background:transparent;border:none;min-width:auto;padding:0;height:auto;font-size:11px}.ws-kbd--inline{background:#00000047;color:var(--ink-faint)}.ws-main{display:flex;flex-direction:column;justify-content:center;gap:var(--space-5);padding-block:var(--space-6)}.ws-eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:var(--space-2)}.ws-eyebrow-line{display:inline-block;width:32px;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent)}.ws-eyebrow--lead .ws-eyebrow-line{background:linear-gradient(90deg,var(--accent),transparent)}.ws-eyebrow--lead{color:var(--accent)}.ws-headline{margin:0;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:clamp(42px,6.4vw,68px);letter-spacing:-.028em;line-height:1.02;background:linear-gradient(180deg,#fff,#cfe6ff 60%,#8ccfe8);-webkit-background-clip:text;background-clip:text;color:transparent}.ws-headline-soft{display:block;background:linear-gradient(180deg,#ffffffa8,#7fe3ffa8);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;font-weight:500}.ws-lede{margin:0;max-width:520px;font-size:15.5px;line-height:1.55;color:var(--ink-muted)}.ws-card{position:relative;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);overflow:hidden;transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out);box-shadow:var(--shadow-2)}.ws-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 1px #ffffff0f inset,0 24px 56px #00000080}.ws-card--primary:hover{border-color:var(--line-accent)}.ws-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 90% 0%,rgba(0,224,255,.1),transparent 50%),radial-gradient(circle at 100% 100%,rgba(0,224,255,.04),transparent 50%);opacity:.9;transition:opacity var(--dur-slow) var(--ease-out)}.ws-card--primary:hover .ws-card-glow{opacity:1.2}.ws-card-body{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:var(--space-5);align-items:end;padding:var(--space-5)}.ws-card-head{display:flex;flex-direction:column;gap:var(--space-2);max-width:480px}.ws-card-eyebrow{font-family:Space Grotesk,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.ws-card-title{margin:0;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:22px;letter-spacing:-.012em;line-height:1.18;color:var(--ink)}.ws-card-sub{margin:0;font-size:14px;line-height:1.55;color:var(--ink-faint)}.ws-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);min-height:44px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.005em;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ws-btn:active:not(:disabled){transform:scale(.985)}.ws-btn:disabled{opacity:.55;cursor:not-allowed}.ws-btn-tail{display:inline-flex;align-items:center;gap:4px;margin-left:var(--space-2)}.ws-btn-tail .ws-kbd--inline{background:#080e1652;color:#07131c9e;border-color:#0000001a}.ws-btn--primary{position:relative;isolation:isolate;color:#07131c;background:linear-gradient(180deg,#fff,#dceffb);box-shadow:0 1px #ffffffb3 inset,0 1px 2px #0000004d,0 8px 24px #00e0ff1f}.ws-btn--primary:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:conic-gradient(from var(--shine-angle, 0deg),transparent 0deg,rgba(0,224,255,.55) 60deg,transparent 120deg,transparent 360deg);z-index:-1;opacity:0;transition:opacity var(--dur-slow) var(--ease-out);animation:ws-shine 6s linear infinite}.ws-btn--primary:hover:not(:disabled):before{opacity:1}.ws-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#fff,#ecf8ff);box-shadow:0 1px #fffc inset,0 2px 4px #0000004d,0 16px 40px #00e0ff38}@property --shine-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes ws-shine{to{--shine-angle: 360deg}}.ws-btn--ghost{color:var(--ink);background:var(--surface-2);border-color:var(--line-strong)}.ws-btn--ghost:hover:not(:disabled){background:var(--surface-3);border-color:var(--line-accent);color:var(--accent)}.ws-spinner{animation:ws-spin .72s linear infinite}@keyframes ws-spin{to{transform:rotate(360deg)}}.ws-icon{transition:transform var(--dur-base) var(--ease-spring)}.ws-btn:hover:not(:disabled) .ws-icon{transform:translate(2px)}.ws-btn--primary:hover:not(:disabled) .ws-icon{color:var(--accent-strong)}.ws-join{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.code-slots{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:6px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;transition:border-color var(--dur-base) var(--ease-out);cursor:text}.code-slots .code-slot:nth-child(4){margin-left:var(--space-3)}.code-slots-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;outline:none;background:transparent;color:transparent;caret-color:transparent;font-size:1px;letter-spacing:1ch;z-index:2;cursor:text}.code-slot{position:relative;width:44px;height:56px;border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);transition:border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.code-slot-char{display:inline-block;animation:ws-pop .22s var(--ease-spring)}.code-slot.has-char{border-color:var(--line-strong);background:var(--surface-2)}.code-slot.is-active{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 4px var(--accent-faint),0 0 24px #00e0ff2e;transform:translateY(-1px)}.code-slot-caret{width:1.5px;height:22px;background:var(--accent);border-radius:1px;animation:ws-blink 1s steps(2,start) infinite}.code-slot-underline{position:absolute;left:12px;right:12px;bottom:8px;height:1.5px;background:var(--line);border-radius:1px;transition:background var(--dur-base) var(--ease-out)}.code-slot.is-active .code-slot-underline{background:linear-gradient(90deg,transparent,var(--accent),transparent)}.code-slot.has-char .code-slot-underline{background:var(--line-strong)}.code-slots.is-filled .code-slot{border-color:var(--line-accent);background:var(--surface-2)}.code-slots.is-filled .code-slot-underline{background:var(--accent)}.code-slots.is-disabled{opacity:.6;pointer-events:none}@keyframes ws-pop{0%{transform:scale(.5) translateY(6px);opacity:0}60%{transform:scale(1.15) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes ws-blink{0%,50%{opacity:1}51%,to{opacity:0}}.ws-error{display:inline-flex;align-items:center;gap:var(--space-2);margin:calc(var(--space-2) * -1) 0 0 0;padding:6px 12px;font-size:13px;color:var(--danger);background:#ff6b6b0f;border:1px solid rgba(255,107,107,.18);border-radius:var(--radius-md);align-self:flex-start;width:fit-content}.ws-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-4);border-top:1px solid var(--line);font-size:12px;color:var(--ink-faint)}.ws-foot-meta,.ws-foot-hints{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ws-foot-hint{display:inline-flex;align-items:center;gap:6px;color:var(--ink-faint)}.ws-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.02em;color:var(--ink-faint);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-pill)}[data-anim=rise]{opacity:0;transform:translateY(8px);animation:ws-rise .52s var(--ease-spring) forwards;animation-delay:var(--delay, 0ms)}@keyframes ws-rise{to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.ws{gap:var(--space-5);padding:var(--space-4) 0 var(--space-5)}.ws-card-body{grid-template-columns:1fr;gap:var(--space-4);align-items:stretch}.ws-btn--primary{width:100%}.ws-bar{padding:var(--space-2)}.ws-brand-tag{display:none}.ws-join{flex-direction:column;align-items:stretch}.ws-btn--ghost{width:100%}.code-slots{justify-content:center}}@media (max-width: 480px){.code-slot{width:38px;height:50px;font-size:19px}.code-slots .code-slot:nth-child(4){margin-left:var(--space-2)}.ws-headline{font-size:clamp(36px,11vw,48px)}.ws-iconbtn:has(kbd){display:none}.ws-status-label{display:none}.ws-status{padding:5px 10px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-anim=rise]{opacity:1;transform:none}.code-slot.is-active{transform:none}.ws-btn--primary:before{display:none}}.realdac-page{position:relative;z-index:1;width:min(1180px,calc(100% - var(--space-5) * 2));margin:0 auto;padding:var(--space-5) 0 var(--space-6);display:grid;gap:var(--space-5);min-height:100dvh}.rd-card{position:relative;border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--surface-2),var(--surface-1));border:1px solid var(--line);box-shadow:var(--shadow-2);overflow:hidden}.rd-card-pad{padding:var(--space-5)}.rd-card-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.rd-card-title:before{content:"";width:18px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.rd-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:6px var(--space-2) 6px var(--space-3);border:1px solid var(--line);background:linear-gradient(180deg,#141920c7,#0a0e13c7);border-radius:var(--radius-pill);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 1px #ffffff0a inset,0 12px 32px #00000057}.rd-topbar-left,.rd-topbar-right{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:32px}.rd-topbar-divider{width:1px;height:18px;background:var(--line);margin:0 var(--space-1)}.rd-brand{display:flex;align-items:center;gap:var(--space-2);padding-left:6px;padding-right:4px;height:32px}.rd-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,224,255,.32),transparent 60%),linear-gradient(180deg,var(--surface-3),var(--surface-1));border:1px solid var(--line-strong);color:var(--accent);flex-shrink:0}.rd-brand-name{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;letter-spacing:-.005em;color:var(--ink)}.rd-brand-tag{font-size:10.5px;color:var(--ink-faint);padding:2px 8px;border:1px solid var(--line);border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:lowercase}.rd-codechip{position:relative;display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 12px 0 14px;color:var(--ink);background:#ffffff06;border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;font-family:DM Sans,sans-serif;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.rd-codechip:hover{background:#ffffff0d;border-color:var(--line-accent)}.rd-codechip:active{transform:scale(.985)}.rd-codechip-label{font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.rd-codechip-code{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:700;font-size:14px;letter-spacing:.06em;color:var(--ink)}.rd-codechip-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;color:var(--ink-faint);background:#ffffff08;opacity:0;transform:translate(-4px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring),color var(--dur-fast) var(--ease-out)}.rd-codechip:hover .rd-codechip-icon,.rd-codechip:focus-visible .rd-codechip-icon{opacity:1;transform:translate(0);color:var(--accent)}.rd-syncpill{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 14px 0 12px;font-family:Space Grotesk,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--radius-pill);background:#ffffff06;transition:color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out);cursor:default}.rd-syncpill-label{line-height:1}.rd-syncpill-dot{width:7px;height:7px;border-radius:50%;background:currentColor;position:relative;flex-shrink:0}.rd-syncpill--live{color:var(--success);border-color:#3ddc9747;background:#3ddc970f}.rd-syncpill--live .rd-syncpill-dot{background:var(--success);box-shadow:0 0 #3ddc9780;animation:rd-pulse-live 2.2s ease-in-out infinite}.rd-syncpill--buffering{color:var(--accent);border-color:var(--line-accent);background:var(--accent-faint)}.rd-syncpill--buffering .rd-syncpill-dot{background:var(--accent-strong);box-shadow:0 0 8px #00e0ff8c;animation:rd-pulse-buf .9s ease-in-out infinite}.rd-syncpill--paused{color:#d4d8de;border-color:#d4d8de38;background:#ffffff09}.rd-syncpill--paused .rd-syncpill-dot{background:#d4d8de;box-shadow:0 0 8px #d4d8de47}.rd-syncpill--paused .rd-syncpill-dot:before,.rd-syncpill--paused .rd-syncpill-dot:after{content:"";position:absolute;top:50%;width:1.5px;height:6px;background:var(--surface-0);transform:translateY(-50%);border-radius:1px}.rd-syncpill--paused .rd-syncpill-dot:before{left:1.5px}.rd-syncpill--paused .rd-syncpill-dot:after{right:1.5px}.rd-syncpill--reconnecting{color:var(--warning);border-color:#ffb66b47;background:#ffb66b0f}.rd-syncpill--reconnecting .rd-syncpill-dot{background:transparent;border:1.6px solid var(--warning);border-top-color:transparent;width:10px;height:10px;animation:rd-spin .9s linear infinite}.rd-syncpill--standby{color:var(--ink-faint);border-color:var(--line);background:#ffffff05}.rd-syncpill--standby .rd-syncpill-dot{background:var(--ink-faint);opacity:.7}@keyframes rd-pulse-live{0%,to{box-shadow:0 0 #3ddc9773}50%{box-shadow:0 0 0 5px #3ddc9700}}@keyframes rd-pulse-buf{0%,to{transform:scale(1);box-shadow:0 0 8px #00e0ff8c}50%{transform:scale(.85);box-shadow:0 0 12px #00e0ffd9}}.rd-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);min-height:32px;min-width:32px;font-size:13px;font-weight:500;letter-spacing:-.005em;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-1);color:var(--ink-muted);cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap}.rd-btn:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong);background:var(--surface-2)}.rd-btn:active:not(:disabled){transform:scale(.985)}.rd-btn:disabled{opacity:.5;cursor:not-allowed}.rd-btn--primary{color:#07131c;background:linear-gradient(180deg,#fff,#dceffb);border-color:transparent;box-shadow:0 1px #fff9 inset,0 6px 20px #00e0ff1f}.rd-btn--primary:hover:not(:disabled){background:linear-gradient(180deg,#fff,#ecf8ff);box-shadow:0 1px #fffc inset,0 12px 28px #00e0ff38;color:#07131c}.rd-btn--danger{color:var(--danger);border-color:#ff6b6b2e}.rd-btn--danger:hover:not(:disabled){background:#ff6b6b14;border-color:#ff6b6b5c;color:#ff8080}.rd-btn--lg{min-height:44px;padding:0 var(--space-4);font-size:14px}.rd-room{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:var(--space-4);align-items:start}.rd-now{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-5) var(--space-5)}.rd-disc{position:relative;width:min(100%,280px);aspect-ratio:1;margin:0 auto var(--space-2);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,224,255,.2),transparent 60%),radial-gradient(circle at center,rgba(0,224,255,.04),transparent 70%),linear-gradient(135deg,var(--surface-3),var(--surface-1));border:1px solid var(--line-strong);box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #00e0ff0f,0 40px 80px #00000080;overflow:hidden}.rd-disc:before,.rd-disc:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.rd-disc:before{top:18%;right:18%;bottom:18%;left:18%;border:1px solid rgba(0,224,255,.1);background:radial-gradient(circle at center,rgba(0,224,255,.06),transparent 70%)}.rd-disc:after{top:44%;right:44%;bottom:44%;left:44%;background:var(--accent);box-shadow:0 0 24px #00e0ff73,0 0 0 6px var(--surface-1)}.rd-disc.is-playing{animation:rd-spin 18s linear infinite}@keyframes rd-spin{to{transform:rotate(360deg)}}.rd-disc-rings{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-radial-gradient(circle at center,rgba(255,255,255,.02) 0 1px,transparent 1px 8px);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 80%);mask-image:radial-gradient(circle at center,black 30%,transparent 80%);opacity:.7}.rd-track-meta{text-align:center}.rd-track-title{margin:0 0 var(--space-2);font-family:Space Grotesk,sans-serif;font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.018em;line-height:1.15;color:var(--ink)}.rd-track-sub{display:inline-flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--ink-muted)}.rd-track-sub-album{color:var(--accent);font-weight:500}.rd-track-sub-dot{color:var(--ink-ghost)}.rd-progress{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) 0}.rd-progress-times{display:flex;justify-content:space-between;font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink-muted)}.rd-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent) var(--range-progress, 0%),var(--surface-3) var(--range-progress, 0%),var(--surface-3) 100%);border-radius:var(--radius-pill);cursor:pointer;outline:none;transition:height var(--dur-base) var(--ease-spring)}.rd-range:hover:not(:disabled){height:8px}.rd-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ink);border:2px solid var(--accent);box-shadow:0 0 0 4px #00e0ff1f,0 0 12px #00e0ff66;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring)}.rd-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.rd-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--ink);border:2px solid var(--accent);box-shadow:0 0 0 4px #00e0ff1f,0 0 12px #00e0ff66;cursor:pointer}.rd-range:disabled{opacity:.5;cursor:not-allowed}.rd-transport{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding-top:var(--space-2)}.rd-tbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink-muted);background:var(--surface-2);border:1px solid var(--line);border-radius:50%;cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-fast) var(--ease-out)}.rd-tbtn:hover:not(:disabled){color:var(--ink);background:var(--surface-3);border-color:var(--line-strong)}.rd-tbtn:active:not(:disabled){transform:scale(.92)}.rd-tbtn:disabled{opacity:.4;cursor:not-allowed}.rd-playbtn{position:relative;width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;color:#07131c;background:linear-gradient(180deg,#fff,#dceffb);border:none;border-radius:50%;cursor:pointer;box-shadow:0 1px #ffffffb3 inset,0 14px 32px #00e0ff2e,0 0 0 1px #00e0ff29;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.rd-playbtn:hover:not(:disabled){transform:scale(1.04);box-shadow:0 1px #fffc inset,0 18px 44px #00e0ff52,0 0 0 1px #00e0ff47}.rd-playbtn:active:not(:disabled){transform:scale(.96)}.rd-playbtn:disabled{opacity:.55;cursor:not-allowed}.rd-readout{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase}.rd-readout-sep{color:var(--ink-ghost)}.rd-side,.rd-roster{display:flex;flex-direction:column;gap:var(--space-4)}.rd-avatars{display:flex;align-items:center}.rd-av{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700;color:var(--ink);background:var(--surface-3);border:2px solid var(--surface-1);position:relative;transition:transform var(--dur-base) var(--ease-spring)}.rd-av:not(:first-child){margin-left:-10px}.rd-av:hover{transform:translateY(-2px);z-index:2}.rd-av--more{color:var(--ink-muted);background:var(--surface-2);font-size:10px}.rd-roster-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.rd-roster-count{font-size:13px;color:var(--ink);font-weight:500}.rd-roster-count strong{font-family:Space Grotesk,sans-serif;font-weight:600;margin-right:4px}.rd-roster-detail{font-size:11.5px;color:var(--ink-faint)}.rd-invite-code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:28px;font-weight:700;letter-spacing:.22em;color:var(--ink);text-align:center;padding:var(--space-3) 0;background:var(--surface-1);border-radius:var(--radius-md);border:1px dashed var(--line-strong)}.rd-qr{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:#fff}.rd-qr-hint{font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:#475569;font-weight:600}.rd-link{display:block;padding:var(--space-2) var(--space-3);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:var(--ink-muted);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius-sm);word-break:break-all;margin-bottom:var(--space-2)}.rd-field{display:flex;flex-direction:column;gap:var(--space-2)}.rd-field-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint);font-weight:600}.rd-select{position:relative;width:100%;padding:10px var(--space-3);padding-right:36px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;color:var(--ink);background-color:var(--surface-1);background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 17px) 16px,calc(100% - 12px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.rd-select:hover{background-color:var(--surface-2);border-color:var(--line-strong)}.rd-select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-faint)}.rd-volume-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:11.5px;color:var(--ink-faint)}.rd-volume-value{font-family:JetBrains Mono,ui-monospace,monospace;font-weight:600;color:var(--ink-muted)}.rd-countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06070aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.rd-countdown-digit{font-family:Space Grotesk,sans-serif;font-size:clamp(96px,22vw,200px);font-weight:600;letter-spacing:-.04em;color:var(--ink);line-height:1;text-shadow:0 0 80px rgba(0,224,255,.45);animation:rd-countdown-pop .5s var(--ease-spring)}.rd-countdown-sub{margin-top:var(--space-3);font-family:Space Grotesk,sans-serif;font-size:13px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint)}@keyframes rd-countdown-pop{0%{transform:scale(.3);opacity:0}18%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.rd-toast{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);padding:10px var(--space-4);background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--ink);font-size:13px;z-index:100;animation:ws-rise .24s var(--ease-spring)}.rd-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-7) var(--space-5);text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 50% -10%,rgba(0,224,255,.05),transparent 60%),linear-gradient(180deg,var(--surface-2),var(--surface-1));border-radius:var(--radius-lg);max-width:460px;width:100%;margin:0 auto;align-self:center;justify-self:center;box-shadow:var(--shadow-2);animation:ws-rise .32s var(--ease-spring)}.rd-fallback h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.012em;color:var(--ink)}.rd-fallback p{margin:0;color:var(--ink-muted);font-size:14px;max-width:360px}.rd-fallback--connecting .rd-fallback-disc{position:relative;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(0,224,255,.28),transparent 60%),linear-gradient(135deg,var(--surface-3),var(--surface-1));border:1px solid var(--line-strong);box-shadow:inset 0 1px #ffffff0a,0 0 0 6px var(--accent-faint),0 20px 40px #00000073;margin-bottom:var(--space-2);animation:rd-spin 1.6s linear infinite}.rd-fallback--connecting .rd-fallback-disc:after{content:"";position:absolute;top:38%;right:38%;bottom:38%;left:38%;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #00e0ff8c,0 0 0 4px var(--surface-1)}.realdac-page:has(.rd-fallback){grid-template-rows:auto 1fr}@media (max-width: 980px){.rd-room{grid-template-columns:1fr}.rd-disc{width:min(100%,220px)}.rd-now{padding:var(--space-5) var(--space-4) var(--space-4)}}@media (max-width: 600px){.realdac-page{padding:var(--space-3) 0 var(--space-5);gap:var(--space-3)}.rd-topbar{padding:6px 8px;border-radius:var(--radius-lg);flex-direction:column;align-items:stretch;gap:6px}.rd-topbar-left,.rd-topbar-right{justify-content:space-between}.rd-topbar-divider,.rd-brand-tag{display:none}.rd-codechip{flex:1;justify-content:space-between}.rd-codechip-icon{opacity:1;transform:none}.rd-syncpill{flex:1;justify-content:center}.rd-disc{width:180px}.rd-track-title{font-size:20px}}@media (prefers-reduced-motion: reduce){.rd-disc.is-playing{animation:none}}.rd-error-shell{position:relative;z-index:1;min-height:100dvh;width:min(560px,calc(100% - var(--space-5) * 2));margin:0 auto;display:flex;align-items:center;justify-content:center;padding:var(--space-5) 0}.rd-error-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 50% -10%,rgba(255,107,107,.08),transparent 60%),linear-gradient(180deg,var(--surface-2),var(--surface-1));border-radius:var(--radius-lg);box-shadow:var(--shadow-2);animation:ws-rise .32s var(--ease-spring)}.rd-error-mark{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--danger);background:#ff6b6b14;border:1px solid rgba(255,107,107,.22);margin-bottom:var(--space-2)}.rd-error-card h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.012em}.rd-error-card p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-muted);max-width:380px}.rd-error-details{width:100%;margin-top:var(--space-2);font-size:12px;color:var(--ink-faint);text-align:left}.rd-error-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 0;color:var(--ink-faint);font-family:DM Sans,sans-serif}.rd-error-details pre{margin:0;padding:var(--space-3);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--radius-md);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;color:var(--ink-faint);white-space:pre-wrap;word-break:break-word;max-height:140px;overflow:auto}.rd-error-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;justify-content:center}.rd-track-meta{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.rd-track-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;margin:0;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--ink);transition:color var(--dur-fast) var(--ease-out)}.rd-track-trigger:disabled{cursor:default}.rd-track-trigger .rd-track-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(22px,2.2vw,28px);font-weight:600;letter-spacing:-.018em;line-height:1.15;text-align:left;border-bottom:1px dashed transparent;transition:border-color var(--dur-base) var(--ease-out)}.rd-track-trigger:not(:disabled):hover .rd-track-title,.rd-track-trigger.is-open .rd-track-title{border-bottom-color:var(--line-accent)}.rd-track-trigger:not(:disabled):hover{color:var(--ink)}.rd-track-chevron{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--ink-faint);background:#ffffff0a;border:1px solid var(--line);border-radius:50%;transition:transform var(--dur-base) var(--ease-spring),color var(--dur-fast) var(--ease-out),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.rd-track-trigger:not(:disabled):hover .rd-track-chevron,.rd-track-trigger.is-open .rd-track-chevron{color:var(--accent);background:var(--accent-faint);border-color:var(--line-accent)}.rd-track-trigger.is-open .rd-track-chevron{transform:rotate(180deg)}.rd-track-popover{position:absolute;left:50%;top:calc(100% + var(--space-3));transform:translate(-50%);width:min(360px,92vw);max-height:320px;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--surface-3),var(--surface-2));border:1px solid var(--line-strong);border-radius:var(--radius-lg);box-shadow:0 1px #ffffff0d inset,0 24px 60px #0009;z-index:30;overflow:hidden;animation:rd-pop-in .22s var(--ease-spring);text-align:left}@keyframes rd-pop-in{0%{opacity:0;transform:translate(-50%) translateY(-8px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.rd-track-popover-head{display:flex;align-items:center;justify-content:space-between;padding:12px var(--space-4) 8px;border-bottom:1px solid var(--line)}.rd-track-popover-label{font-family:Space Grotesk,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.rd-track-popover-count{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:600;color:var(--ink-faint);background:#ffffff0a;border:1px solid var(--line);border-radius:var(--radius-pill);padding:2px 8px}.rd-track-list{list-style:none;margin:0;padding:6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.rd-track-list::-webkit-scrollbar{width:8px}.rd-track-list::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.rd-track-item{width:100%;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:9px var(--space-3);font-family:DM Sans,sans-serif;font-size:13.5px;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--ink-muted);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.rd-track-item:hover{background:var(--accent-faint);color:var(--ink)}.rd-track-item.is-active{color:var(--ink);background:#00e0ff14;border-color:var(--line-accent)}.rd-track-item-num{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;color:var(--ink-faint);text-align:right}.rd-track-item.is-active .rd-track-item-num{color:var(--accent)}.rd-track-item-name{font-weight:500;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rd-track-item-active{color:var(--accent);display:inline-flex;align-items:center}.rd-field-hint{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-faint);padding:8px 12px;background:var(--surface-1);border:1px dashed var(--line);border-radius:var(--radius-md)}@media (max-width: 600px){.rd-track-popover{width:calc(100vw - var(--space-4) * 2);max-height:280px}.rd-track-trigger .rd-track-title{font-size:20px}}