.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1.1rem;border-radius:var(--radius);border:1px solid transparent;font:inherit;font-size:.875rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .06s}.ui-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn:not(:disabled):active{transform:translateY(1px)}.ui-btn svg{width:1rem;height:1rem;flex:none}.ui-btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.ui-btn-primary:hover{background:var(--primary-hover)}.ui-btn-secondary{background:var(--secondary);color:var(--secondary-foreground);box-shadow:var(--shadow-sm)}.ui-btn-secondary:hover{background:var(--accent)}.ui-btn-outline{background:transparent;color:var(--foreground);border-color:var(--border)}.ui-btn-outline:hover{background:var(--accent);border-color:var(--border)}.ui-btn-ghost{background:transparent;color:var(--muted)}.ui-btn-ghost:hover{background:var(--accent);color:var(--foreground)}.ui-btn-destructive{background:var(--destructive);color:var(--destructive-foreground);box-shadow:var(--shadow-sm)}.ui-btn-destructive:hover{background:#f87171}.ui-btn-success{background:#4ade801f;color:var(--success);border-color:#4ade804d}.ui-btn-success:hover{background:#4ade8033}.ui-btn-danger-soft{background:#ef44441a;color:#f87171;border-color:#ef444447}.ui-btn-danger-soft:hover{background:#ef44442e}.ui-btn-info{background:#60a5fa1a;color:#93c5fd;border-color:#60a5fa47}.ui-btn-info:hover{background:#60a5fa2e}.ui-btn-link{background:none;border:none;color:var(--primary);height:auto;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.ui-btn-link:hover{color:var(--primary-hover)}.ui-btn-sm{height:2rem;padding:0 .8rem;font-size:.78rem;border-radius:var(--radius-sm)}.ui-btn-lg{height:3rem;padding:0 1.6rem;font-size:1rem;border-radius:var(--radius-lg)}.ui-btn-icon{width:2.5rem;padding:0}.ui-btn-icon.ui-btn-sm{width:2rem}.ui-btn-block{width:100%}.ui-card{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.ui-card-header{padding:1.25rem 1.25rem 0;display:flex;flex-direction:column;gap:.25rem}.ui-card-title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1.25;letter-spacing:-.01em;margin:0}.ui-card-description{color:var(--muted);font-size:.85rem;margin:0;line-height:1.5}.ui-card-content{padding:1.25rem}.ui-card-header+.ui-card-content{padding-top:1rem}.ui-card-footer{padding:0 1.25rem 1.25rem;display:flex;align-items:center;gap:.6rem}.ui-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.14rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.03em;border:1px solid transparent;white-space:nowrap;line-height:1.35}.ui-badge-default{background:var(--primary);color:var(--primary-foreground)}.ui-badge-secondary{background:var(--secondary);color:var(--secondary-foreground);border-color:var(--border)}.ui-badge-outline{background:transparent;color:var(--muted);border-color:var(--border)}.ui-badge-warning{background:#fbbf241f;color:var(--warning);border-color:#fbbf2447}.ui-badge-destructive{background:#ef44441a;color:#f87171;border-color:#ef444447}.ui-badge-success{background:#4ade801a;color:var(--success);border-color:#4ade8047}.ui-badge-info{background:#60a5fa1a;color:#93c5fd;border-color:#60a5fa47}.ui-label{display:block;font-size:.8rem;font-weight:500;color:var(--muted);margin-bottom:.35rem;letter-spacing:.01em}.ui-input,.ui-select,.ui-textarea{width:100%;background:var(--field);border:1px solid var(--input);border-radius:var(--radius);color:var(--foreground);font:inherit;font-size:.9rem;padding:.6rem .8rem;transition:border-color .15s,box-shadow .15s,background .15s}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--placeholder);opacity:1}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px #f59e0b29;background:var(--field-focus)}.ui-input:disabled,.ui-select:disabled,.ui-textarea:disabled{opacity:.5;cursor:not-allowed}.ui-textarea{min-height:5rem;resize:vertical;line-height:1.55}.ui-input[type=file]{padding:.35rem .4rem;color:var(--muted);cursor:pointer}.ui-input[type=file]::file-selector-button{font:inherit;font-size:.8rem;font-weight:600;background:var(--secondary);color:var(--secondary-foreground);border:1px solid var(--input);border-radius:var(--radius-sm);padding:.35rem .8rem;margin-right:.7rem;cursor:pointer;transition:background .15s,border-color .15s}.ui-input[type=file]::file-selector-button:hover{background:var(--accent);border-color:var(--ring)}.ui-select{appearance:none;cursor:pointer;padding-right:2.1rem;background-color:var(--field);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 1.05rem) 55%,calc(100% - .75rem) 55%;background-size:.3rem .3rem,.3rem .3rem;background-repeat:no-repeat}.ui-select:focus{background-color:var(--field-focus)}.ui-check,input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;width:1.15rem;height:1.15rem;flex:none;margin:0;display:inline-grid;place-content:center;vertical-align:-.22em;background:var(--field);border:1px solid var(--input);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}input[type=radio]{border-radius:50%}.ui-check:hover,input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--ring)}.ui-check:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 3px #f59e0b47}.ui-check:checked,input[type=checkbox]:checked,input[type=radio]:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:after{content:"";width:.6rem;height:.32rem;border-left:2px solid var(--primary-foreground);border-bottom:2px solid var(--primary-foreground);transform:rotate(-45deg) translate(.5px,-1.5px)}input[type=radio]:checked:after{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--primary-foreground)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.ui-field{display:block;margin-bottom:.9rem}.ui-field-inline{display:flex;align-items:center;gap:.55rem;color:var(--foreground);font-size:.88rem}.ui-field>.ui-label .req,.req{color:var(--primary);font-weight:700;margin-left:.1rem}.ui-field-msg{font-size:.8rem;margin:.35rem 0 0}.ui-field-msg.bad{color:#f87171}.ui-field-msg.ok{color:var(--success)}.ui-tabs{display:flex;flex-direction:column}.ui-tabs-list{display:flex;gap:.25rem;align-items:center;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.ui-tabs-list::-webkit-scrollbar{display:none}.ui-tabs-trigger{appearance:none;background:none;border:none;cursor:pointer;font:inherit;font-size:.875rem;font-weight:600;white-space:nowrap;color:var(--muted);padding:.7rem .9rem;margin-bottom:-1px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.ui-tabs-trigger:hover{color:var(--foreground)}.ui-tabs-trigger:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ring);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.ui-tabs-trigger.active{color:var(--foreground);border-bottom-color:var(--primary)}.ui-segmented{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--muted-bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.ui-segmented .ui-tabs-trigger,.ui-segmented-trigger{appearance:none;background:none;border:1px solid transparent;cursor:pointer;font:inherit;font-size:.82rem;font-weight:600;white-space:nowrap;color:var(--muted);padding:.42rem .95rem;border-radius:var(--radius);transition:color .15s,background .15s,box-shadow .15s;display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}.ui-segmented-trigger:hover{color:var(--foreground)}.ui-segmented-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--ring)}.ui-segmented-trigger.active{background:var(--card);color:var(--foreground);border-color:var(--border);box-shadow:var(--shadow-sm)}.ui-separator{border:none;border-top:1px solid var(--border);margin:1rem 0}.ui-alert{display:flex;gap:.65rem;align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);padding:.9rem 1.1rem;font-size:.875rem;line-height:1.5;color:var(--foreground)}.ui-alert-warning{border-color:#fbbf2459;background:#fbbf2412}.ui-alert-warning b,.ui-alert-warning strong{color:var(--warning)}.ui-alert-destructive{border-color:#ef444459;background:#ef444412}.ui-alert a{color:var(--primary)}.ui-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:var(--shadow-sm)}.ui-stat-value{font-family:var(--font-display);font-weight:800;font-size:1.6rem;line-height:1;color:var(--foreground);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.ui-stat-label{font-size:.72rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.ui-stat-sub{font-size:.75rem;color:var(--muted)}.ui-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--muted-bg) 25%,var(--secondary) 50%,var(--muted-bg) 75%);background-size:200% 100%;animation:ui-shimmer 1.4s ease-in-out infinite}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.ui-skeleton{animation:none}}.ui-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78em;background:var(--muted-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.1em .4em}:root{--background: #0c0a08;--foreground: #ffffff;--card: #14110d;--card-foreground: #ffffff;--popover: #1a160f;--popover-foreground: #ffffff;--primary: #f59e0b;--primary-hover: #fbbf24;--primary-foreground: #1c1005;--secondary: #221c14;--secondary-foreground: #ffffff;--muted: rgba(255,255,255,.66);--muted-foreground: rgba(255,255,255,.66);--muted-bg: #1b1610;--accent: #2b2317;--accent-foreground: #ffffff;--destructive: #ef4444;--destructive-foreground:#fef2f2;--success: #4ade80;--success-foreground: #052e16;--warning: #fbbf24;--warning-foreground: #451a03;--border: #3d3327;--border-subtle: #2b2318;--input: #726858;--ring: #f59e0b;--field: rgba(255,255,255,.055);--field-focus: rgba(255,255,255,.085);--placeholder: rgba(255,255,255,.5);--radius: .625rem;--radius-sm: .375rem;--radius-lg: .875rem;--radius-xl: 1.125rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 1px 3px rgba(0,0,0,.35);--shadow-lg: 0 18px 50px rgba(0,0,0,.55);--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-display: "Bricolage Grotesque", "Space Grotesk", system-ui, sans-serif;--bg: var(--background);--bg-2: #12100c;--ink: #080706;--panel: var(--card);--panel-2: var(--popover);--leather: var(--card);--leather-hi:var(--popover);--border-2: var(--border-subtle);--ember: var(--primary);--ember-hi: var(--primary-hover);--ember-lo: #b45309;--brass: #d9a94f;--brass-hi: #f0d189;--copper: #d18a52;--copper-d: #9c6437;--pine: #6fae86;--pine-lo: #3f5c47;--cream: var(--foreground);--smoke: rgba(190,170,150,.06);--air: #ff3b2f;--led-green: #6fe08a;--led-amber: #f5b23a;--text: var(--foreground);--primary-d: var(--ember-lo);--accent-g: #ff6a5c;--ok: var(--led-green);--err: #ff6a5e;--off: #4a3a2a;--surface: var(--card);--surface-2: var(--popover)}.light{--background: #faf7f2;--foreground: #1c1610;--card: #ffffff;--card-foreground: #1c1610;--popover: #ffffff;--popover-foreground: #1c1610;--primary: #d97706;--primary-hover: #b45309;--primary-foreground: #fffbeb;--secondary: #f0e9dc;--secondary-foreground: #3d3225;--muted: #6b6154;--muted-foreground: #6b6154;--muted-bg: #f0e9dc;--accent: #f5edde;--accent-foreground: #1c1610;--destructive: #dc2626;--destructive-foreground:#fef2f2;--border: #ddd4c2;--border-subtle: #eee7d8;--input: #94897c;--ring: #d97706;--field: #ffffff;--field-focus: #ffffff;--placeholder: #6f675c}.display{font-family:var(--font-display);font-weight:800}.atmos,.grain{position:fixed;inset:0;pointer-events:none;z-index:0}.atmos{background:radial-gradient(70% 55% at 18% 8%,rgba(245,158,11,.09),transparent 60%),radial-gradient(60% 50% at 92% 4%,rgba(255,59,47,.06),transparent 55%),radial-gradient(80% 70% at 80% 100%,rgba(63,92,71,.1),transparent 60%),radial-gradient(120% 90% at 50% 120%,rgba(0,0,0,.55),transparent 70%),linear-gradient(180deg,var(--bg-2),var(--background))}.atmos:after{content:"";position:absolute;inset:-20%;background:radial-gradient(40% 40% at 30% 40%,rgba(209,138,82,.05),transparent 70%),radial-gradient(45% 45% at 70% 60%,rgba(111,174,134,.04),transparent 70%);filter:blur(40px);animation:drift 26s ease-in-out infinite alternate}.glow{position:fixed;width:46rem;height:46rem;left:0;top:0;z-index:0;transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,rgba(245,158,11,.08),rgba(245,158,11,.03) 30%,transparent 62%);pointer-events:none;will-change:transform;opacity:0;transition:opacity .6s}.glow.lit{opacity:1}.grain{z-index:1;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wood{background:#ffffff04;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.leather{background:#ffffff06;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stitch{position:relative}@keyframes drift{0%{transform:translate(-4%,-2%) scale(1.05)}to{transform:translate(4%,3%) scale(1.15)}}.btn-brass:hover{background:var(--primary-hover);box-shadow:0 0 0 1px #fbbf2459,0 8px 26px #f59e0b38}.btn-brass:active{transform:translateY(1px)}.btn-brass:disabled{background:var(--secondary);color:var(--muted);cursor:not-allowed;box-shadow:none}.inp::placeholder{color:var(--muted)}.inp:focus{border-color:var(--ring);background:var(--field-focus);box-shadow:0 0 0 3px #f59e0b29}.mic-btn.on{box-shadow:0 0 16px #6fe08a59}.mic-btn.muted{color:var(--air);border-color:var(--air);box-shadow:none}.mic-btn.muted~.ch-body .lbl{color:var(--air)}.mic-btn svg{width:1.5rem;height:1.5rem;position:relative;z-index:1}.mic-btn:hover{transform:translateY(-1px)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes rowin{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes signpulse{0%,to{box-shadow:0 0 26px #ff3b2f66,0 0 60px #ff3b2f29}50%{box-shadow:0 0 40px #ff3b2f99,0 0 90px #ff3b2f47}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#app,.row,#track-list[data-anim="1"] .row{animation:none!important}.atmos:after{animation:none}#track-list,.track-list{scroll-behavior:auto}#app.playing .vinyl,#app.on-air .onair-sign,.lamp.live,#app.connecting .onair-sign{animation:none}.prog-fill{transition:none}.row:hover,.mic-btn:hover,.go-btn:hover,.tkey:hover,.tkey.play:hover,.btn-brass:hover,.tkey:active,.go-btn:active,.btn-brass:active{transform:none}}.env-badge{display:none;align-items:center;padding:.15em .55em;border-radius:999px;font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:#b3541e;border:1px solid var(--primary);white-space:nowrap}.env-badge.on{display:inline-flex}