@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600;700&family=Libre+Caslon+Text:wght@400;700&family=Noto+Sans+SC:wght@400;500;600;700;800&family=VT323&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{color-scheme:light;font-family:Noto Sans SC,ui-sans-serif,system-ui,sans-serif;color:#2a2115;background:#17130d;--room: #17130d;--room-warm: #2a2115;--body: #d6be95;--body-hi: #f3e2c2;--body-low: #856642;--olive: #4e5638;--olive-dark: #303724;--screen: #12100a;--led: #f2a51a;--led-dim: #8f6a18;--onair: #d9412e;--brass: #ad7c38;--brass-hi: #d6aa62;--ink: #2d2619;--muted: #6f5a3a;--paper: #efe0c2;--paper-dark: #d3bd94;--line: rgba(74, 48, 22, .24);--shadow: rgba(24, 16, 8, .42)}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 20% 4%,rgba(241,223,192,.12),transparent 28%),radial-gradient(circle at 78% 18%,rgba(184,132,59,.14),transparent 30%),linear-gradient(180deg,#1d160e 0%,var(--room) 56%,#0e0b07 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 115%,rgba(0,0,0,.38),transparent 42%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px);mix-blend-mode:soft-light}button,input{font:inherit}button{border:0;background:none;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:calc(env(safe-area-inset-top) + 16px) 14px calc(env(safe-area-inset-bottom) + 16px)}.radio-stage{width:min(100%,430px)}.radio-machine{position:relative;min-height:min(812px,calc(100vh - 26px));overflow:hidden;border-radius:42px;padding:18px 18px 16px;color:var(--ink);background:linear-gradient(90deg,rgba(84,57,26,.08),transparent 7%,transparent 93%,rgba(84,57,26,.11)),radial-gradient(circle at 50% 8%,rgba(255,252,239,.5),transparent 19%),linear-gradient(145deg,rgba(255,255,255,.2),transparent 28%),linear-gradient(180deg,var(--body-hi) 0%,var(--body) 42%,#c6aa7e 100%);border:1px solid rgba(255,241,210,.32);box-shadow:0 34px 90px #0000007a,inset 0 0 0 2px #63452047,inset 0 0 0 6px #fff7e42e,inset 12px 0 18px #ffffff1f,inset -12px 0 18px #53361717,inset 0 -18px 28px #5b3a1724}.radio-machine:before,.radio-machine:after{content:"";position:absolute;pointer-events:none}.radio-machine:before{top:12px;right:12px;bottom:12px;left:12px;border-radius:34px;border:1px solid rgba(92,62,30,.32);box-shadow:inset 0 1px #ffffff61,inset 0 -1px #5b3a172e}.radio-machine:after{top:0;right:0;bottom:0;left:0;opacity:.24;background-image:radial-gradient(rgba(72,45,18,.22) .65px,transparent .65px),linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.1) 39%,transparent 43%),linear-gradient(90deg,rgba(255,255,255,.16),transparent 9%,transparent 90%,rgba(65,41,18,.14));background-size:5px 5px,100% 100%,100% 100%;mix-blend-mode:multiply}.machine-sheen{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.18),transparent 18%,transparent 58%,rgba(92,58,25,.1)),radial-gradient(circle at 42% 0%,rgba(255,255,255,.3),transparent 18%);z-index:1}.machine-brand,.frequency-window,.speaker-cabinet,.tuning-scale,.hardware-controls,.knob-row,.ticket-stub,.note-entry,.utility-switches{position:relative;z-index:2}.case-screws{position:absolute;top:20px;right:20px;bottom:20px;left:20px;z-index:3;pointer-events:none}.case-screws span{position:absolute;width:11px;height:11px;border-radius:50%;background:linear-gradient(45deg,transparent 42%,rgba(76,50,23,.62) 42% 58%,transparent 58%),radial-gradient(circle at 35% 30%,#fff4dae6,#b9945b 48%,#6e4820);box-shadow:inset 0 1px 1px #ffffff61,0 1px 2px #37220d57}.case-screws span:nth-child(1){top:0;left:0}.case-screws span:nth-child(2){top:0;right:0}.case-screws span:nth-child(3){bottom:0;left:0}.case-screws span:nth-child(4){bottom:0;right:0}.machine-brand{min-height:58px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px}.machine-brand h1{margin:0;color:var(--olive-dark);font-size:26px;font-weight:800;letter-spacing:.22em;text-align:center;text-indent:.22em;text-shadow:0 1px 0 rgba(255,247,226,.7)}.machine-brand p{margin:4px 0 0;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;font-weight:700;letter-spacing:.14em;text-align:center}.tiny-slot-button{width:44px;height:44px;display:grid;place-items:center;gap:3px;padding:10px 8px;border-radius:12px}.tiny-slot-button span{display:block;width:28px;height:4px;border-radius:999px;background:linear-gradient(180deg,#876236,#45301a);box-shadow:0 1px #fff3db52}.on-air-light{min-width:66px;display:grid;justify-items:center;gap:5px;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;font-weight:700;letter-spacing:.08em}.on-air-light span{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd8bd,var(--onair) 42%,#7c1b12 100%);border:1px solid rgba(102,27,16,.35);box-shadow:0 0 0 4px #582d1914,0 0 16px #e5482e8c}.on-air-light:not(.active) span{filter:grayscale(.7);opacity:.5;box-shadow:none}.frequency-window{margin-top:6px;min-height:102px;display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:16px;overflow:hidden;border-radius:18px;border:7px solid rgba(58,43,24,.72);background:linear-gradient(118deg,rgba(255,255,255,.15),transparent 21%,transparent 68%,rgba(255,255,255,.05) 72%,transparent 76%),radial-gradient(circle at 50% 45%,rgba(245,169,11,.05),transparent 68%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 20%,rgba(0,0,0,.34)),var(--screen);box-shadow:0 2px #fff5d847,0 12px 22px #482c133d,inset 0 16px 28px #0000009e,inset 0 -10px 18px #ffa90b0a}.frequency-window:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;border-radius:11px;background:linear-gradient(110deg,transparent 0 12%,rgba(255,255,255,.22) 18%,transparent 28%),radial-gradient(circle at 50% 120%,rgba(0,0,0,.45),transparent 42%);mix-blend-mode:screen;opacity:.48}.led-noise{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.48;background:repeating-linear-gradient(0deg,rgba(245,169,11,.035) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(245,169,11,.024) 0 2px,transparent 2px 6px)}.fm-readout{padding-left:18px;font-family:IBM Plex Mono,ui-monospace,monospace}.fm-readout span{display:block;color:var(--led-dim);font-size:12px;font-weight:700;letter-spacing:.22em}.fm-readout strong{display:block;margin-top:4px;color:var(--led);font-size:39px;line-height:.95;text-shadow:0 0 8px rgba(245,169,11,.7),0 0 22px rgba(245,169,11,.22)}.broadcast-lines{min-width:0;padding-right:18px;font-family:IBM Plex Mono,ui-monospace,monospace}.broadcast-lines p{margin:0;overflow:hidden;color:var(--led);font-size:13px;font-weight:700;line-height:1.55;text-overflow:ellipsis;text-shadow:0 0 8px rgba(245,169,11,.32);white-space:nowrap}.broadcast-lines p+p{color:#ffd17a;opacity:.9}.speaker-cabinet{margin-top:12px;min-height:150px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:19px 18px 18px;border-radius:22px;background:radial-gradient(circle at 78% 18%,rgba(255,246,221,.14),transparent 24%),linear-gradient(180deg,#5c422240,#ffffff0f 14%,#5136171f),#5c422224;border:1px solid rgba(88,61,30,.28);box-shadow:inset 0 8px 16px #50331333,inset 0 1px #ffffff4d,inset 0 -8px 14px #ffffff14,0 1px #fff8e26b}.speaker-cabinet span{display:block;height:7px;border-radius:999px;background:linear-gradient(180deg,rgba(255,246,222,.11),transparent 36%),linear-gradient(90deg,#1b130c,#3a2817 12%,#1b130c,#3a2817 88%,#120c07);box-shadow:0 1px #fff6de47,inset 0 2px 4px #000000ad}.speaker-cabinet span:nth-of-type(odd){margin-right:18px}.speaker-cabinet span:nth-of-type(2n){margin-left:18px}.speaker-badge{position:absolute;right:18px;bottom:15px;padding:6px 7px 5px;border-radius:8px;border:1px solid rgba(65,47,26,.26);background:#e1c79ae0;color:#303724d1;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:8px;font-weight:700;line-height:1.15;letter-spacing:.08em;box-shadow:inset 0 1px #ffffff6b,0 3px 7px #3e271024}.tuning-scale{margin-top:12px;padding:0 6px}.scale-labels{display:flex;justify-content:space-between;color:var(--olive-dark);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.scale-track{position:relative;height:34px;margin-top:4px}.scale-track:before{content:"";position:absolute;left:4px;right:4px;top:18px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(78,86,56,.34),var(--olive-dark),rgba(78,86,56,.34))}.scale-track:after{content:"";position:absolute;left:4px;right:4px;top:8px;height:22px;background:repeating-linear-gradient(90deg,transparent 0 15px,rgba(78,86,56,.55) 15px 17px);opacity:.7}.scale-track i{position:absolute;z-index:1;top:1px;width:3px;height:30px;transform:translate(-50%);border-radius:999px;background:var(--onair);box-shadow:0 2px 4px #45280f52,0 0 0 1px #ffeccd47}.hardware-controls{display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;gap:18px;margin-top:4px}.main-press-button,.rocker-button,.utility-switch,.note-corner,.send-tab,.drawer-close,.ghost-action,.switch-button,.choice-chip,.option-card,.primary-action,.quick-message button,.composer-card button{min-height:44px;transition:transform .12s ease,filter .16s ease,box-shadow .16s ease,background .16s ease}.main-press-button{display:grid;place-items:center;color:var(--olive-dark)}.control-glyph{position:relative;display:grid;place-items:center;color:var(--olive-dark)}.main-press-button .control-glyph:before,.main-press-button .control-glyph:after{content:"";position:absolute;display:block}.main-press-button{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 36% 24%,rgba(255,251,236,.74),transparent 28%),repeating-conic-gradient(from 12deg,rgba(255,255,255,.07) 0deg 8deg,transparent 8deg 18deg),radial-gradient(circle at center,#d8b674,#ad7c38 58%,#765023);border:1px solid rgba(91,61,28,.38);box-shadow:0 10px #6f4a22,0 22px 30px #42270f47,inset 0 4px 8px #ffffff6b,inset 0 -10px 16px #482a113d}.main-press-button .control-glyph{width:36px;height:30px;margin-top:2px}.transport-mark.play:before{left:10px;top:4px;width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid currentColor;filter:drop-shadow(0 1px 0 rgba(255,238,198,.35))}.transport-mark.pause:before,.transport-mark.pause:after{top:4px;width:8px;height:22px;border-radius:2px;background:currentColor}.transport-mark.pause:before{left:8px}.transport-mark.pause:after{right:8px}.rocker-button{position:relative;width:72px;height:42px;justify-self:center;border-radius:999px;border:1px solid rgba(77,51,23,.36);background:linear-gradient(180deg,#48301633,#ffffff14),#74532a24;box-shadow:inset 0 5px 8px #4129112e,inset 0 -1px #fff6da3d,0 1px #fff6da5c}.rocker-button span{position:absolute;top:5px;width:37px;height:30px;border-radius:999px;background:radial-gradient(circle at 34% 24%,rgba(255,251,231,.72),transparent 32%),linear-gradient(180deg,#dfbf7a,#9f6c30);box-shadow:0 5px #6e4a22,0 9px 14px #452b1133,inset 0 2px 4px #ffffff57,inset 0 -5px 8px #43281038}.rocker-button.left span{left:6px}.rocker-button.right span{right:6px}.rocker-button.left span:before,.rocker-button.right span:before{content:"";position:absolute;top:8px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.rocker-button.left span:before{left:12px;border-right:10px solid var(--olive-dark)}.rocker-button.right span:before{right:12px;border-left:10px solid var(--olive-dark)}.rocker-button.active span:after{content:"";position:absolute;left:10px;top:14px;width:17px;height:2px;border-radius:999px;background:var(--olive-dark);transform:rotate(-36deg)}button:active{transform:translateY(2px)}button:focus-visible,input:focus-visible{outline:3px solid rgba(229,72,46,.55);outline-offset:3px}.knob-row{display:grid;grid-template-columns:66px minmax(0,1fr);align-items:center;gap:14px;margin-top:12px}.brass-knob{position:relative;width:62px;height:62px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(73,47,21,.42) 0deg 4deg,rgba(255,237,190,.14) 4deg 8deg,transparent 8deg 12deg),radial-gradient(circle at 36% 26%,rgba(255,242,207,.78),transparent 23%),radial-gradient(circle,#d0a25b,#95652e 58%,#573819);box-shadow:0 9px #5f3d1c,0 16px 22px #432a113d,inset 0 4px 7px #ffffff52,inset 0 -10px 14px #321e0c42}.brass-knob span{position:absolute;top:10px;left:50%;width:4px;height:24px;transform:translate(-50%) rotate(var(--knob-rotation));transform-origin:50% 33px;border-radius:999px;background:#3a2816;box-shadow:0 1px #ffefcd80}.knob-copy p{margin:0;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.16em}.ticket-stub{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:0 16px;border-radius:14px;border:1px dashed rgba(107,72,32,.44);background:linear-gradient(90deg,transparent 0 9px,rgba(122,84,39,.12) 9px 10px,transparent 10px 20px),var(--paper);color:var(--ink);box-shadow:0 8px 16px #482c131f}.ticket-stub span{color:var(--muted);font-size:12px;font-weight:700}.ticket-stub strong{font-size:16px}.note-entry{margin-top:10px;position:relative;padding:12px;border-radius:18px;border:1px solid rgba(91,61,28,.2);background:linear-gradient(180deg,rgba(92,66,34,.12),transparent 18%),linear-gradient(180deg,#fff9e8bd,#e2c99ec7),#e9d6b3;box-shadow:inset 0 5px 10px #5436161f,inset 0 1px #ffffff85,0 10px 18px #482c131f}.note-entry>div{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:0;padding:8px;border-radius:15px;background:linear-gradient(180deg,#462e162e,#ffffff0f),#694c272e;box-shadow:inset 0 3px 6px #462b1129,0 1px #fffbef5c}.note-entry input,.composer-card input{min-width:0;min-height:44px;border:1px solid rgba(96,65,31,.26);border-radius:10px 0 0 10px;background:linear-gradient(90deg,rgba(134,99,50,.06) 0 1px,transparent 1px 18px),#fffaebe6;color:var(--ink);padding:0 12px;outline:none;box-shadow:inset 0 2px 3px #57361414}.note-entry input::-moz-placeholder,.composer-card input::-moz-placeholder{color:#6f5a3ab8}.note-entry input::placeholder,.composer-card input::placeholder{color:#6f5a3ab8}.send-tab,.composer-card button,.primary-action{min-height:44px;border-radius:0 10px 10px 0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 35%),linear-gradient(180deg,var(--olive),var(--olive-dark));color:#f7e5bd;padding:0;box-shadow:inset 4px 0 #ffffff14,inset 0 1px #ffffff1f}.send-tab:before{content:"";display:block;width:5px;height:24px;margin:auto;border-radius:999px;background:#f7e5bd;box-shadow:0 0 0 1px #00000014}.note-corner{position:absolute;right:15px;top:-8px;min-width:34px;height:24px;border-radius:8px 8px 3px 3px;border:1px solid rgba(94,63,28,.22);background:#f5e7c9;color:var(--olive-dark);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px;font-weight:700;box-shadow:0 4px 8px #40270f1f}.utility-switches{display:flex;justify-content:center;gap:42px;margin-top:12px}.utility-switch{min-width:54px;display:grid;justify-items:center;gap:5px;color:var(--muted)}.utility-switch span{position:relative;display:block;width:42px;height:18px;border-radius:999px;background:linear-gradient(180deg,#3a271238,#ffffff14),#684c272e;box-shadow:inset 0 3px 5px #39240e29,0 1px #fff7e061}.utility-switch span:before{content:"";position:absolute;top:3px;left:5px;width:18px;height:12px;border-radius:999px;background:linear-gradient(180deg,#d8b674,#95652e);box-shadow:0 2px #65431f,inset 0 1px #ffffff57}.utility-switch i{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.16em}.drawer-layer{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;justify-items:center}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#100b0785;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.radio-drawer{position:relative;z-index:1;width:min(100%,430px);max-height:min(82vh,720px);display:flex;flex-direction:column;overflow:hidden;border-radius:28px 28px 0 0;border:1px solid rgba(91,61,28,.36);background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.34),transparent 24%),linear-gradient(180deg,#f2e3c6,var(--paper) 46%,#d8c09a 100%);box-shadow:0 -24px 60px #0000005c,inset 0 1px #ffffff75}.radio-drawer.side{max-height:min(88vh,760px)}.drawer-handle{width:54px;height:5px;flex:0 0 auto;margin:10px auto 0;border-radius:999px;background:#6f5a3a6b}.drawer-titlebar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px 12px;border-bottom:1px solid rgba(91,61,28,.16)}.drawer-titlebar p,.eyebrow,.card-kicker{margin:0 0 4px;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.drawer-titlebar h2,.app-header h1{margin:0;color:var(--ink);font-size:24px;line-height:1.15;font-weight:800}.drawer-close{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#fff8e5b3;color:var(--ink);font-size:26px;box-shadow:0 4px #7a542759,inset 0 1px #ffffff8a}.drawer-body{flex:1;overflow-y:auto}.screen-content{min-height:auto;display:flex;flex-direction:column;gap:12px;padding:0 16px 18px}.app-header{display:none}.bento-card{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(91,61,28,.2);background:linear-gradient(180deg,#fffbeec7,#e4cba0b8),var(--paper);color:var(--ink);box-shadow:0 8px 16px #482c131f,inset 0 1px #ffffff70}.bento-card h2,.bento-card h3,.bento-card p{margin:0}.bento-card h2{font-size:22px;line-height:1.22}.bento-card h3{font-size:16px;line-height:1.3}.bento-card p{color:var(--muted);font-size:13px;line-height:1.5}.status-strip,.playlist-summary,.reason-card,.tuning-hero,.settings-group,.slider-card,.gift-list,.chat-card,.song-list-card{padding:14px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-head>span{color:var(--muted);font-size:12px}.chat-list,.song-list,.queue-list,.preview-thread{display:flex;flex-direction:column;gap:10px}.chat-list,.song-list{max-height:46vh;overflow-y:auto}.chat-list{padding-bottom:10px}.chat-message,.preview-bubble{max-width:100%;padding:12px;border-radius:6px 14px 14px;border:1px solid rgba(91,61,28,.18);background:#fff9e8ad}.chat-message.listener,.preview-bubble.listener{margin-left:22px;border-radius:14px 6px 14px 14px;background:#4e563829}.chat-message.host,.preview-bubble.host,.chat-message.system,.preview-bubble.system{margin-right:22px}.chat-message span,.preview-bubble span{display:block;margin-bottom:5px;color:var(--olive-dark);font-size:14px;font-weight:700;letter-spacing:0}.chat-message p,.preview-bubble p{margin:0;color:var(--ink);font-size:14px;line-height:1.6;white-space:pre-line}.empty-copy{color:var(--muted)!important;font-size:14px;line-height:1.6}.empty-copy.centered{min-height:150px;display:grid;place-items:center;text-align:center}.composer-card{position:sticky;bottom:0;z-index:2;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(91,61,28,.18);border-radius:16px;background:#efe0c2f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.composer-card label{color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.12em}.composer-card>div,.quick-message{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.ghost-action,.switch-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid rgba(91,61,28,.24);background:#fff8e5b3;color:var(--olive-dark);padding:0 13px;font-size:12px;font-weight:700}.switch-button span{width:9px;height:9px;border-radius:50%;background:var(--onair);box-shadow:0 0 8px #e5482e99}.tuning-hero{background:radial-gradient(circle at 86% 0%,rgba(184,132,59,.18),transparent 34%),var(--paper)}.tuning-hero h2{margin:4px 0;color:var(--ink)}.bento-grid.two-col,.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-group.compact{min-height:auto}.option-grid{margin-top:10px}.option-card{min-height:76px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:12px;border:1px solid rgba(91,61,28,.2);background:#fff9e8a3;color:var(--ink);padding:11px;text-align:left}.option-card span{color:var(--muted);font-size:12px}.option-card.active,.choice-chip.active{border-color:#4e563873;background:#4e56382e}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.choice-chip{min-height:38px;border-radius:999px;border:1px solid rgba(91,61,28,.2);background:#fff9e8a3;color:var(--ink);padding:0 12px;font-size:12px;font-weight:700}.slider-card{display:flex;flex-direction:column;gap:12px}input[type=range]{width:100%;accent-color:var(--olive)}.primary-action{width:100%}.playlist-summary{display:flex;justify-content:space-between;gap:14px}.playlist-summary span,.queue-badge{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#4e563824;color:var(--olive-dark);font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:700}.song-row,.queue-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid rgba(91,61,28,.14);background:#fff9e894;color:var(--ink);text-align:left}.song-row{grid-template-columns:42px minmax(0,1fr) auto 48px}.song-row.active{background:#4e56382b}.song-cover,.queue-row>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--olive);color:#f6e2b6;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.song-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.song-copy,.queue-row div{min-width:0}.song-copy strong,.queue-row strong{display:block;overflow:hidden;color:var(--ink);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.song-copy p,.queue-row p{margin:2px 0 0;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.song-state{display:grid;justify-items:end;gap:4px;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.song-state i{width:8px;height:8px;border-radius:50%;background:var(--onair)}.song-duration{justify-self:end;min-width:48px;color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.scrollbar-retro{scrollbar-width:thin;scrollbar-color:rgba(111,90,58,.45) transparent}.scrollbar-retro::-webkit-scrollbar{width:8px}.scrollbar-retro::-webkit-scrollbar-track{background:transparent}.scrollbar-retro::-webkit-scrollbar-thumb{border-radius:999px;background:#6f5a3a5c}@media(max-width:390px){.app-shell{padding-left:8px;padding-right:8px}.radio-machine{min-height:calc(100vh - 20px);padding:17px 16px 15px;border-radius:34px}.machine-brand{grid-template-columns:44px 1fr 58px}.machine-brand h1{font-size:23px}.frequency-window{grid-template-columns:102px minmax(0,1fr);gap:10px}.fm-readout strong{font-size:36px}.speaker-cabinet{min-height:132px;gap:6px;padding:17px 16px}.hardware-controls{grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:10px}.main-press-button{width:86px;height:86px}.rocker-button{width:66px;height:40px}.rocker-button span{width:34px;height:28px}.knob-row{grid-template-columns:66px minmax(0,1fr)}.brass-knob{width:62px;height:62px}}@media(min-width:700px){.radio-drawer.side{align-self:center;justify-self:end;margin-right:max(24px,calc((100vw - 430px)/2 - 360px));width:min(390px,calc(100vw - 48px));border-radius:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.stitch-marquee-track{animation:none}}.stitch-radio{width:min(100%,430px);height:min(932px,calc(100vh - 28px));min-height:780px;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;color:#3a322a;background-color:#efe4d1;background-image:radial-gradient(circle at 50% 30%,#ffffff47,#0000000d 72%),radial-gradient(rgba(92,70,44,.13) .75px,transparent .75px);background-size:100% 100%,5px 5px;box-shadow:0 32px 90px #00000075,inset 0 0 0 1px #ffffff59}.stitch-radio svg{width:24px;height:24px;fill:currentColor;stroke:none}.stitch-topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 36px) 24px 14px}.stitch-icon-button,.stitch-mini-status{color:#3a322a}.stitch-icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%}.stitch-icon-button svg{fill:none;stroke:currentColor;stroke-width:2}.stitch-mini-status{min-width:62px;display:grid;justify-items:end;gap:1px;font-family:VT323,ui-monospace,monospace;letter-spacing:.09em}.stitch-mini-status span{font-size:22px;line-height:1;color:#8b2d20}.stitch-mini-status small{font-size:10px;color:#6c5949}.stitch-radio-content{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 24px}.stitch-title-block{margin:4px 0 28px;text-align:center}.stitch-title-block h1{margin:0 0 8px;color:#2a241f;font-family:Libre Caslon Text,Georgia,serif;font-size:31px;font-weight:700;letter-spacing:.18em;line-height:1.1;text-transform:uppercase}.stitch-on-air{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#a83220}.stitch-on-air span{width:8px;height:8px;border-radius:50%;background-color:#915a50;box-shadow:0 0 #d9382900}.stitch-on-air span.live{background-color:#d93829;box-shadow:0 0 7px #d93829}.stitch-on-air b{font-size:13px;font-weight:700;letter-spacing:.16em}.stitch-recessed-display{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 30px;padding:12px 16px;overflow:hidden;border:1px solid #4a453f;border-radius:16px;background:linear-gradient(180deg,#1a1816,#2a2825);box-shadow:inset 0 4px 8px #000c,inset 0 1px 2px #00000080,0 2px 2px #ffffff4d}.stitch-recessed-display p{min-width:0;flex:1;margin:0;overflow:hidden;color:#f0a030;font-family:VT323,ui-monospace,monospace;font-size:21px;letter-spacing:.09em;line-height:1.1;text-align:left;text-overflow:ellipsis;text-shadow:0 0 4px rgba(240,160,48,.6);text-transform:uppercase;white-space:nowrap}.stitch-marquee{position:relative;height:1.1em;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.stitch-marquee-track{position:absolute;top:0;left:0;display:flex;width:-moz-max-content;width:max-content;animation:stitch-marquee-scroll 15s linear infinite;will-change:transform}.stitch-marquee-track span{flex:0 0 auto;padding-right:38px}@keyframes stitch-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.stitch-signal-meter{height:18px;display:flex;align-items:end;flex:0 0 auto;gap:4px}.stitch-signal-meter span{width:4px;background:#f0a030}.stitch-signal-meter span:nth-child(1){height:5px;opacity:.5}.stitch-signal-meter span:nth-child(2){height:9px;opacity:.56}.stitch-signal-meter span:nth-child(3){height:13px}.stitch-signal-meter span:nth-child(4){height:17px}.stitch-tuner-bezel{margin-bottom:30px;padding:8px;border-radius:20px;background:linear-gradient(180deg,#5a4430,#403022);box-shadow:0 6px 12px #0000004d,inset 0 2px 4px #ffffff1a}.stitch-tuner-window{position:relative;height:120px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:16px 24px;border-radius:16px 16px 0 0;background:linear-gradient(180deg,#ead7ba,#f5e8d3,#ead7ba);box-shadow:inset 0 8px 12px #0006,inset 0 -4px 8px #0000001a,0 2px 4px #fff3}.stitch-tuning-needle{position:absolute;top:0;bottom:0;width:2px;background:#d93829;box-shadow:0 0 4px #d9382999;z-index:2}.stitch-scale-labels{position:relative;z-index:1;display:flex;justify-content:space-between;margin:0 8px 10px;color:#5c5042;font-family:Libre Caslon Text,Georgia,serif;font-size:14px}.stitch-tuner-ticks{position:relative;z-index:1;height:18px;display:flex;justify-content:space-between;margin:0 16px;border-top:1px solid #8c7a66}.stitch-tuner-ticks span{width:1px;height:8px;background:#8c7a66}.stitch-tuner-ticks span.major{height:13px}.stitch-speaker-grille{width:100%;display:grid;gap:12px;padding:16px 12px;border-radius:0 0 16px 16px;background:linear-gradient(90deg,#422f20,#5e4430 20%,#684c37,#5e4430 80%,#422f20);box-shadow:inset 0 4px 8px #0006}.stitch-speaker-grille span{height:8px;border-radius:4px;background:#1a130d;box-shadow:inset 0 2px 4px #000c,0 1px 1px #ffffff1a}.stitch-listener-panel{width:calc(100% - 48px);min-height:92px;margin:0 24px 30px;padding:10px 16px 12px;border:1px solid #4a453f;border-radius:12px;text-align:left;overflow:hidden;background:linear-gradient(180deg,#1a1816,#2a2825);box-shadow:inset 0 4px 12px #000000e6,0 1px 1px #ffffff1a}.stitch-listener-label{display:block;margin-bottom:2px;color:#a86e1ec7;font-family:VT323,ui-monospace,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.stitch-listener-panel p{display:-webkit-box;margin:0;overflow:hidden;color:#f0a030;font-family:VT323,ui-monospace,monospace;font-size:11px;line-height:1.08;text-shadow:0 0 8px rgba(240,160,48,.6);white-space:pre-line;animation:listenerLineIn .36s ease both;-webkit-box-orient:vertical;-webkit-line-clamp:3}.stitch-listener-panel small{display:block;margin-top:7px;color:#f0a03085;font-family:VT323,ui-monospace,monospace;font-size:12px;line-height:1}@keyframes listenerLineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.stitch-knob-deck{display:grid;grid-template-columns:70px 160px 70px;align-items:center;justify-content:center;gap:10px;margin:0 0 16px}.stitch-knob-spacer{width:70px;height:1px}.stitch-metal-knob{position:relative;width:160px;height:160px;flex:0 0 auto;justify-self:center;margin:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:conic-gradient(from 0deg,#d1c1aa,#efe3d0,#c5b29b,#a89580,#efe3d0,#c5b29b,#d1c1aa);box-shadow:0 12px 24px #0000004d,0 4px 8px #0003,inset 0 2px 4px #ffffff80,inset 0 -2px 6px #0000004d}.stitch-metal-knob.is-playing .stitch-metal-knob-inner{transform:translate(-50%,-50%) rotate(18deg)}.stitch-knob-ticks{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:repeating-conic-gradient(from 0deg,transparent 0deg,transparent 4deg,rgba(0,0,0,.3) 4deg,rgba(0,0,0,.3) 5deg);opacity:.5;-webkit-mask-image:radial-gradient(transparent 68%,black 70%);mask-image:radial-gradient(transparent 68%,#000 70%)}.stitch-metal-knob-inner{position:absolute;top:50%;left:50%;width:140px;height:140px;border-radius:50%;background:conic-gradient(from 45deg,#bca892,#e6d8c4,#bca892,#9e8973,#e6d8c4,#bca892);box-shadow:inset 0 1px 3px #0003,inset 0 -1px 3px #ffffff4d;transform:translate(-50%,-50%);transition:transform .22s ease}.stitch-knob-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#3a322ab8}.stitch-knob-icon svg{width:34px;height:34px}.stitch-track-advance{position:relative;width:62px;height:62px;align-self:center;justify-self:center;display:grid;place-items:center;color:#3a322a;border:1px solid rgba(74,69,63,.34);border-radius:50%;background:radial-gradient(circle at 34% 24%,rgba(255,250,230,.72),transparent 31%),conic-gradient(from 28deg,#c8b69e,#f0e4d3,#b7a38c,#8f7d6b,#eadcca,#b9a690,#c8b69e);box-shadow:0 7px 12px #0003,0 2px 3px #0000002e,inset 0 2px 4px #ffffff7a,inset 0 -3px 6px #00000038}.stitch-track-advance svg{width:24px;height:24px;color:#3a322ab3;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}.stitch-track-advance:active{background:radial-gradient(circle at 50% 54%,rgba(255,250,230,.18),transparent 42%),conic-gradient(from 28deg,#a8947d,#d8c9b7,#a08c76,#7f6d5d,#d0c0ad,#a18e79,#a8947d);box-shadow:inset 4px 5px 9px #00000038,inset -3px -3px 7px #ffffff73}.stitch-track-advance:disabled{opacity:.72;filter:saturate(.74)}.stitch-meta-row{display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:10px;margin-bottom:18px;color:#665546;font-family:VT323,ui-monospace,monospace;font-size:17px;letter-spacing:.04em}.stitch-meta-row strong{min-width:0;overflow:hidden;color:#3a322a;font-weight:400;text-align:center;text-overflow:ellipsis;white-space:nowrap}.stitch-meta-row span:last-child{text-align:right}.stitch-home-indicator{width:33%;height:4px;flex:0 0 auto;align-self:center;margin-bottom:max(8px,env(safe-area-inset-bottom));border-radius:999px;background:#2a241f}@media(max-width:420px){.app-shell{padding:0}.radio-stage,.stitch-radio{width:100%}.stitch-radio{height:100vh;min-height:760px}.stitch-topbar,.stitch-radio-content{padding-left:20px;padding-right:20px}.stitch-title-block{margin-bottom:22px}.stitch-recessed-display,.stitch-tuner-bezel{margin-bottom:24px}.stitch-listener-panel{width:calc(100% - 32px);margin:0 16px 24px}.stitch-knob-deck{grid-template-columns:60px 138px 60px;gap:8px}.stitch-knob-spacer{width:60px}.stitch-metal-knob{width:138px;height:138px}.stitch-metal-knob-inner{width:120px;height:120px}.stitch-track-advance{width:56px;height:56px}}@media(max-height:950px){.stitch-topbar{padding-top:calc(env(safe-area-inset-top) + 28px);padding-bottom:8px}.stitch-title-block{margin-bottom:22px}.stitch-title-block h1{font-size:30px}.stitch-recessed-display{min-height:52px;margin-bottom:22px}.stitch-tuner-bezel{margin-bottom:22px}.stitch-tuner-window{height:110px}.stitch-speaker-grille{gap:9px;padding-top:14px;padding-bottom:14px}.stitch-speaker-grille span{height:7px}.stitch-listener-panel{min-height:84px;margin-bottom:20px}.stitch-listener-panel p{font-size:15px}.stitch-knob-deck{grid-template-columns:60px 136px 60px;margin-bottom:12px}.stitch-knob-spacer{width:60px}.stitch-metal-knob{width:136px;height:136px}.stitch-metal-knob-inner{width:118px;height:118px}.stitch-track-advance{width:56px;height:56px}.stitch-knob-icon svg{width:30px;height:30px}.stitch-meta-row{margin-bottom:12px}}