:root{--paper:#fdf9e3;--ink:#4a3a30;--purple:#9c7fc6;--mint:#7fe3d6;--rose:#e8806f;--on-purple:#fff8e2;--soft:color-mix(in srgb, var(--ink) 9%, transparent);--soft-hover:color-mix(in srgb, var(--ink) 16%, transparent);--track:color-mix(in srgb, var(--ink) 18%, transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#2b2847;--ink:#f1e6d4;--purple:#8d70cf;--mint:#6fd6c9;--rose:#ff9a86;--on-purple:#fff3df;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--paper);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,system-ui,sans-serif;transition:background-color 1.1s,color .6s;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#loading{letter-spacing:.08em;background:var(--paper);pointer-events:none;z-index:10;place-items:center;font-size:22px;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading.done{opacity:0}#ui{left:0;right:0;bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;z-index:5;justify-content:center;display:flex;position:fixed}.radio{--w:176px;pointer-events:auto;width:var(--w);justify-items:center;gap:12px;display:grid}.radio-top{justify-content:space-between;align-items:center;width:100%;display:flex}.rbtn,.theme-toggle{background:var(--soft);color:var(--ink);cursor:pointer;font:inherit;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .12s,background-color .25s,color .6s;display:grid;position:relative}.rbtn:hover,.theme-toggle:hover{background:var(--soft-hover)}.rbtn:active,.theme-toggle:active{transform:scale(.92)}.rbtn:focus-visible,.theme-toggle:focus-visible,.vol:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.rbtn.small{width:40px;height:40px}.rbtn.small svg{width:22px;height:22px}.rbtn.big{background:var(--purple);width:64px;height:64px;color:var(--on-purple)}.rbtn.big:hover{background:var(--purple);filter:brightness(1.08)}.rbtn.big svg{width:32px;height:32px}.rbtn.big .icon{place-items:center;display:grid}.ring{z-index:-1;background:var(--purple);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.radio[data-state=idle] .ring{animation:2.4s ease-out infinite pulse}.radio[data-state=loading] .ring{animation:.8s ease-in-out infinite alternate breathe}@keyframes pulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}@keyframes breathe{0%{opacity:.35;transform:scale(1)}to{opacity:.1;transform:scale(1.3)}}.radio-label{text-align:center;white-space:nowrap;justify-self:center;justify-items:center;width:max-content;line-height:1.2;display:grid}.radio-label .name{letter-spacing:.02em;font-size:17px;font-weight:800}.radio-label .by{opacity:.6;font-size:12.5px}.radio[data-state=error] .name{color:var(--rose)}.vol{appearance:none;cursor:pointer;--fill:70%;background:0 0;border-radius:999px;width:100%;height:22px;margin:0}.vol::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--purple) var(--fill), var(--track) var(--fill));border-radius:999px;height:3px}.vol::-moz-range-track{background:linear-gradient(to right, var(--purple) var(--fill), var(--track) var(--fill));border-radius:999px;height:3px}.vol::-webkit-slider-thumb{appearance:none;background:var(--ink);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5.5px;transition:transform .15s}.vol::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:14px;height:14px;transition:transform .15s}.vol:active::-webkit-slider-thumb{transform:scale(1.3)}.vol:active::-moz-range-thumb{transform:scale(1.3)}#logo{top:max(22px, env(safe-area-inset-top));left:max(28px, env(safe-area-inset-left));z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;width:clamp(108px,14vw,200px);display:grid;position:fixed}#logo img{grid-area:1/1;width:100%;height:auto;transition:opacity 1.1s;display:block}#logo .logo-dark,:root[data-theme=dark] #logo .logo-light{opacity:0}:root[data-theme=dark] #logo .logo-dark{opacity:1}#theme{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:6;position:fixed}.theme-toggle{width:46px;height:46px}.theme-toggle svg{grid-area:1/1;width:26px;height:26px;transition:transform .7s cubic-bezier(.34,1.4,.5,1),opacity .4s}.theme-toggle .sun{color:#e9a23b}.theme-toggle .moon{color:#f6e9c6;opacity:0;transform:rotate(-80deg)scale(.4)}:root[data-theme=dark] .theme-toggle .sun{opacity:0;transform:rotate(80deg)scale(.4)}:root[data-theme=dark] .theme-toggle .moon{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.radio[data-state=idle] .ring,.radio[data-state=loading] .ring{opacity:.25;animation:none}.theme-toggle svg{transition:opacity .2s}}