:root{color-scheme:dark;--ink: #140817;--plum-dark: #211029;--plum-deep: #3a153d;--plum-surface: #2b1032;--plum-raised: #34123b;--plum-bright: #4a1c44;--ivory: #fff1ed;--blush: #ddbfc9;--mauve: #a98194;--coral: #ee4f70;--clay: #bd6d5d;--gold: #b79065;--slate: #75617f;--violet: #a64de0;--green: #687a73;--pink: #ff7892;background:var(--ink);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));max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain;padding:.9rem;border:1px solid rgb(255 241 237 / 31%);border-radius:.25rem 1.15rem .35rem .9rem;color:var(--blush);background:linear-gradient(116deg,transparent 0 68%,rgb(166 77 224 / 16%) 68.2% 69.7%,transparent 70%),linear-gradient(164deg,rgb(189 109 93 / 14%) 0 11%,transparent 11.2% 100%),radial-gradient(circle at 92% 7%,rgb(238 79 112 / 17%),transparent 29%),radial-gradient(circle at 2% 103%,rgb(104 122 115 / 19%),transparent 31%),linear-gradient(138deg,#4a1c44f2,#2b1032ed 48%,#140817f2);box-shadow:0 1.4rem 4rem #00000078,0 0 0 1px #a64de01a inset,0 -2.75rem 4rem #1408177f inset;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);transition:border-color .24s cubic-bezier(.2,.75,.3,1),box-shadow .24s cubic-bezier(.2,.75,.3,1),background-color .24s cubic-bezier(.2,.75,.3,1)}.source-dock[data-status=active]{border-color:#ee4f70bf;box-shadow:0 1.4rem 4rem #00000085,0 0 0 1px #ff78923d inset,0 0 2.5rem #ee4f7029}.source-dock[data-status=demo]{border-color:#a64de0c7;box-shadow:0 1.4rem 4rem #00000085,0 0 0 1px #fff1ed24 inset,0 0 2.5rem #a64de02e}.source-dock[data-status=licensed-demo]{border-color:#687a73cc;box-shadow:0 1.4rem 4rem #00000085,0 0 0 1px #b7906533 inset,0 0 2.5rem #687a732e}.source-readout{position:relative;display:grid;gap:.2rem;min-height:4.5rem;padding:.15rem 3rem .85rem .15rem}.source-readout:before,.source-readout:after{position:absolute;pointer-events:none;content:""}.source-readout:before{top:.05rem;right:.25rem;width:2.05rem;height:2.05rem;border:1px solid rgb(255 241 237 / 28%);background:linear-gradient(135deg,var(--violet) 0 48%,var(--coral) 49% 69%,var(--gold) 70%);clip-path:polygon(14% 0,100% 0,100% 83%,51% 100%,0 72%);opacity:.64}.source-readout:after{top:.18rem;right:2.75rem;width:.72rem;height:.22rem;background:var(--gold);box-shadow:0 0 1rem #b790658c}.source-kicker{color:var(--gold);font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.source-name{color:var(--ivory);font-size:1rem;font-weight:670;letter-spacing:-.02em;text-shadow:0 1px 0 rgb(20 8 23 / 75%)}.source-detail{max-width:35rem;color:var(--blush);font-size:.72rem;line-height:1.35}.source-meter{position:absolute;right:.15rem;bottom:.25rem;left:.15rem;height:2px;overflow:hidden;background:linear-gradient(90deg,#fff1ed24,#fff1ed08)}.source-meter-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--green),var(--violet) 48%,var(--coral) 76%,var(--pink));box-shadow:0 0 .8rem #ff7892cc;transform:scaleX(0);transform-origin:left;transition:transform 80ms linear}.source-actions{display:grid;gap:.45rem}.source-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.6rem .65rem .6rem .7rem;border:1px solid rgb(255 241 237 / 16%);border-left:3px solid rgb(183 144 101 / 55%);border-radius:.18rem .82rem .22rem .62rem;background:linear-gradient(105deg,rgb(255 241 237 / 8%),transparent 44%),#2110299e;box-shadow:0 .75rem 1.6rem #14081729 inset;transition:border-color .18s cubic-bezier(.23,1,.32,1),border-left-color .18s cubic-bezier(.23,1,.32,1),background-color .18s cubic-bezier(.23,1,.32,1)}.source-option-copy{display:grid;min-width:0}.source-option-name{color:var(--ivory);font-size:.73rem;font-weight:700;letter-spacing:.015em}.source-action{min-height:2.25rem;cursor:pointer;border:1px solid rgb(255 241 237 / 37%);border-radius:999px;min-width:5.7rem;padding:.55rem .72rem;color:var(--ivory);font:inherit;font-size:.68rem;font-weight:760;letter-spacing:.055em;text-transform:lowercase;background:linear-gradient(106deg,rgb(255 241 237 / 17%),transparent 46%),#4a1c44b8;box-shadow:0 .5rem 1rem #14081745;transition:color .16s cubic-bezier(.2,.75,.3,1),border-color .16s cubic-bezier(.2,.75,.3,1),background-color .16s cubic-bezier(.2,.75,.3,1),box-shadow .16s cubic-bezier(.2,.75,.3,1),transform .14s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.source-option:hover{border-color:#ff78927a;border-left-color:var(--coral);background-color:#4a1c44bf}.source-action:hover:not(:disabled){color:var(--ink);border-color:var(--ivory);background-color:var(--ivory);box-shadow:0 0 1.2rem #ff78924f}}.source-action:active:not(:disabled){transform:scale(.965)}.source-action:focus-visible,.source-notes summary:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.capture-action{border-color:#b79065ab;background:linear-gradient(112deg,rgb(183 144 101 / 24%),transparent 52%),#4a1c44d1}.capture-option[data-active=true]{border-color:#ff7892ad;border-left-color:var(--coral);background:linear-gradient(111deg,rgb(238 79 112 / 28%),transparent 58%),#4a1c44d4}.capture-action[data-status=active]{color:var(--ivory);border-color:var(--pink);background:linear-gradient(110deg,rgb(255 120 146 / 39%),transparent 55%),#bd6d5da1;box-shadow:0 0 1.4rem #ee4f704d}.demo-option[data-active=true]{border-color:#a64de0b8;border-left-color:var(--violet);background:linear-gradient(108deg,rgb(166 77 224 / 29%),transparent 57%),#3a153dd6}.demo-action[data-status=active]{color:var(--ivory);border-color:#a64de0db;background:linear-gradient(110deg,rgb(166 77 224 / 44%),transparent 55%),#4a1c44db;box-shadow:0 0 1.4rem #a64de04a}.licensed-demo-option[data-active=true]{border-color:#687a73d1;border-left-color:var(--green);background:linear-gradient(108deg,rgb(104 122 115 / 28%),transparent 57%),#2b1032d6}.licensed-demo-action[data-status=active]{color:var(--ivory);border-color:#687a73e8;background:linear-gradient(110deg,rgb(104 122 115 / 45%),transparent 55%),#2b1032e5;box-shadow:0 0 1.4rem #687a7345}.spotify-option[data-status=connected]{border-color:#687a73e0;border-left-color:var(--green);background:linear-gradient(108deg,rgb(104 122 115 / 26%),transparent 56%),#2b1032d4}.spotify-auth[data-status=connected]{color:var(--ivory);border-color:#687a73e8;background:linear-gradient(110deg,rgb(104 122 115 / 48%),transparent 58%),#2b1032e5}.source-action:disabled{cursor:default;opacity:.62}.source-notes{margin-top:.7rem;border-top:1px solid rgb(183 144 101 / 32%);color:var(--mauve);font-size:.64rem;line-height:1.4}.source-notes summary{width:fit-content;padding-top:.55rem;cursor:pointer;color:var(--blush);font-weight:700;letter-spacing:.02em;list-style:none}.source-notes summary::-webkit-details-marker{display:none}.source-notes summary:before{display:inline-grid;width:1rem;color:var(--gold);content:"+";place-items:center}.source-notes[open] summary:before{color:var(--coral);content:"−"}.source-note-list{display:grid;gap:.45rem;margin:.45rem 0 0 .9rem}.source-note{display:grid;gap:.1rem;padding-left:.45rem;border-left:1px solid rgb(166 77 224 / 50%)}.source-note strong{color:var(--blush);font-size:.65rem;font-weight:700}.source-note span{color:var(--mauve)}@media(prefers-contrast:more){.source-dock{border-color:var(--ivory);background:var(--plum-dark);-webkit-backdrop-filter:none;backdrop-filter:none}.source-option{border-color:#fff1eda6;background:var(--plum-surface)}.source-detail,.source-notes summary,.source-note strong{color:var(--ivory)}.source-note span{color:var(--blush)}}@media(prefers-reduced-motion:reduce){.source-dock,.source-meter-fill,.source-action,.source-option{transition:none}}@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;max-height:calc(100dvh - 1.5rem);padding:.75rem}.source-readout{min-height:4.15rem}.source-action{min-width:5.25rem;padding-inline:.7rem;font-size:.63rem}.source-option{gap:.55rem;padding-inline:.6rem}.source-note-list{margin-left:.55rem}}