@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&family=IBM+Plex+Mono:wght@300;400&display=swap";:root{color:#3e2723;background:#fdfbf7;font-family:IBM Plex Mono,ui-monospace,monospace;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box;border:0!important}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;background:#fdfbf7}button,input{font:inherit}button{appearance:none;border-radius:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:0}@keyframes arrive{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:1;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.radio-room{position:relative;min-height:101svh;overflow-x:hidden;color:#3e2723;background:#fdfbf7;letter-spacing:-.04em}.radio-room:before{position:fixed;inset:0;z-index:5;pointer-events:none;content:"";opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");mix-blend-mode:multiply}.radio-shell{position:relative;display:grid;width:min(100%,1440px);min-height:102vh;margin:0 auto;padding:clamp(1.1rem,4vw,3.3rem) clamp(1.1rem,7vw,7rem) 1.2rem;grid-template-rows:auto 1fr auto}.radio-header{position:relative;z-index:4;display:flex;min-height:6.6rem;align-items:flex-start;justify-content:flex-end}.top-right-console{display:flex;align-items:flex-end}.radio-console{position:relative;display:grid;width:6.7rem;height:4.45rem;place-items:center}.radio-mark{position:absolute;inset:0;z-index:0;display:grid;place-items:center;pointer-events:none}.radio-glyph{position:relative;display:block;width:6.7rem;height:4rem;border-radius:.9rem;background:#d32f2f;opacity:1}.radio-glyph:before{position:absolute;top:.72rem;left:.7rem;width:.34rem;height:.34rem;border-radius:50%;content:"";background:#fdfbf7;box-shadow:.72rem 0 #fdfbf7}.radio-glyph:after{position:absolute;top:-.62rem;left:1.05rem;width:.1rem;height:.76rem;content:"";background:#d32f2f;transform:rotate(-24deg);transform-origin:bottom}.radio-console-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.42rem}.radio-mark.is-active .radio-glyph{animation:breathe 1.5s ease-in-out infinite}.pin-corner{min-height:1.2rem}.console-controls{display:flex;align-items:center;gap:.38rem}.console-control{display:grid;width:1.5rem;height:1.35rem;min-width:1.5rem;padding:0;place-items:center;color:#fdfbf7;background:transparent;font-size:.7rem;font-weight:300;line-height:1;text-align:center;transition:color .18s ease,opacity .18s ease,transform .18s ease}.bottom-control{min-width:1rem;padding:.2rem 0;color:#3e2723;background:transparent;font-size:.76rem;font-weight:300;line-height:1;text-align:center;transition:color .18s ease,opacity .18s ease,transform .18s ease}.console-control:hover,.console-control:focus-visible,.bottom-control:hover,.bottom-control:focus-visible{color:#fdfbf7;transform:translateY(-2px)}.console-control.is-recording{color:#fdfbf7;animation:breathe 1s ease-in-out infinite}.pin-button,.pin-input{display:block;width:3ch;color:#fdfbf7;background:transparent;font-size:.72rem;font-weight:300;letter-spacing:.05em;line-height:1;text-align:center;transition:color .22s ease}.pin-button{padding:.1rem 0}.pin-button:hover,.pin-button:focus-visible{color:#fdfbf7}.pin-input{padding:.1rem 0;caret-color:#d32f2f;outline:0}.pin-input::selection,.message-input::selection{color:#fdfbf7;background:#d32f2f}.message-stream{position:absolute;top:clamp(7.5rem,15vh,10.5rem);left:clamp(1.1rem,7vw,7rem);z-index:2;display:flex;width:min(38rem,58vw);max-height:calc(100dvh - 14.5rem);flex-direction:column;gap:.32rem;overflow:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 92%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 92%,transparent)}.message-stream::-webkit-scrollbar{display:none}.message-line{max-width:100%;overflow-wrap:anywhere;color:#3e2723;font-family:Caveat,Segoe Print,cursive;font-size:clamp(1rem,1.55vw,1.2rem);font-weight:400;letter-spacing:.01em;line-height:1.25;animation:arrive .42s both}.radio-footer{position:relative;z-index:4;display:grid;min-height:3.6rem;align-items:end;gap:clamp(.8rem,2.4vw,2.5rem);grid-template-columns:auto minmax(0,1fr) auto}.bottom-controls{display:flex;align-items:center;gap:.82rem}.clear-control{color:#3e27234d}.exit-control{display:grid;width:1.28rem;height:1.28rem;padding:0;place-items:center;color:#fdfbf7;background:#d32f2f;font-size:.7rem;text-decoration:none}.exit-control:hover,.exit-control:focus-visible{color:#fdfbf7;background:#3e2723}.message-form{min-width:0}.message-input{display:block;width:100%;padding:0;color:#3e2723;background:transparent;caret-color:transparent;font-family:Caveat,Segoe Print,cursive;font-size:clamp(1rem,1.55vw,1.2rem);font-weight:400;letter-spacing:.01em;line-height:1.25}.message-input:disabled{opacity:.38}.submit-control{padding:.25rem .1rem .38rem;color:#d32f2f;font-size:.95rem}audio{display:none}@media(max-width:700px){.radio-shell{padding:.95rem 1.1rem .8rem}.radio-header{min-height:6.8rem}.console-controls{gap:.3rem}.message-stream{inset:7.2rem 1.1rem 5.6rem;width:auto;max-height:none}.radio-footer{gap:.7rem}}@media(prefers-reduced-motion:reduce){.radio-mark.is-active .radio-glyph,.console-control.is-recording,.message-line{animation:none}.console-control,.bottom-control,.pin-button{transition:none}}