:root{--ground:#0d0d0d;--ink:#f5f5f5;--ink-2:#a3a3a3;--ink-3:#737373;--surface:#161616;--hairline:#262626;--glass-ink:#2a2a2a;--glass:#1e1e1e9e;--glass-edge:#ffffff14;--lg-fill:#3a3a3c6b;--lg-fill-hover:#48484a80;--lg-blur:blur(16px) saturate(1.8);--lg-rim:inset 0 .75px 0 #ffffff42, inset 0 -.5px 0 #ffffff0f, inset 0 0 0 .5px #ffffff14;--sheet-bg:#161616;--cell-bg:#ffffff13;--separator:#ffffff1a;--muted:#ebebf599;--faint:#ebebf54d;--track:#7878805c;--switch-on:#30d158;--destructive:#ff453a;--accent:#0a84ff;--empty-media:#2c2c2e;--edge-bg:#0c0c0c9e;--edge-line:#ffffff24;--fg:255 255 255;--ground-rgb:13 13 13;--stage:#000;--google-bg:#131314;--google-bg-hover:#1d1d1f;--google-ink:#e3e3e3;--google-edge:#8e918f;--radius:1rem;--gutter:max(1rem, env(safe-area-inset-left));--ease:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--dur:.32s;--dur-settle:.6s;--dur-micro:.15s;--dur-quick:.3s;--hover:var(--dur-quick) cubic-bezier(.25, .1, .25, 1);--dur-turn:.45s;--bar-h:4rem;--font-sans:system-ui, -apple-system, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--ground:#f2f2f7;--ink:#000;--ink-2:#6e6e73;--ink-3:#8e8e93;--surface:#fff;--hairline:#d1d1d6;--glass-ink:#e5e5ea;--glass:#ffffff9e;--glass-edge:#0000000f;--lg-fill:#ffffff8c;--lg-fill-hover:#ffffffb8;--lg-rim:inset 0 .75px 0 #ffffffe6, inset 0 -.5px 0 #0000000a, inset 0 0 0 .5px #00000014;--sheet-bg:#f2f2f7;--cell-bg:#fff;--separator:#3c3c434a;--muted:#3c3c4399;--faint:#3c3c434d;--track:#78788033;--switch-on:#34c759;--destructive:#ff3b30;--accent:#007aff;--empty-media:#e5e5ea;--edge-bg:#f2f2f7b8;--edge-line:#0000001f;--fg:0 0 0;--ground-rgb:242 242 247;--stage:#fff;--google-bg:#fff;--google-bg-hover:#f2f2f2;--google-ink:#1f1f1f;--google-edge:#747775;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--ground);min-height:100svh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--ink);text-underline-offset:.2em;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes fade{0%{opacity:0}}.welcome{max-width:25rem;min-height:100svh;padding:max(3rem, env(safe-area-inset-top)) var(--gutter) max(1.5rem, env(safe-area-inset-bottom));grid-template-rows:1fr auto;margin:0 auto;display:grid}.welcome-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0 2rem;display:flex}.welcome-hero>*{animation:rise var(--dur-settle) var(--ease) both}.welcome-hero>:nth-child(2){animation-delay:60ms}.welcome-hero>:nth-child(3){animation-delay:.11s}.welcome-hero>:nth-child(4){animation-delay:.17s}.welcome-hero h1{letter-spacing:-.02em;margin:2rem 0 0;font-size:2.125rem;font-weight:700}.byline{color:var(--ink-2);margin:.375rem 0 0;font-size:.9375rem}.features{text-align:start;gap:1.375rem;margin:2.25rem 0 0;padding:0;list-style:none;display:grid}.features li{grid-template-columns:2.5rem 1fr;align-items:start;gap:.625rem;display:grid}.feature-icon{color:var(--ink);place-items:center;padding-top:.125rem;display:grid}.features strong{font-size:1.0625rem;font-weight:600;display:block}.features li span span{color:var(--ink-2);margin-top:.125rem;font-size:.9375rem;line-height:1.35;display:block}.welcome-actions{animation:rise var(--dur-settle) var(--ease) .24s both;gap:.875rem;display:grid}.google{border:1px solid var(--google-edge);background:var(--google-bg);height:2.75rem;color:var(--google-ink);font-family:Roboto, var(--font-sans);transition:background var(--hover), transform .16s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:.625rem;font-size:.875rem;font-weight:500;display:flex}.google:hover{background:var(--google-bg-hover)}.google:active{transform:scale(.98)}.google:disabled{opacity:.38;cursor:default}.legal,.error{text-align:center;color:var(--ink-3);margin:0;font-size:.8125rem;line-height:1.4}.error{color:var(--ink-2)}@media (width>=64rem){.welcome{grid-template-rows:auto auto;align-content:center;gap:1.5rem}.welcome-hero h1{font-size:2.5rem}}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop img{object-fit:cover;filter:blur(64px)saturate(1.1)brightness(.55);opacity:0;width:120%;height:120%;transition:opacity .9s var(--ease), transform 1.6s var(--ease);position:absolute;inset:-10%;transform:scale(1.05)}.backdrop img.is-on{opacity:.32;transform:scale(1)}.home{min-height:100svh;position:relative}.tools{display:contents}.library{z-index:1;min-height:100svh;padding:0 var(--gutter) calc(7rem + env(safe-area-inset-bottom));background:var(--ground);position:relative}.bar{z-index:2;height:calc(var(--bar-h) + env(safe-area-inset-top));margin:0 calc(var(--gutter) * -1);padding:env(safe-area-inset-top) var(--gutter) 0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.bar:before,.side-bar:before{content:"";z-index:-1;background:var(--edge-bg);-webkit-backdrop-filter:blur(20px)saturate(1.6);box-shadow:inset 0 -.5px 0 var(--edge-line);opacity:0;transition:opacity var(--dur-quick) var(--ease);pointer-events:none;position:absolute;inset:0}.bar.is-edge:before,.side-bar.is-edge:before{opacity:1}.bar-title{opacity:0;transition:opacity var(--dur-micro) var(--ease), transform var(--dur-quick) var(--ease);font-size:1.0625rem;font-weight:600;transform:translateY(.375rem)}.bar.is-titled .bar-title{opacity:1;transform:none}.bar .account{justify-self:end}.scroll-top{height:1px;margin-bottom:-1px}.large-title{letter-spacing:-.02em;margin:.25rem 0 1.25rem;font-size:2.125rem;font-weight:700}.bar-glyph{justify-self:end}.is-destructive{color:var(--destructive)}.pill{border:1px solid var(--hairline);background:color-mix(in srgb, var(--surface) 82%, transparent);height:2.5rem;transition:border-color var(--hover), transform var(--dur-micro) var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:0 1.125rem;font-size:.9375rem;display:inline-flex}.pill:hover{border-color:var(--ink-3)}.pill:active{transform:scale(.97)}.pill.is-primary{border-color:var(--ink);background:var(--ink);color:var(--ground);font-weight:600}.confirm{border:1px solid var(--hairline);background:var(--surface);width:min(22rem,100vw - 2rem);color:var(--ink);border-radius:1.5rem;padding:1.5rem}.confirm[open]{animation:rise var(--dur-turn) var(--ease) both}.confirm::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade var(--dur-quick) var(--ease) both;background:#0000008c}.confirm h2{letter-spacing:-.01em;margin:0;font-size:1.25rem}.confirm p{color:var(--ink-2);margin:.5rem 0 1.5rem;font-size:.9375rem;line-height:1.45}.confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.action-sheet{width:min(22rem,100vw - 1rem);margin:auto auto max(.5rem, env(safe-area-inset-bottom));color:var(--ink);background:0 0;border:0;padding:0;overflow:visible}.action-sheet[open]{animation:sheet-rise var(--dur-turn) var(--ease) both;gap:.5rem;display:grid}.action-sheet::backdrop{animation:fade var(--dur-quick) var(--ease) both;background:#0006}.action-group{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1.625rem;display:grid;overflow:hidden}.action-group button{min-height:3.5rem;color:var(--accent);background:0 0;border:0;padding:0 1rem;font-size:1.25rem}.action-group button+button{box-shadow:inset 0 1px 0 var(--separator)}.action-group button:active{background:rgb(var(--fg) / .08)}.action-group .is-destructive{color:var(--destructive)}.action-group .is-cancel{font-weight:600}@keyframes sheet-rise{0%{opacity:0;transform:translateY(1.5rem)}}@media (width>=64rem){.action-sheet{margin:auto}}.grid{grid-template-columns:repeat(auto-fill,minmax(min(10.5rem,45%),1fr));gap:1.125rem .875rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.grid li{animation:rise .52s var(--ease) backwards;animation-delay:calc(var(--i,0) * 28ms);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.grid li img{-webkit-user-drag:none}.grid li.is-lifted{z-index:5;cursor:grabbing;transition:none;position:relative}.grid li.is-lifted .tile-art{border-radius:15%;box-shadow:0 .5rem 1.25rem #0000004d}.grid.is-sorting .tile{pointer-events:none}.tile{text-align:start;background:0 0;border:0;flex-direction:column;gap:.125rem;width:100%;padding:0;display:flex}.tile-art{aspect-ratio:1;isolation:isolate;border-radius:15%;flex:none;width:100%;margin-bottom:.625rem;transition:transform .56s cubic-bezier(.32,.72,0,1);display:block;position:relative}.tile-art:after{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .56s cubic-bezier(.32,.72,0,1);position:absolute;inset:0;box-shadow:0 .5rem 1.25rem #00000047}.tile:active .tile-art{transition-duration:.12s;transform:scale(.96)}@media (hover:hover){.tile:hover .tile-art{transition-duration:.32s;transform:translateY(-4px)}.tile:hover .tile-art:after{opacity:1;transition-duration:.32s}.tile:hover:active .tile-art{transition-duration:.12s;transform:translateY(-4px)scale(.96)}}.artwork{border-radius:inherit;background:var(--empty-media);place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.artwork img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s var(--ease);grid-area:1/1}.artwork img.is-ready{opacity:1}.artwork.is-empty span{text-transform:uppercase;font-size:2.75rem;font-weight:600}.tile-name,.tile-sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-name{font-size:1.0625rem;line-height:1.375rem}.tile-name,.tile-sub{padding-inline-start:3.2%}.tile-sub{color:var(--ink-2);font-size:.9375rem;line-height:1.25rem}.bars{background:#0000008c;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:26px;height:26px;display:flex;position:absolute;bottom:.5rem;left:.5rem}.bars i{width:2px;height:11px;transition:transform .26s var(--ease);background:#fffffff2;border-radius:1px;transform:scaleY(.55)}.bars.is-live i{animation:breathe-bar calc(.56s / var(--tempo,1)) ease-in-out infinite alternate}.bars.is-live i:nth-child(2){animation-duration:calc(.7s / var(--tempo,1));animation-delay:calc(.16s / var(--tempo,1))}.bars.is-live i:nth-child(3){animation-duration:calc(.62s / var(--tempo,1));animation-delay:calc(.32s / var(--tempo,1))}@keyframes breathe-bar{0%{transform:scaleY(.42)}to{transform:scaleY(1)}}.bone{background:linear-gradient(100deg, transparent 30%, rgb(var(--fg) / .05) 50%, transparent 70%) 0 0 / 300% 100% var(--empty-media);border-radius:.375rem;animation:1.6s linear infinite sweep;display:block}.tile-art.bone{border-radius:15%}.bone.line{width:80%;height:.875rem;margin-top:.25rem}.bone.line.short{width:50%}@keyframes sweep{0%{background-position:100% 0}to{background-position:-200% 0}}.empty{text-align:center;animation:rise var(--dur-settle) var(--ease) both;padding:6rem 0}.empty h2{margin:0;font-size:1.375rem}.empty p{color:var(--ink-2);margin:.5rem 0 0}.glyph{transition:transform .16s var(--ease), background var(--hover);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.glyph:active{transform:scale(.88)}.glyph svg{width:100%;height:100%}.now{grid-template-columns:minmax(0,1fr);align-content:start;gap:0;display:grid}.collapse{touch-action:none;background:0 0;border:0;align-self:center;place-items:center;width:4rem;height:1.5rem;margin-bottom:.5rem;padding:0;display:grid}.collapse .grabber{background:rgb(var(--fg) / .3);border-radius:999px;width:2.25rem;height:.3125rem}.now-art,.now-copy{touch-action:none}.now-art{aspect-ratio:1;border-radius:15%}.now-copy{gap:.125rem;min-width:0;margin-top:1.75rem;display:grid}.now-title,.now-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now-title{letter-spacing:-.01em;font-size:1.375rem;font-weight:700;line-height:1.75rem}.now-artist{color:var(--muted);font-size:1.0625rem;line-height:1.375rem}.scrub{grid-template-columns:1fr 1fr;gap:.375rem 0;margin-top:1.25rem;display:grid}.scrub input{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:1.25rem;margin:0}.scrub input::-webkit-slider-runnable-track{background:linear-gradient(to right, rgb(var(--fg) / .85) calc(var(--progress) * 100%), rgb(var(--fg) / .2) 0);height:.4375rem;transition:height .18s var(--ease);border-radius:999px}.scrub input::-moz-range-track{background:linear-gradient(to right, rgb(var(--fg) / .85) calc(var(--progress) * 100%), rgb(var(--fg) / .2) 0);border-radius:999px;height:.4375rem}.scrub input:active::-webkit-slider-runnable-track{height:.75rem}.scrub input::-webkit-slider-thumb{appearance:none;width:0;height:0}.scrub input::-moz-range-thumb{border:0;width:0;height:0}.time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:500}.time.end{text-align:end}.transport{justify-content:center;align-items:center;gap:clamp(1.5rem,8%,3rem);margin-top:1.25rem;display:flex}.transport .skip{width:2.75rem;height:2.75rem;padding:.6rem .25rem}.transport .play{width:4.5rem;height:4.5rem;padding:.625rem}@media (hover:hover){.transport .glyph:hover{background:rgb(var(--fg) / .08)}}.dock{background:var(--lg-fill);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-rim);border-radius:1.375rem;gap:.75rem;margin-top:1.5rem;padding:.375rem;display:flex}.dock-cell+.dock-cell:before{content:"";background:var(--separator);width:1px;transition:opacity var(--dur-micro) var(--ease);position:absolute;top:25%;bottom:25%;left:calc(-.375rem - .5px)}.dock-cell{text-align:start;min-width:0;transition:transform .16s var(--ease), background var(--hover);background:0 0;border:0;border-radius:1rem;flex:1;justify-content:center;align-items:center;gap:.625rem;padding:.625rem 1rem;display:flex;position:relative}@media (hover:hover){.dock-cell:hover{background:rgb(var(--fg) / .06)}}.dock-cell:active{transform:scale(.97)}.dock-cell[aria-expanded=true]{background:rgb(var(--fg) / .13)}.dock-icon{flex:none;width:1.5rem;height:1.5rem}.dock-copy{min-width:0;display:grid}.dock-label{font-size:1.0625rem;line-height:1.375rem}.dock-summary{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;line-height:1.125rem;overflow:hidden}.mini{left:var(--gutter);right:var(--gutter);bottom:calc(env(safe-area-inset-bottom) + .5rem);z-index:3;background:var(--lg-fill);height:4.25rem;-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-rim);animation:rise .42s var(--ease) both;transition:transform .42s var(--ease), opacity .3s var(--ease);border-radius:1.375rem;align-items:center;gap:.25rem;padding:0 .5rem 0 .625rem;display:flex;position:fixed;overflow:hidden}.mini-open{text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:.75rem;min-width:0;height:100%;padding:0;display:flex}.mini .artwork{border-radius:15%;flex:none;width:2.75rem;height:2.75rem}.mini-copy{min-width:0;display:grid}.mini-title,.mini-artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-title{font-size:1.0625rem;line-height:1.375rem}.mini-artist{color:var(--muted);font-size:.9375rem;line-height:1.25rem}.mini .glyph{flex:none;width:2.75rem;height:2.75rem;padding:.75rem}.mini .glyph.skip{padding:.85rem .55rem}.now-column{z-index:4;padding:max(.5rem, env(safe-area-inset-top)) max(1.5rem, var(--gutter)) max(1.5rem, env(safe-area-inset-bottom));background:var(--ground);isolation:isolate;opacity:0;visibility:hidden;transition:transform .52s var(--ease), opacity .3s var(--ease), visibility 0s linear .52s;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(100%)}.now-column .now{--cover-cap:calc(100dvh - 22rem - max(.5rem, env(safe-area-inset-top)) - max(1.5rem, env(safe-area-inset-bottom)));flex-direction:column;flex:1;width:100%;max-width:26rem;margin:0 auto;display:flex;position:relative}.now-column .now-art{width:min(100%, var(--cover-cap,100%));align-self:center}.now-column .transport{margin-block:auto;padding-block:1rem}.now-column .dock{margin-top:0}.player-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden;container-type:size}.player-backdrop .wash{opacity:0;transition:opacity .42s ease-in-out .42s;position:absolute;inset:0}.player-backdrop .wash.is-on{z-index:1;opacity:.75;transition-delay:0s}.player-backdrop .wash>img{object-fit:cover;filter:blur(60px);width:calc(100% + 16rem);height:calc(100% + 16rem);position:absolute;inset:-8rem}.player-backdrop .flow{--side:calc(2.2 * max(100cqw, 100cqh));left:calc(50cqw + var(--x) * 100cqw - var(--side) / 2);top:calc(50cqh + var(--y) * 100cqh - var(--side) / 2);width:var(--side);height:var(--side);will-change:transform;position:absolute}.player-backdrop .flow img{object-fit:cover;width:100%;height:100%;filter:blur(calc(var(--side) * .047))}@media (prefers-reduced-motion:reduce){.player-backdrop .flow{display:none}}.player-backdrop .standin{background:linear-gradient(to bottom left, rgb(var(--fg) / .14), rgb(var(--fg) / .03) 55%, rgb(var(--fg) / 0) 100%), linear-gradient(118deg, rgb(var(--fg) / .55), rgb(var(--fg) / .34) 35%, rgb(var(--fg) / .16) 65%, rgb(var(--fg) / .02));opacity:0;transition:opacity .42s ease-in-out;position:absolute;inset:0}.player-backdrop .standin.is-on{opacity:1}.player-backdrop .fade{z-index:2;background:linear-gradient(rgb(var(--ground-rgb) / .24) 0%, rgb(var(--ground-rgb) / .24) 12%, rgb(var(--ground-rgb) / .03) 19.3%, rgb(var(--ground-rgb) / .3) 39.6%, rgb(var(--ground-rgb) / .68) 63.8%, rgb(var(--ground-rgb) / .84) 88.1%, rgb(var(--ground-rgb) / .855) 100%);position:absolute;inset:0}.home.is-expanded .now-column{opacity:1;visibility:visible;transition:transform .52s var(--ease), opacity .2s var(--ease);transform:none}.home.is-expanded .mini{opacity:0;pointer-events:none;transform:translateY(1rem)}.side{--sheet-r:2.125rem;z-index:6;height:calc(100svh - max(.75rem, env(safe-area-inset-top) + .625rem) - var(--index,0) * .625rem);border-top:1px solid var(--hairline);border-radius:var(--sheet-r) var(--sheet-r) 0 0;background:var(--sheet-bg);transform-origin:50% 0;visibility:hidden;transition:transform var(--dur-quick) var(--ease), filter var(--dur-quick) var(--ease), visibility 0s linear var(--dur-quick);grid-template-rows:minmax(0,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(105%);box-shadow:0 -.5rem 2rem #00000059}.side.is-open{transform:translateY(var(--pull,0px));visibility:visible;transition:transform var(--dur-turn) var(--ease), filter var(--dur-turn) var(--ease)}.side.is-open.is-under{filter:brightness(.6);transform:translateY(-.5rem)scale(.94)}.side.is-open.is-deep{visibility:hidden}.side-grabber{background:rgb(var(--fg) / .3);border-radius:999px;width:2.25rem;height:.3125rem;position:absolute;top:.375rem;left:50%;transform:translate(-50%)}.side-bar{z-index:2;touch-action:none;cursor:grab;height:var(--bar-h);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 .875rem;display:grid;position:absolute;inset:0 0 auto}.side-bar h2{margin:0;font-size:1.0625rem;font-weight:600}.side-bar>.round,.side-bar>.glass-pill{justify-self:end}.side-bar button{cursor:pointer}.round,.glass-pill{background:var(--lg-fill);-webkit-backdrop-filter:var(--lg-blur);box-shadow:var(--lg-rim);color:var(--ink);transition:background var(--hover), transform var(--dur-micro) var(--ease);border:0}.round{border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;padding:.5625rem;display:grid}@media (hover:hover){.round:hover{background:var(--lg-fill-hover)}}.glass-pill{border-radius:999px;justify-self:end;align-items:center;height:2.25rem;padding:.1875rem;display:flex}.glass-pill button{width:1.875rem;height:1.875rem;color:inherit;transition:background var(--hover), transform var(--dur-micro) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:.375rem;display:grid}.glass-pill button svg{width:100%;height:100%}@media (hover:hover){.glass-pill button:hover{background:rgb(var(--fg) / .1)}}.glass-pill button:active{transform:scale(.92)}.glass-pill .is-commit{background:var(--ink);color:var(--ground);margin-left:.25rem}.round:active{transform:scale(.94)}.round[aria-pressed=true]{background:var(--lg-fill-hover)}.round svg{width:100%;height:100%}.round.quiet{-webkit-backdrop-filter:none;width:2rem;height:2rem;box-shadow:none;color:var(--ink-2);background:0 0;padding:.4375rem}.side-empty{text-align:center;animation:rise var(--dur-turn) var(--ease) both;padding:3rem 1rem}.side-empty h3{margin:0;font-size:1.125rem}.side-empty p{color:var(--muted);margin:.375rem 0 0;font-size:.9375rem}.side-empty.is-full{flex-direction:column;justify-content:center;align-items:center;min-height:60svh;padding:2rem 1.5rem;display:flex}.side-empty-mark{width:3rem;height:3rem;color:var(--muted);margin-bottom:.875rem}.side-empty-mark svg{width:100%;height:100%}.side-empty.is-full .pill{margin-top:1.25rem}.new-clip{animation:rise var(--dur-turn) var(--ease) both}.cell.new-clip-row{width:100%;color:var(--accent);text-align:start;transition:background var(--hover);background:0 0;border:0;justify-content:flex-start;font-size:1.0625rem}.new-clip-row .clip-mark{color:inherit}@media (hover:hover){.new-clip-row:hover{background:rgb(var(--fg) / .04)}}.new-clip-row:active{background:rgb(var(--fg) / .08)}.row-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.clip-list{margin:0;padding:0;list-style:none}.clip-row{padding-right:.375rem}.clip-play{text-align:start;background:0 0;border:0;flex:1;align-items:center;gap:.75rem;min-width:0;padding:.375rem 0;display:flex}.clip-mark{width:26px;height:26px;color:var(--muted);flex:none;place-items:center;display:grid;position:relative}.clip-mark svg{width:1rem}.clip-mark .bars{position:static}.clip-copy{min-width:0;display:grid}.clip-name{font-variant-numeric:tabular-nums;font-size:1.0625rem}.clip-length{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.form{--form-x:1rem;padding:calc(var(--bar-h) + .75rem) var(--form-x) max(1.5rem, env(safe-area-inset-bottom));overscroll-behavior:contain;grid-auto-rows:max-content;align-content:start;gap:2.1875rem;display:grid;overflow-y:auto}.form>*{min-width:0}.card{background:var(--cell-bg);border-radius:1.625rem;overflow:hidden}.cell{justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;padding:.375rem 1rem;display:flex}.cell+.cell{box-shadow:inset 0 1px 0 var(--separator)}.cell-name{white-space:nowrap;flex:none;font-size:1.0625rem}.picker select{max-width:55%;color:var(--muted);font:inherit;text-align:end;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 18'%3E%3Cpath d='M2.5 6.5 6 3l3.5 3.5M2.5 11.5 6 15l3.5-3.5' fill='none' stroke='%23999' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 100%/.6rem no-repeat;border:0;padding:.25rem 1.375rem .25rem .25rem;font-size:1.0625rem}.section-head{color:var(--muted);margin:0 0 .375rem 1rem;font-size:.8125rem;font-weight:400}.section-head.split{justify-content:space-between;margin-right:1rem;display:flex}.head-value{color:var(--ink);font-variant-numeric:tabular-nums}.section-foot{color:var(--muted);margin:.375rem 1rem 0;font-size:.8125rem;line-height:1.35}.band{grid-template-columns:2.25rem 1fr 2rem;display:grid}.band-hz,.band-db{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.band-db{text-align:end;color:var(--ink)}.slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.75rem;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink) calc(var(--fill) * 100%), var(--track) 0);border-radius:999px;height:.25rem}.slider::-moz-range-track{background:linear-gradient(to right, var(--ink) calc(var(--fill) * 100%), var(--track) 0);border-radius:999px;height:.25rem}.slider::-webkit-slider-thumb{appearance:none;width:1.5rem;height:1.5rem;transition:transform .16s var(--ease);background:#fff;border:0;border-radius:50%;margin-top:-.625rem;box-shadow:0 .125rem .5rem #00000059}.slider:active::-webkit-slider-thumb{transform:scale(1.12)}.slider::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:1.5rem;height:1.5rem;box-shadow:0 .125rem .5rem #00000059}.switch{background:var(--track);appearance:none;cursor:pointer;width:3.1875rem;height:1.9375rem;transition:background .25s var(--ease);border-radius:999px;flex:none;margin:0;position:relative}.switch:after{content:"";width:1.6875rem;height:1.6875rem;transition:transform .3s var(--spring);background:#fff;border-radius:50%;position:absolute;top:.125rem;left:.125rem;box-shadow:0 .1875rem .5rem #00000040}.switch:checked{background:var(--switch-on)}.switch:checked:after{transform:translate(1.25rem)}@media (width>=64rem){.home{--pad:clamp(1.5rem, 2.4vw, 2.5rem);--stage-w:clamp(24rem, min(30vw, 56svh), 30rem);--tools-w:clamp(22rem, 26vw, 27rem);grid-template-columns:minmax(0,1fr) 0;height:100svh;display:grid;overflow:hidden}.home.is-staged{grid-template-columns:minmax(0, 1fr) var(--stage-w)}.home.is-staged.is-tooled{grid-template-columns:minmax(0, 1fr) var(--stage-w) var(--tools-w)}.library{height:100svh;padding:0 var(--pad) 3rem;grid-column:1;overflow-y:auto}.bar{margin:0 calc(var(--pad) * -1);padding:0 1rem 0 var(--pad)}.grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr))}.stage{border-left:1px solid var(--hairline);background:var(--stage);view-transition-name:stage;grid-column:2;height:100svh;position:relative;overflow:hidden}.home:not(.is-staged) .stage{visibility:hidden}.tools{border-left:1px solid var(--hairline);background:var(--ground);view-transition-name:tools;grid-column:3;height:100svh;display:block;position:relative;overflow:hidden}.stage>.side,.tools>.side{box-shadow:none}.tools>.side.is-base{-webkit-backdrop-filter:none;backdrop-filter:none;height:100%;box-shadow:none;visibility:visible;background:0 0;border-top:0;border-radius:0;transform:none}.tools>.side.is-base.is-under{transform:translateY(-.5rem)scale(.94)}.tools>.side.is-base .side-grabber,.home:not(.is-tooled) .tools{display:none}.now-column{z-index:1;background:var(--ground);opacity:1;visibility:visible;transform-origin:50% 0;transition:transform var(--dur-turn) var(--ease), filter var(--dur-turn) var(--ease), border-radius var(--dur-turn) var(--ease);padding:1.5rem;position:absolute;inset:0;overflow:hidden;transform:none}.player-backdrop{position:absolute}.home.side-open .now-column{filter:brightness(.6);border-radius:2.125rem 2.125rem 0 0;transform:translateY(.5rem)scale(.94)}.home:not(.has-current) .now-column{visibility:hidden}.now-column .now{--cover-cap:calc(100svh - 21rem);max-width:none;margin:0}.collapse,.mini{display:none}.side{z-index:3;height:calc(100% - .75rem - var(--index,0) * .625rem);border-top:1px solid var(--hairline);position:absolute}.form{--form-x:1.25rem}}:root{--ios-curve:cubic-bezier(.32, .72, 0, 1)}::view-transition-group(*){animation-duration:.56s;animation-timing-function:var(--ios-curve)}::view-transition-old(stage){opacity:0;animation:none}::view-transition-new(stage){object-fit:none;object-position:left top;width:auto;height:100%;animation:none}::view-transition-group(stage){z-index:2;overflow:hidden}::view-transition-group(tools){z-index:1}::view-transition-old(stage):only-child{animation:slide-out .46s var(--ios-curve) both;opacity:1}::view-transition-new(stage):only-child{animation:slide-in .56s var(--ios-curve) both}::view-transition-old(tools):only-child{animation:.24s ease-out both fade-out}::view-transition-new(tools):only-child{animation:none}@keyframes fade-out{to{opacity:0}}@keyframes slide-in{0%{opacity:0;transform:translate(3rem)}}@keyframes slide-out{to{opacity:0;transform:translate(3rem)}}.editor{gap:1.75rem;min-width:0;display:grid}.editor canvas{touch-action:none;cursor:grab;width:100%;display:block}.editor .editor-band{border-radius:1rem}.editor-band.is-dragging{cursor:grabbing}.editor-strip{cursor:pointer}.editor-caption{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.5rem;padding:0 .875rem;font-size:.8125rem;font-weight:500;display:flex}.editor-timecode{text-align:center;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.125rem;font-weight:600}.editor .transport{margin-top:-.5rem}.transport .skip15{width:3rem;height:3rem;padding:.4375rem}.round.is-commit{background:var(--ink);color:var(--ground)}.round:disabled{opacity:.4;cursor:default}.round.is-commit.is-busy{opacity:1}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1.125rem;height:1.125rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.dock-cell.is-hug{flex:none}.tile.is-add .artwork.is-empty svg{width:30%;height:30%;color:var(--ink-2)}.art-slot{justify-items:center;gap:.25rem;padding-top:.5rem;display:grid}.art-pick{background:0 0;border:0;justify-items:center;gap:.625rem;padding:0;display:grid}.art-box{aspect-ratio:1;background:var(--empty-media);width:7.5rem;color:var(--ink-2);transition:transform var(--dur-micro) var(--ease);border-radius:15%;place-items:center;display:grid;overflow:hidden}.art-pick:active .art-box{transform:scale(.96)}.art-box img{object-fit:cover;width:100%;height:100%}.art-box svg{width:30%;height:30%}.text-action{color:var(--accent);background:0 0;border:0;padding:.25rem .5rem;font-size:1.0625rem}.text-action.is-destructive{color:var(--destructive)}.art-pick:disabled,.text-action:disabled{opacity:.4;cursor:default}.fields{gap:2.1875rem;display:grid}.field{cursor:text;display:grid}.field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:.25rem 0;font-size:1.0625rem}.field input::placeholder{color:var(--faint)}.destructive-row{width:100%;color:var(--destructive);background:0 0;border:0;justify-content:center;font-size:1.0625rem}.destructive-row:active{background:rgb(var(--fg) / .06)}.toast-slot{left:50%;bottom:calc(5.5rem + env(safe-area-inset-bottom));z-index:20;pointer-events:none;position:fixed;transform:translate(-50%)}.toast{border:1px solid var(--hairline);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(12px);white-space:nowrap;animation:rise var(--dur-turn) var(--ease) both;border-radius:999px;margin:0;padding:.75rem 1.125rem;font-size:.9375rem}@media (width>=64rem){.toast-slot{bottom:2rem}}.avatar-disc{background:var(--empty-media);text-transform:uppercase;border-radius:50%;flex:none;place-items:center;font-size:1.375rem;font-weight:600;display:grid;overflow:hidden}.avatar-disc img{object-fit:cover;width:100%;height:100%}.banner{text-align:start;background:0 0;border:0;justify-content:flex-start;gap:.5rem;width:100%;padding-block:.75rem}.banner-copy{flex:1;min-width:0;margin-left:.25rem;display:grid}.banner-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.0625rem;font-weight:600;overflow:hidden}.banner-legend{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.chevron{width:.4375rem;height:.75rem;color:var(--faint);flex:none;display:inline-grid}.chevron svg{width:100%;height:100%}.cell-value{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;font-size:1.0625rem;display:block;overflow:hidden}.link-row .cell-value{margin-left:auto}.link-row{width:100%;color:var(--ink);text-align:start;background:0 0;border:0;text-decoration:none}.banner:active,.link-row:active{background:rgb(var(--fg) / .06)}.value-bone{width:6rem;margin:0}.photo-slot{place-items:center;display:grid;position:relative}.photo-slot .spinner{position:absolute}.photo-slot.is-busy .avatar-disc{opacity:.4}.dialog-field{border:1px solid var(--hairline);background:var(--cell-bg);width:100%;color:var(--ink);font:inherit;border-radius:.75rem;outline:none;margin:1rem 0 1.5rem;padding:.625rem .875rem;font-size:1.0625rem}.dialog-field:focus{border-color:var(--ink-3)}.pill:disabled{opacity:.4;cursor:default}.progress-overlay{z-index:30;color:var(--ink);background:#0006;place-items:center;display:grid;position:fixed;inset:0}.progress-overlay .spinner{width:1.75rem;height:1.75rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.trophy-summary{--ring-size:4.5rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.75rem;display:grid;container-type:inline-size}.figure{color:var(--muted);justify-items:center;gap:.125rem;font-size:.8125rem;display:grid}.figure strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:600;line-height:1.75rem}.figure-bone{width:1.625rem;height:1.5rem;margin-bottom:.25rem}.ring,.ring-bone{width:var(--ring-size);height:var(--ring-size)}@container (width<=15rem){.trophy-summary>*{--ring-size:4rem}.ring-label{font-size:1rem}}.ring{place-items:center;display:grid;position:relative}.ring svg{width:100%;height:100%;position:absolute;inset:0}.ring-label{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.ring-bone{border-radius:50%}.trophy-row{justify-content:flex-start;min-height:3.75rem;padding-block:.5rem}.trophy-glyph{flex:none}.trophy-copy{flex:1;gap:.0625rem;min-width:0;display:grid}.trophy-title{font-size:1.0625rem}.trophy-line{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;line-height:1.125rem;overflow:hidden}.trophy-copy .bone.line{height:.75rem;margin:.1875rem 0}.sub-scrim{z-index:4;opacity:0;pointer-events:none;transition:opacity var(--dur-quick) var(--ease);background:#0006;position:absolute;inset:0}.sub-scrim.is-open{opacity:1;pointer-events:auto}.sub-sheet{z-index:5;max-height:calc(100% - 3rem);padding:2.25rem 1.5rem max(2rem, env(safe-area-inset-bottom));border-top:1px solid var(--hairline);background:var(--surface);touch-action:none;cursor:grab;visibility:hidden;transition:transform var(--dur-quick) var(--ease), visibility 0s linear var(--dur-quick);border-radius:2.125rem 2.125rem 0 0;outline:none;position:absolute;inset:auto 0 0;overflow-y:auto;transform:translateY(105%)}.sub-sheet.is-open{transform:translateY(var(--pull,0px));visibility:visible;transition:transform var(--dur-quick) var(--ease)}.sub-grabber{background:rgb(var(--fg) / .3);border-radius:999px;width:2.25rem;height:.3125rem;position:absolute;top:.375rem;left:50%;transform:translate(-50%)}.trophy-detail{text-align:center}.trophy-detail h2{margin-top:1rem;font-size:1.375rem}.trophy-detail p{margin:.5rem 0 0}.trophy-detail .trophy-caption{color:var(--muted);font-size:.8125rem;font-weight:500}.trophy-disc{border-radius:50%;place-items:center;width:5.5rem;height:5.5rem;display:inline-grid}.detail-close{position:absolute;top:1rem;right:1rem}.trophy-slot{top:max(.75rem, env(safe-area-inset-top));z-index:30;width:min(24rem,100vw - 1.5rem);position:fixed;left:50%;transform:translate(-50%)}.trophy-banner{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(1.4);width:100%;color:var(--ink);text-align:start;cursor:pointer;animation:drop var(--dur-turn) var(--spring) both;border-radius:1.375rem;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex;position:relative;overflow:hidden}.trophy-banner.is-leaving{animation:lift .22s var(--ease) both}.trophy-banner.is-platinum:before{z-index:-1;background:linear-gradient(105deg, transparent 35%, rgb(var(--fg) / .14) 50%, transparent 65%);content:"";animation:shine 1.6s .26s var(--ease) both;background-size:300% 100%;position:absolute;inset:0}.trophy-banner-copy{gap:.125rem;min-width:0;display:grid}.trophy-banner .eyebrow,.trophy-banner .desc{color:var(--muted);font-size:.8125rem;line-height:1.125rem}.trophy-banner .eyebrow{font-weight:500}.trophy-banner .title{font-size:.9375rem;font-weight:600;line-height:1.25rem}@keyframes drop{0%{opacity:0;transform:translateY(-120%)}}@keyframes lift{to{opacity:0;transform:translateY(-120%)}}@keyframes shine{0%{background-position:100% 0}to{background-position:0 0}}