@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap";@property --radio-background-from{syntax:"<color>";inherits:true;initial-value:#f9fafb}@property --radio-background-to{syntax:"<color>";inherits:true;initial-value:#d1d5db}:root{--sony-red:#e03c31;--radio-background-from:#f9fafb;--radio-background-to:#d1d5db;--radio-body:#eae3d1;--radio-body-edge:#cfc6b0;--radio-color-panel:#eac95b;--radio-color-panel-edge:#c4a74f;--radio-panel-cream:#eae3d1;--radio-control-bg:#1a1a1c;--radio-control-inset:inset 10px 10px 30px #000000b3, inset -2px -2px 5px #ffffff08;--radio-speaker-shell:#161616;--radio-speaker-mesh:#121212;--radio-speaker-border:#111;--radio-logo-small-color:#111;--radio-logo-main-color:#111;--radio-text-primary:#222;--radio-text-secondary:#666;--radio-control-label-color:#8a8a8a;--radio-control-unit-color:#666;--radio-scale-text:#ccc;--radio-scale-line:#555;--radio-slider-thumb:#d6d1c4;--radio-slider-thumb-shadow:0 5px 10px #0009, 0 2px 4px #0006, inset 0 2px 2px #ffffffe6, inset 0 -2px 3px #0003;--radio-slider-track:#0a0a0b;--radio-accent:#e03c31;--radio-accent-glow:#e03c316b;--font-ui:"Inter", sans-serif;--font-logo:"Montserrat", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{-webkit-user-select:none;user-select:none;font-family:var(--font-ui);overflow:hidden}button,input,canvas{font:inherit}button{color:inherit;background:0 0;border:0;padding:0}.app-shell{background-color:var(--radio-background-to);background-image:radial-gradient(circle at 50% -20%, var(--radio-background-from) 0%, var(--radio-background-to) 100%);justify-content:center;align-items:center;width:100%;height:100%;transition:--radio-background-from .3s linear,--radio-background-to .3s linear;display:flex;overflow:hidden}.locked-toast{z-index:200;color:#1f2937e6;letter-spacing:.04em;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #ffffffb3;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:600;transition:opacity .18s,transform .18s;position:fixed;top:32px;left:50%;transform:translate(-50%)translateY(-10px);box-shadow:0 10px 24px #00000014,inset 0 1px #ffffffe6}.locked-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.scene{width:1040px;height:680px;transform:scale(var(--radio-scale,1));transform-origin:50%;position:relative}.device-wrapper{perspective:1500px;z-index:10;contain:layout;width:1040px;height:680px;transition:width .3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes locked-collapse-shake{0%,to{transform:translate(-50%,-50%)translate(0)rotate(0)}20%{transform:translate(-50%,-50%)translate(-16px)rotate(-2.2deg)}40%{transform:translate(-50%,-50%)translate(13px)rotate(1.7deg)}60%{transform:translate(-50%,-50%)translate(-9px)rotate(-1.2deg)}80%{transform:translate(-50%,-50%)translate(6px)rotate(.8deg)}}.device-wrapper.is-locked-shaking{animation:.36s locked-collapse-shake}.device-wrapper.collapsed{width:624px}.radio-body{background-color:var(--radio-body);width:1040px;box-shadow:0 40px 80px -20px #0006, 0 20px 40px -10px #0003, inset 0 -5px 20px #0000001a, inset 0 4px 10px #fffc, 0 0 0 1px color-mix(in srgb, var(--radio-body-edge) 42%, transparent);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");border-radius:40px;transition:width .3s ease-in-out;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.device-wrapper.collapsed .radio-body{width:624px}.panel-speaker{z-index:5;border-right:3px solid var(--radio-speaker-border);background-color:var(--radio-speaker-shell);justify-content:center;align-items:center;width:40%;height:100%;transition:width .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:15px 0 30px #0000004d}.device-wrapper.collapsed .panel-speaker{width:0;box-shadow:none;border-right:0}.grille-mesh{border:1px solid color-mix(in srgb, var(--radio-speaker-border) 85%, black);background-color:var(--radio-speaker-mesh);background-image:radial-gradient(#000 35%,#0000 40%),radial-gradient(#ffffff08 35%,#0000 40%);background-position:0 0,3px 3px;background-size:6px 6px;border-right:0;border-radius:16px 0 0 16px;position:absolute;inset:24px -2px 24px 24px;overflow:hidden;box-shadow:inset 0 0 40px #000000e6}#oscilloscope{opacity:.6;pointer-events:none;mix-blend-mode:screen;filter:blur(.5px);width:100%;height:100%;position:absolute;inset:0}.panel-right{z-index:20;flex-direction:column;width:60%;height:100%;transition:width .3s ease-in-out,left .3s ease-in-out;display:flex;position:relative;left:0;overflow:hidden}.device-wrapper.collapsed .panel-right{width:100%;left:0}.panel-top-half{height:50%;display:flex;position:relative}.panel-color{z-index:20;border-right:2px solid var(--radio-color-panel-edge);background:linear-gradient(135deg, color-mix(in srgb, var(--radio-color-panel) 95%, white), color-mix(in srgb, var(--radio-color-panel-edge) 88%, var(--radio-color-panel)));width:50%;height:100%;transition:width .3s ease-in-out,z-index;position:absolute;top:0;left:0}.device-wrapper.collapsed .panel-color{z-index:50;border-right:0;width:100%;height:100%}.logo-small{background-color:var(--radio-logo-small-color);width:60px;height:16px;position:absolute;top:40px;left:40px;-webkit-mask:url(https://upload.wikimedia.org/wikipedia/commons/c/ca/Sony_logo.svg) 50%/contain no-repeat;mask:url(https://upload.wikimedia.org/wikipedia/commons/c/ca/Sony_logo.svg) 50%/contain no-repeat}.panel-controls{z-index:10;background-color:var(--radio-control-bg);width:50%;height:100%;box-shadow:var(--radio-control-inset);flex-direction:column;margin-left:50%;padding:30px;transition:opacity .12s,visibility 0s linear .12s;display:flex;position:relative}.panel-controls.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.sliders-wrapper{flex:1;justify-content:center;gap:50px;margin-top:10px;padding-top:10px;display:flex;position:relative}.slider-column{flex-direction:column;align-items:center;height:100%;display:flex;position:relative}.slider-unit-label{letter-spacing:.3em;color:var(--radio-control-unit-color);text-align:center;white-space:nowrap;font-size:7px;font-weight:700;position:absolute;top:-16px;left:0;right:0}.slider-track{border:1px solid color-mix(in srgb, var(--radio-slider-track) 95%, black);background-color:var(--radio-slider-track);border-radius:8px;width:14px;height:100%;position:relative;box-shadow:inset 0 6px 12px #000,inset 0 2px 4px #000000e6,0 1px #ffffff0d,inset 0 0 8px #000c}.slider-thumb{z-index:20;background-color:var(--radio-slider-thumb);width:34px;height:18px;box-shadow:var(--radio-slider-thumb-shadow);border-radius:3px;justify-content:center;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.slider-thumb:after{content:"";background:#0000004d;border-bottom:1px solid #fff9;border-radius:1px;width:22px;height:2px}.slider-label{letter-spacing:.15em;color:var(--radio-control-label-color);margin-top:16px;font-size:10px;font-weight:700}.tuning-scales,.volume-scales{pointer-events:none;flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;top:0;bottom:30px;right:46px}.volume-scales{right:48px}.scale-mark{align-items:center;gap:8px;display:flex}.scale-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--radio-scale-text);font-size:8px;font-weight:700}.scale-line{background-color:var(--radio-scale-line);border-radius:1px;width:6px;height:1.5px}.panel-cream{z-index:10;background-color:var(--radio-panel-cream);justify-content:center;align-items:flex-start;height:50%;padding:40px 50px;display:flex;position:relative}.logo-container{flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:40px;right:40px}.logo-main-button{justify-content:center;align-items:center;display:inline-flex}.sony-logo-main{background-color:var(--radio-logo-main-color);width:100px;height:27px;-webkit-mask:url(https://upload.wikimedia.org/wikipedia/commons/c/ca/Sony_logo.svg) 50%/contain no-repeat;mask:url(https://upload.wikimedia.org/wikipedia/commons/c/ca/Sony_logo.svg) 50%/contain no-repeat}.solid-state-sub{letter-spacing:.15em;color:var(--radio-text-secondary);text-shadow:0 1px 1px #fffc;-webkit-user-select:none;user-select:none;margin-top:2px;font-size:12px;font-weight:600}.power-led{background-color:#3a1111;border-radius:50%;width:10px;height:10px;transition:all .2s;position:absolute;bottom:40px;right:40px;box-shadow:inset 0 2px 4px #0009,0 1px 1px #fff6}.power-led.active{background-color:var(--sony-red);box-shadow:inset 0 1px 2px #fff6, 0 0 12px var(--sony-red), 0 0 24px var(--sony-red)}.story-modal-backdrop{z-index:220;opacity:0;-webkit-backdrop-filter:blur(10px);background:#11182747;justify-content:center;align-items:center;padding:40px 24px;transition:opacity .28s;display:flex;position:fixed;inset:0}.story-modal-backdrop.visible{opacity:1}.story-modal{opacity:0;background:#faf9f5;border-radius:28px;width:min(1040px,100vw - 48px);max-height:min(92vh,1040px);transition:opacity .32s,transform .32s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:translateY(18px)scale(.985);box-shadow:0 28px 80px #0f172a2e}.story-modal.visible{opacity:1;transform:translateY(0)scale(1)}.story-modal-cover{width:calc(100% + 76px);height:auto;margin:0 -38px 30px;display:block}.story-modal-title,.story-modal-scroll p{font-family:Georgia,Times New Roman,Times,serif}.story-modal-title{color:#111827e0;letter-spacing:-.02em;margin:0 0 24px;font-size:30px;font-weight:700;line-height:1.1}.story-modal-close{z-index:2;-webkit-backdrop-filter:blur(8px);background:#ffffffb8;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:absolute;top:18px;right:18px;box-shadow:0 8px 18px #0f172a14,inset 0 1px #ffffffeb}.story-modal-close-icon{stroke:#1f29379e;stroke-linecap:round;stroke-width:1.8px;fill:none;width:18px;height:18px}.story-modal-scroll{scrollbar-width:none;-ms-overflow-style:none;max-height:min(92vh,1040px);padding:0 38px 40px;overflow:auto}.story-modal-scroll::-webkit-scrollbar{display:none}.story-modal-scroll p{color:#111827e0;text-wrap:pretty;margin:0 0 20px;font-size:18px;line-height:1.78}.story-modal-scroll p:last-child{margin-bottom:0}.story-modal-notes{margin-top:42px}.story-modal-notes-divider{border:0;border-top:1px solid #0f172a1f;margin:0 0 18px}.story-modal-notes-list{margin:0;padding-left:0;list-style:none}.story-modal-note{color:#1f293794!important;margin:0 0 8px!important;font-size:15px!important;line-height:1.38!important}.story-modal-note:last-child{margin-bottom:0!important}.story-modal-note-link{color:inherit;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}@media (width<=900px){.scene{height:680px}}@media (width<=640px){.story-modal-scroll p{font-size:16px}.story-modal-note{font-size:13px!important}}