:root{color-scheme:dark;background:#160f18;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block;touch-action:none}.source-dock{position:fixed;z-index:2;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));width:min(27rem,calc(100vw - 2rem));padding:.9rem;border:1px solid rgb(255 228 203 / 24%);border-radius:1rem;color:#ffffffc7;background:linear-gradient(135deg,#352333c2,#160f18b8);box-shadow:0 1.4rem 4rem #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .24s ease,background-color .24s ease}.source-dock[data-status=active]{border-color:#d1a15d75}.source-readout{position:relative;display:grid;gap:.2rem;min-height:4.5rem;padding:.15rem .15rem .85rem}.source-kicker{color:#d1a15db8;font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.source-name{color:#f2e5d4;font-size:1rem;font-weight:560;letter-spacing:-.015em}.source-detail{max-width:35rem;color:#9a837e;font-size:.72rem;line-height:1.35}.source-meter{--signal-level: 0;position:absolute;right:.15rem;bottom:.25rem;left:.15rem;height:1px;overflow:hidden;background:#ffe4cb1a}.source-meter:after{position:absolute;inset:0;background:linear-gradient(90deg,#88a28e,#c06a59 68%,#d1a15d);content:"";transform:scaleX(var(--signal-level));transform-origin:left;transition:transform 80ms linear}.source-actions{display:flex;gap:.45rem}.source-action{min-height:2.25rem;cursor:pointer;border:1px solid rgb(255 228 203 / 16%);border-radius:999px;padding:.55rem .8rem;color:#c9b6ac;font:inherit;font-size:.68rem;font-weight:650;letter-spacing:.055em;text-transform:lowercase;background:#ffefd60f;transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .14s cubic-bezier(.23,1,.32,1)}.source-action:hover:not(:disabled){color:#f2e5d4;border-color:#ffe4cb52;background:#ffefd61a}.source-action:active:not(:disabled){transform:scale(.975)}.capture-action{flex:1;color:#f2e5d4;border-color:#b486a15c}.capture-action[data-status=active]{color:#f2e5d4;border-color:#d1a15d85;background:#c06a5924}.spotify-auth[data-status=connected]{border-color:#1db9548c;color:#b9f6cf}.source-action:disabled{cursor:default;opacity:.55}@media(max-width:560px){.source-dock{right:max(.75rem,env(safe-area-inset-right));bottom:max(.75rem,env(safe-area-inset-bottom));left:max(.75rem,env(safe-area-inset-left));width:auto;padding:.75rem}.source-readout{min-height:4.15rem}.source-actions{align-items:stretch}.source-action{padding-inline:.7rem;font-size:.63rem}}