.radio{position:relative}.radio-btn{min-width:2.25rem;height:2.25rem;color:var(--color-muted);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-line) 70%, transparent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding-inline:.65rem;font-size:.875rem;font-weight:600;transition:color .16s,background-color .16s,box-shadow .3s;display:inline-flex}@media (min-width:768px){.radio-btn{padding-inline:.8rem .95rem}}.radio-btn:hover{color:var(--color-fg);background:var(--color-raised)}.radio-btn-on{color:var(--color-fg);background:color-mix(in oklab, var(--radio-tint) 14%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--radio-tint) 55%, transparent)}.radio-btn-on:hover{background:color-mix(in oklab, var(--radio-tint) 20%, var(--color-surface))}.radio-btn:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:2px}.radio-bars{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.radio-bars i{transform-origin:bottom;width:2.5px;height:100%;transform:scaleY(var(--h));transition:transform .4s var(--ease-out-expo);background:currentColor;border-radius:2px;display:block}.radio-bars i:first-child{--h:.45}.radio-bars i:nth-child(2){--h:.8}.radio-bars i:nth-child(3){--h:.6}.radio-bars i:nth-child(4){--h:.32}.radio-btn-on .radio-bars i{background:var(--radio-tint)}.radio-bars[data-live] i{animation:1.1s ease-in-out infinite alternate radio-bar}.radio-bars[data-live] i:first-child{animation-duration:.82s}.radio-bars[data-live] i:nth-child(2){animation-duration:1.13s;animation-delay:-.4s}.radio-bars[data-live] i:nth-child(3){animation-duration:.67s;animation-delay:-.2s}.radio-bars[data-live] i:nth-child(4){animation-duration:.95s;animation-delay:-.6s}@keyframes radio-bar{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.radio-card{z-index:50;background:color-mix(in oklab, var(--color-surface) 97%, var(--radio-tint));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--radio-tint) 28%, var(--color-line)), 0 24px 60px -24px #000000d9;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);animation:radio-card-in .32s var(--ease-out-expo);transform-origin:100% 0;border-radius:1.1rem;padding:.9rem;position:fixed;top:4.25rem;left:1rem;right:1rem;overflow:hidden}@media (min-width:640px){.radio-card{width:20.5rem;position:absolute;top:calc(100% + .6rem);left:auto;right:0}}@keyframes radio-card-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:none}}.radio-card-wash{filter:blur(36px)saturate(1.4);opacity:.2;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-40%}.radio-cover{background:var(--color-raised);width:4rem;height:4rem;color:var(--color-muted);box-shadow:0 10px 24px -12px var(--radio-tint), inset 0 0 0 1px #ffffff0f;border-radius:.7rem;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.radio-cover img{object-fit:cover;width:100%;height:100%;animation:radio-cover-in .6s var(--ease-out-expo)}@keyframes radio-cover-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}.radio-progress{background:color-mix(in oklab, var(--color-line) 80%, transparent);border-radius:2px;height:2px;margin-top:.85rem;display:block;position:relative;overflow:hidden}.radio-progress:after{content:"";background:var(--radio-tint);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.radio-icon-btn{width:2.25rem;height:2.25rem;color:var(--color-muted);background:color-mix(in oklab, var(--color-raised) 70%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);transition:color .15s ease, background-color .15s ease, transform .2s var(--ease-spring);cursor:pointer;border-radius:999px;flex:none;place-items:center;display:grid}.radio-icon-btn:hover:not(:disabled){color:var(--color-fg);background:var(--color-raised)}.radio-icon-btn:active:not(:disabled){transform:scale(.9)}.radio-icon-btn:disabled{opacity:.45;cursor:default}.radio-icon-btn:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:2px}.radio-cover-btn{cursor:zoom-in;border:0;padding:0}.radio-cover-btn:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:2px}.radio-sharp{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-out;background:#0b0b10b8;place-items:center;padding:1rem;animation:.42s radio-sharp-in;display:grid;position:fixed;inset:0}.radio-sharp-card{text-align:center;cursor:default;width:min(26rem,100%);animation:.52s cubic-bezier(.16,1,.3,1) radio-sharp-card-in}.radio-sharp-card img{aspect-ratio:1;object-fit:cover;border-radius:1rem;width:100%;box-shadow:0 30px 80px -30px #000000e6}.radio-sharp-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-fg);margin-top:1rem;font-size:1.35rem;font-weight:700}.radio-sharp-artist{color:var(--color-muted);margin-top:.15rem}@keyframes radio-sharp-in{0%{opacity:0}to{opacity:1}}@keyframes radio-sharp-card-in{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}