:root{--bg-primary: #08080c;--bg-secondary: #0e0e14;--bg-tertiary: #16161f;--bg-elevated: #1e1e2a;--bg-hover: #262635;--border: #1c1c28;--border-subtle: #141420;--glass: rgba(255, 255, 255, .025);--glass-hover: rgba(255, 255, 255, .05);--glass-active: rgba(255, 255, 255, .07);--accent: #e4a020;--accent-hover: #f0b840;--accent-dim: rgba(228, 160, 32, .15);--accent-glow: rgba(228, 160, 32, .25);--accent-secondary: #2dd4c0;--accent-secondary-dim: rgba(45, 212, 192, .12);--text-primary: #e8e6e1;--text-secondary: #78767a;--text-tertiary: #48464d;--text-inverse: #08080c;--success: #34d399;--warning: #fbbf24;--error: #f43f5e;--error-dim: rgba(244, 63, 94, .15);--deck-a: #e4a020;--deck-b: #2dd4c0;--deck-c: #a78bfa;--deck-d: #34d399;--deck-a-dim: rgba(228, 160, 32, .12);--deck-b-dim: rgba(45, 212, 192, .1);--deck-c-dim: rgba(167, 139, 250, .1);--deck-d-dim: rgba(52, 211, 153, .1);--font-display: "Syne", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px var(--accent-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .4s}*{margin:0;padding:0;box-sizing:border-box}button,input[type=range]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}p,span,div,h1,h2,h3,h4,h5,h6,li,td,th,label,code,pre{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.room-page{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.room-page input,.room-page textarea,.room-page select,.room-page [contenteditable=true],.room-page [data-selectable=true],.room-page [data-selectable=true] *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}code,.mono{font-family:var(--font-mono)}button{cursor:pointer;border:none;border-radius:var(--radius-md);padding:10px 20px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.02em;transition:all var(--duration-normal) var(--ease-out);position:relative}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border)}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--bg-elevated);border-radius:var(--radius-full);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--accent-glow);transition:transform var(--duration-fast) var(--ease-spring)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 8px var(--accent-glow)}input[type=text],input[type=number],input[type=url],textarea{font-family:var(--font-body);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;outline:none;transition:border-color var(--duration-normal) var(--ease-out)}input[type=text]:focus,input[type=number]:focus,input[type=url]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}input::placeholder{color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 4px var(--error)}50%{box-shadow:0 0 16px var(--error),0 0 32px #f43f5e33}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spinVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes eqBar1{0%,to{height:8px}25%{height:28px}50%{height:14px}75%{height:32px}}@keyframes eqBar2{0%,to{height:20px}30%{height:6px}60%{height:36px}85%{height:12px}}@keyframes eqBar3{0%,to{height:12px}20%{height:30px}45%{height:8px}70%{height:24px}}@keyframes eqBar4{0%,to{height:16px}35%{height:34px}55%{height:10px}80%{height:26px}}@keyframes eqBar5{0%,to{height:10px}15%{height:22px}40%{height:36px}65%{height:14px}}@keyframes orbDrift1{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}33%{transform:translate(-45%,-55%) scale(1.1);opacity:.6}66%{transform:translate(-55%,-45%) scale(.95);opacity:.35}}@keyframes orbDrift2{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}40%{transform:translate(-55%,-48%) scale(1.15);opacity:.5}70%{transform:translate(-42%,-54%) scale(.9);opacity:.25}}@keyframes orbDrift3{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.25}25%{transform:translate(-48%,-56%) scale(1.05);opacity:.4}55%{transform:translate(-53%,-44%) scale(1.12);opacity:.3}80%{transform:translate(-46%,-52%) scale(.92);opacity:.2}}@keyframes featureSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}