[hidden]{display:none!important}::view-transition-group(mini-player){z-index:20;animation:none}::view-transition-old(mini-player){display:none}::view-transition-new(mini-player){animation:none}:root{--palette-transparent:transparent;--palette-black:#000;--palette-white:#fff;--palette-gray-100:#f5f6f8;--palette-gray-300:#979ead;--palette-gray-500:#343a48;--palette-gray-600:#292f3c;--palette-gray-700:#1c212b;--palette-gray-800:#171b23;--palette-gray-900:#10131a;--palette-crimson-300:#c94d60;--palette-crimson-500:#9f2940;--palette-crimson-700:#341c24;--palette-pink-900:#44293d;--palette-green-500:#53d58b;--palette-amber-500:#e8b44d;--palette-red-300:#ff9aa9;--palette-red-500:#ff667d;--palette-red-900:#351c25;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-xs:.25rem;--radius-sm:.5rem;--radius-md:.7rem;--radius-lg:1.4rem;--radius-pill:999px;--radius-circle:50%;--font-sans:system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--tracking-label:.1em;--color-text-primary:var(--palette-gray-100);--color-text-muted:var(--palette-gray-300);--color-text-accent:var(--palette-crimson-300);--color-text-on-image:var(--palette-white);--color-text-danger:var(--palette-red-300);--color-border-subtle:var(--palette-gray-600);--color-control-neutral:var(--palette-gray-600);--color-control-primary:var(--palette-crimson-500);--color-control-overlay:rgb(from var(--palette-black) r g b / 72%);--color-track:var(--palette-gray-500);--color-accent:var(--palette-crimson-300);--color-status-neutral:var(--palette-gray-300);--color-status-success:var(--palette-green-500);--color-status-warning:var(--palette-amber-500);--color-status-danger:var(--palette-red-500);--color-artwork-start:var(--palette-crimson-700);--color-artwork-end:var(--palette-pink-900);--color-overlay-border:rgb(from var(--palette-white) r g b / 25%);--color-artwork-icon:rgb(from var(--palette-white) r g b / 85%);--color-image-scrim:rgb(from var(--palette-black) r g b / 92%);--color-backdrop:rgb(from var(--palette-black) r g b / 72%);--type-heading-size:var(--text-lg);--type-heading-line:1.5rem;--type-heading-weight:var(--weight-bold);--type-body-size:var(--text-md);--type-body-line:1.5rem;--type-body-weight:var(--weight-regular);--type-control-size:var(--text-md);--type-control-line:1.25rem;--type-control-weight:var(--weight-semibold);--type-small-size:var(--text-sm);--type-small-line:1.25rem;--type-small-weight:var(--weight-regular);--type-caption-size:var(--text-xs);--type-caption-line:1rem;--type-caption-weight:var(--weight-regular);--type-eyebrow-size:var(--text-xs);--type-eyebrow-line:1rem;--type-eyebrow-weight:var(--weight-bold);--elevation-sm:0 0 .5rem rgb(from var(--palette-black) r g b / 50%);--elevation-md:0 0 1rem rgb(from var(--palette-black) r g b / 50%);--elevation-lg:0 0 2rem rgb(from var(--palette-black) r g b / 50%);--transition-fast:50ms ease-out;--transition-control:.16s ease-out;--transition-switch:.16s ease;--transition-overlay:.18s ease;--transition-slide:.18s ease-out;--status-success-glow-color:rgb(from var(--palette-green-500) r g b / 45%);--focus-outline:2px solid var(--color-text-accent);--focus-outline-offset:2px;--surface-page-background:var(--palette-gray-900);--surface-card-background:var(--palette-gray-800);--surface-card-border:1px solid var(--palette-gray-500);--surface-input-background:var(--palette-gray-700);--surface-input-border:1px solid var(--palette-gray-500);--surface-accent-background:var(--palette-crimson-700);--surface-danger-background:var(--palette-red-900);--surface-danger-border:1px solid var(--palette-red-900);--surface-raised-background:rgb(from var(--palette-gray-900) r g b / 75%);--surface-raised-border:1px solid var(--palette-gray-600);--surface-raised-shadow:var(--elevation-md);--surface-raised-blur:14px;--surface-floating-background:rgb(from var(--palette-gray-900) r g b / 75%);--surface-floating-border:1px solid var(--palette-gray-600);--surface-floating-shadow:var(--elevation-lg);--surface-floating-blur:14px;font-family:var(--font-sans);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);color:var(--color-text-primary);background:var(--surface-page-background)}*{scrollbar-color:color-mix(in srgb, var(--color-accent) 25%, var(--palette-transparent)) var(--palette-transparent);scrollbar-width:thin}.type-title{font-size:var(--type-body-size);font-weight:var(--weight-bold);line-height:var(--type-body-line);margin-block:0}.type-heading{font-size:var(--type-heading-size);font-weight:var(--type-heading-weight);line-height:var(--type-heading-line);text-wrap:balance;margin-block:0}.type-body{font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);text-wrap:pretty;margin-block:0}.type-small{font-size:var(--type-small-size);font-weight:var(--type-small-weight);line-height:var(--type-small-line);text-wrap:pretty;margin-block:0}.type-caption{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line);margin-block:0}.type-eyebrow{font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);line-height:var(--type-eyebrow-line);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-block:0;display:block}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-text-danger)}.text-right{text-align:right}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.input{font-family:inherit;font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line);border:var(--surface-input-border);border-radius:var(--radius-md);color:var(--color-text-primary);background:var(--surface-input-background);padding:.8rem .9rem}@media (prefers-reduced-motion:no-preference){.input{transition:border-color var(--transition-control)}}.input:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}@media (hover:hover){.input:hover:not(:disabled){border-color:var(--color-accent)}}.input:focus{border-color:var(--color-accent)}.input:disabled{cursor:default;opacity:.5}.input:where(:user-invalid,[aria-invalid=true]):not(:disabled){border-color:var(--color-text-danger)}.linkarea{z-index:1;-webkit-tap-highlight-color:transparent;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;outline:0;position:absolute;inset:0}.row-button{box-sizing:border-box;isolation:isolate;text-align:left;min-height:3rem;font-family:inherit;font-size:var(--type-control-size);font-weight:var(--type-control-weight);line-height:var(--type-control-line);position:relative}@media (prefers-reduced-motion:no-preference){.row-button{transition:background-color var(--transition-control)}}.row-button:where(button,a){-webkit-tap-highlight-color:transparent;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0}.row-button:where(button,a):disabled{cursor:default;opacity:.5}.row-button:where(button,a):active:not(:disabled){background-color:color-mix(in srgb, var(--color-text-primary) 10%, transparent)}@media (prefers-reduced-motion:no-preference){.row-button:where(button,a):active:not(:disabled){transition:background-color var(--transition-fast)}}@media (hover:hover){.row-button:where(button,a):hover:not(:disabled){background-color:color-mix(in srgb, var(--color-text-primary) 10%, transparent)}@media (prefers-reduced-motion:no-preference){.row-button:where(button,a):hover:not(:disabled){transition:background-color var(--transition-fast)}}}.row-button:where(button,a):focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.row-button:has(.linkarea):has(.linkarea:active:not(:disabled)){background-color:color-mix(in srgb, var(--color-text-primary) 10%, transparent)}@media (prefers-reduced-motion:no-preference){.row-button:has(.linkarea):has(.linkarea:active:not(:disabled)){transition:background-color var(--transition-fast)}}@media (hover:hover){.row-button:has(.linkarea):has(.linkarea:hover:not(:disabled)){background-color:color-mix(in srgb, var(--color-text-primary) 10%, transparent)}@media (prefers-reduced-motion:no-preference){.row-button:has(.linkarea):has(.linkarea:hover:not(:disabled)){transition:background-color var(--transition-fast)}}}.row-button:has(.linkarea):has(.linkarea:focus-visible){outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.switch{border-radius:var(--radius-pill);background:var(--color-track);cursor:pointer;-webkit-tap-highlight-color:transparent;width:3rem;height:1.7rem;display:block;position:relative}@media (prefers-reduced-motion:no-preference){.switch{transition:background var(--transition-switch), scale var(--transition-control), filter var(--transition-control)}}@media (hover:hover){.switch:hover:not(:active):not(:has(input:active)):not(:has(input:disabled)){filter:brightness(1.12)}}.switch:is(:active,:has(input:active)):not(:has(input:disabled)){filter:brightness(.9)}@media (prefers-reduced-motion:no-preference){.switch:is(:active,:has(input:active)):not(:has(input:disabled)){transition:background var(--transition-switch), scale var(--transition-fast), filter var(--transition-fast);scale:.97}}.switch input{opacity:0;pointer-events:none;position:absolute}.switch:after{border-radius:var(--radius-circle);content:"";background:var(--color-text-primary);width:1.3rem;height:1.3rem;margin:.2rem;display:block}@media (prefers-reduced-motion:no-preference){.switch:after{transition:transform var(--transition-switch)}}.switch:has(input:checked){background:var(--color-control-primary)}.switch:has(input:checked):after{transform:translate(1.3rem)}.switch:has(input:disabled){cursor:default;opacity:.5}.switch:has(input:focus-visible){outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.text-link{text-underline-offset:.3em;text-decoration:underline}.text-link:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}@media (hover:hover){.text-link:hover{color:var(--color-text-accent);filter:brightness(1.2);text-underline-offset:.4em}}@media (prefers-reduced-motion:no-preference){.text-link{transition:color var(--transition-control), text-underline-offset var(--transition-control)}}.container{box-sizing:border-box;max-width:40rem;margin-inline:auto}.grow{flex:1;min-width:0}.row-sm,.row-md,.row-lg{align-items:center;display:flex}.row-wrap-sm,.row-wrap-md,.row-wrap-lg{flex-wrap:wrap;align-items:center;display:flex}.row-sm,.row-wrap-sm{gap:var(--space-sm)}.row-md,.row-wrap-md{gap:var(--space-md)}.row-lg,.row-wrap-lg{gap:var(--space-lg)}.stack-xs,.stack-sm,.stack-md,.stack-lg,.stack-xl{grid-auto-rows:max-content;display:grid}.stack-xs{gap:var(--space-xs)}.stack-sm{gap:var(--space-sm)}.stack-md{gap:var(--space-md)}.stack-lg{gap:var(--space-lg)}.stack-xl{gap:var(--space-xl)}.self-center{place-self:center}.wings{grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;display:grid}.wings:not(:has(.wings-item)){gap:var(--space-sm);padding:var(--space-sm)}.wings-item{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;gap:var(--space-sm);padding:var(--space-sm);display:grid}.wings-item+.wings-item{border-top:1px solid var(--color-border-subtle)}.tiles-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(min(9rem,100%),1fr));display:grid}.chip{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);color:var(--color-text-accent);background:var(--surface-accent-background)}.status{border-radius:var(--radius-circle);background:var(--color-status-neutral);flex:none;width:.7rem;height:.7rem;display:inline-block}.status[data-variant=success]{background:var(--color-status-success);box-shadow:0 0 .7rem var(--status-success-glow-color)}.status[data-variant=warning]{background:var(--color-status-warning)}.status[data-variant=danger]{background:var(--color-status-danger)}.card{padding:var(--space-md);border:var(--surface-card-border);border-radius:var(--radius-sm);background:var(--surface-card-background);overflow:hidden}.card[data-variant=danger]{border:var(--surface-danger-border);color:var(--color-text-danger);background:var(--surface-danger-background)}.app-root{anchor-name:--libras-app;anchor-scope:--libras-app;isolation:isolate;background:var(--surface-page-background);width:100%;height:100%;position:relative;overflow:clip;container:app/size}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{box-sizing:border-box;overscroll-behavior:contain;width:100%;height:100%;padding-bottom:5.5rem;position:relative;overflow:auto}.topbar{z-index:30;border-bottom:var(--surface-raised-border);background:var(--surface-raised-background);-webkit-backdrop-filter:blur(var(--surface-raised-blur));backdrop-filter:blur(var(--surface-raised-blur));box-shadow:var(--surface-raised-shadow);position:sticky;top:0}.topbar-brand{justify-content:center;align-items:center;display:flex}.view{padding:var(--space-md)}a{color:inherit;text-decoration:none}.button,.icon-button{--control-size:2.75rem;--control-padding:var(--space-md);--control-icon-size:1.2rem;--control-color:var(--color-text-primary);--control-background:var(--color-control-neutral);--control-border:var(--palette-transparent);border:1px solid var(--control-border);color:var(--control-color);background:var(--control-background);font-family:inherit;font-size:var(--type-control-size);font-weight:var(--type-control-weight);line-height:var(--type-control-line);cursor:pointer;z-index:2;position:relative}.button{--control-size:3rem;--control-padding:1.2rem;--control-background:rgb(from var(--palette-white) r g b / 3%);--control-border:rgb(from var(--palette-white) r g b / 9%);-webkit-tap-highlight-color:transparent;box-sizing:border-box;min-height:var(--control-size);padding:.4rem var(--control-padding);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:center;justify-content:center;align-items:center;gap:.65rem;line-height:1.5;text-decoration:none;display:inline-flex}@media (hover:hover){.button:hover:not(:active):not(:disabled){background-color:color-mix(in srgb, var(--control-background) 94%, var(--control-color) 6%);border-color:color-mix(in srgb, var(--control-border) 88%, var(--control-color) 12%)}}@media (prefers-reduced-motion:no-preference){.button{transition:scale var(--transition-control), background-color var(--transition-control), border-color var(--transition-control)}}.button:active:not(:disabled){background-color:color-mix(in srgb, var(--control-background) 90%, var(--control-color) 10%);border-color:color-mix(in srgb, var(--control-border) 88%, var(--control-color) 12%)}@media (prefers-reduced-motion:no-preference){.button:active:not(:disabled){transition:scale var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);scale:.97}}.icon-button{-webkit-tap-highlight-color:transparent;width:var(--control-size);height:var(--control-size);border-radius:var(--radius-circle);font-size:var(--control-icon-size);flex:none;place-items:center;padding:0;display:inline-grid}@media (hover:hover){.icon-button:hover:not(:active):not(:disabled){background-color:color-mix(in srgb, var(--control-background) 90%, var(--color-text-primary) 10%)}}@media (prefers-reduced-motion:no-preference){.icon-button{transition:scale var(--transition-control), background-color var(--transition-control)}}.icon-button:active:not(:disabled){background-color:color-mix(in srgb, var(--control-background) 80%, var(--color-text-primary) 20%)}@media (prefers-reduced-motion:no-preference){.icon-button:active:not(:disabled){transition:scale var(--transition-fast), background-color var(--transition-fast);scale:.9}}.button[data-size=sm],.icon-button[data-size=sm]{--control-size:2.25rem;--control-padding:.8rem;--control-icon-size:1rem}.icon-button[data-size=lg]{--control-size:4.2rem;--control-padding:1.4rem;--control-icon-size:1.45rem}.icon-button[data-variant=primary]{--control-background:var(--color-control-primary)}.icon-button[data-variant=ghost]{--control-background:var(--palette-transparent)}.icon-button[data-variant=overlay]{--control-background:var(--color-control-overlay);--control-border:var(--color-overlay-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button:disabled,.icon-button:disabled{opacity:.4;cursor:default}.button:focus-visible,.icon-button:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.collection-heading{margin-bottom:var(--space-xl);align-items:start}.library-meta{color:var(--color-text-muted)}.player-dialog{--dialog-dismiss-offset:calc(50cqh + 50%);box-sizing:border-box;width:100cqw;max-width:none;height:100cqh;max-height:none;color:var(--color-text-primary);background:var(--surface-page-background);border:0;padding:0;overflow-y:auto;container:player/size}@container app (width>=800px){.player-dialog{border:var(--surface-floating-border);border-radius:var(--radius-sm);background:var(--surface-floating-background);width:min(100cqw - 2rem,80rem);height:min(100cqh - 2rem,52rem);-webkit-backdrop-filter:blur(var(--surface-floating-blur));backdrop-filter:blur(var(--surface-floating-blur));box-shadow:var(--surface-floating-shadow)}}.player-dialog,.action-menu,.notification-popover,.player-dialog::backdrop,.action-menu::backdrop{position-anchor:--libras-app;inset:anchor(top) anchor(right) anchor(bottom) anchor(left);position:fixed}.player-dialog::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.player-view{align-items:start;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(min(25rem,100%),1fr));display:grid}.player-main{isolation:isolate;grid-template-rows:55cqh auto;min-width:0;display:grid;position:relative}.player-content{z-index:1;grid-area:2/1;align-self:start;min-width:0;padding-top:0}.collection-artwork{max-width:20rem;margin:0 auto var(--space-lg);box-shadow:var(--elevation-md)}.player-main>.artwork{pointer-events:none;grid-area:1/1;height:100%}.player-main>.artwork:after{background:linear-gradient(to bottom, rgb(from var(--surface-page-background) r g b / 0) 0%, rgb(from var(--surface-page-background) r g b / 15%) 30%, rgb(from var(--surface-page-background) r g b / 55%) 65%, var(--surface-page-background) 100%);content:"";position:absolute;inset:0}.player-content>p{text-align:center;flex:none;margin-bottom:1.4rem}.playback-progress{margin:var(--space-lg) 0 1.25rem;flex:none}.playback-slider{width:100%;accent-color:var(--color-accent);margin:0}.playback-slider:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}@media (hover:hover){.playback-slider:hover:not(:disabled){cursor:pointer}}.playback-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.45rem;display:flex}.controls{flex:none;justify-content:center;align-items:center;gap:.75rem;display:flex}.tile{content-visibility:auto;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-card-background);min-width:0;color:inherit;text-align:left;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;box-shadow:var(--elevation-md);border:0;padding:0;display:grid;position:relative;overflow:hidden}.tile:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}@media (hover:hover){.tile:hover:not(:active){filter:brightness(1.1);box-shadow:var(--elevation-sm)}}@media (prefers-reduced-motion:no-preference){.tile{transition:scale var(--transition-control), filter var(--transition-control), box-shadow var(--transition-control)}}.tile:active{filter:brightness(.85);box-shadow:var(--elevation-sm)}@media (prefers-reduced-motion:no-preference){.tile:active{transition:scale var(--transition-fast), filter var(--transition-fast), box-shadow var(--transition-fast);scale:.98}}.artwork{min-height:0;color:var(--color-artwork-icon);background:linear-gradient(145deg, var(--color-artwork-start), var(--color-artwork-end));flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.artwork[data-size=sm]{border-radius:var(--radius-xs);width:3rem;height:3rem}.artwork[data-size=md]{border-radius:var(--radius-xs);width:3.8rem;height:3.8rem}.artwork[data-size=stretch]{aspect-ratio:1;width:100%}.artwork img{object-fit:cover;width:100%;height:100%}.tile:after{content:"";background:linear-gradient(var(--palette-transparent), var(--color-image-scrim));position:absolute;inset:35% 0 0}.tile-name{z-index:1;color:var(--color-text-on-image);font-weight:var(--weight-semibold);position:absolute;bottom:.65rem;left:.7rem;right:.7rem}.action-menu{box-sizing:border-box;border:0;border-top:var(--surface-floating-border);width:100cqw;max-width:none;height:auto;max-height:calc(100cqh - 2rem);color:var(--color-text-primary);background:var(--surface-floating-background);-webkit-backdrop-filter:blur(var(--surface-floating-blur));backdrop-filter:blur(var(--surface-floating-blur));box-shadow:var(--surface-floating-shadow);border-radius:0;margin:0;padding:0;top:auto;overflow-y:auto}.action-menu::backdrop{background:var(--color-backdrop)}.player-dialog,.action-menu{overscroll-behavior-y:contain;opacity:0;translate:0 var(--dialog-dismiss-offset,100%)}@media (prefers-reduced-motion:no-preference){.player-dialog,.action-menu{transition:translate var(--transition-slide), opacity var(--transition-overlay), overlay var(--transition-overlay) allow-discrete, display var(--transition-overlay) allow-discrete}}.player-dialog[open],.action-menu[open]{opacity:1;translate:0 var(--swipe-offset,0px)}.player-dialog::backdrop,.action-menu::backdrop{opacity:0}@media (prefers-reduced-motion:no-preference){.player-dialog::backdrop,.action-menu::backdrop{transition:opacity var(--transition-overlay), overlay var(--transition-overlay) allow-discrete, display var(--transition-overlay) allow-discrete}}.player-dialog[open]::backdrop,.action-menu[open]::backdrop{opacity:1}@starting-style{.player-dialog[open],.action-menu[open]{opacity:0;translate:0 var(--dialog-dismiss-offset,100%)}.player-dialog[open]::backdrop,.action-menu[open]::backdrop{opacity:0}}.player-dialog[data-dragging],.action-menu[data-dragging]{transition:none}.track-leading{color:var(--color-text-muted);text-align:right;align-self:stretch;place-items:center;display:grid}.track-details{overflow-wrap:anywhere;min-width:0;padding-block:.65rem}.player-queue{min-width:0;padding-bottom:max(var(--space-md), env(safe-area-inset-bottom))}.empty-state{min-height:55cqh;padding:var(--space-xl);text-align:center;align-content:center;place-items:center}.mini-player{view-transition-name:mini-player;z-index:20;right:var(--space-sm);bottom:max(var(--space-sm), env(safe-area-inset-bottom));left:var(--space-sm);border:var(--surface-floating-border);border-radius:var(--radius-sm);text-align:left;background:var(--surface-floating-background);-webkit-backdrop-filter:blur(var(--surface-floating-blur));backdrop-filter:blur(var(--surface-floating-blur));box-shadow:var(--surface-floating-shadow);position:absolute}@media (prefers-reduced-motion:no-preference){.mini-player{transition:background-color var(--transition-control)}}.mini-player:has(.linkarea:active){background:color-mix(in srgb, var(--surface-floating-background) 90%, var(--color-text-primary) 10%)}@media (prefers-reduced-motion:no-preference){.mini-player:has(.linkarea:active){transition:background-color var(--transition-fast)}}@media (hover:hover){.mini-player:has(.linkarea:hover){background:color-mix(in srgb, var(--surface-floating-background) 90%, var(--color-text-primary) 10%)}@media (prefers-reduced-motion:no-preference){.mini-player:has(.linkarea:hover){transition:background-color var(--transition-fast)}}}.mini-player:has(.linkarea:focus-visible){outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.mini-progress{pointer-events:none;border-radius:var(--radius-pill);background:var(--color-track);height:.18rem;position:absolute;bottom:0;left:.5rem;right:.5rem;overflow:hidden}.mini-progress span{background:var(--color-accent);height:100%;display:block}.mini-copy{min-width:0}.notification-popover{color:var(--color-text-primary);inset:calc(anchor(top) + 4rem) calc(anchor(right) + 1rem) auto auto;margin:var(--space-sm) 0 0;box-sizing:border-box;width:min(26rem,100cqw - 2rem);max-height:calc(100cqh - 6rem);padding:var(--space-md);border:var(--surface-floating-border);border-radius:var(--radius-sm);background:var(--surface-floating-background);-webkit-backdrop-filter:blur(var(--surface-floating-blur));backdrop-filter:blur(var(--surface-floating-blur));box-shadow:var(--surface-floating-shadow);overflow:auto}.notification-popover:popover-open{align-items:flex-start;gap:var(--space-sm);display:flex}.website{--site-background:#090b10;--site-border:rgb(from var(--palette-white) r g b / 9%);--site-faint:#6d7585;--site-accent:#f294a4;--site-accent-glow:rgb(from var(--palette-crimson-500) r g b / 20%);--site-radius:1rem;--site-max-width:1120px;--site-gutter:clamp(1.25rem, 4vw, 3rem);--site-section-space:clamp(5rem, 10vw, 8rem);--site-font-mono:ui-monospace, SFMono-Regular, Consolas, monospace;background:var(--site-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;overflow:clip}.site-container{width:min(calc(100% - var(--site-gutter) * 2), var(--site-max-width));margin-inline:auto}.container-md{width:100%;max-width:25ch}.site-skip-link{z-index:100;background:var(--color-text-primary);color:var(--site-background);border-radius:var(--radius-sm);padding:.75rem 1rem;position:fixed;top:.5rem;left:.5rem;translate:0 -200%}.site-skip-link:focus{translate:0}.display-xl{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(3rem,7.6vw,6.4rem);font-weight:650;line-height:1.04}.display-lg{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:550;line-height:1.15}.display-md{letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:1.1rem;font-weight:550;line-height:1.4}@media (width>=800px){.mobile-only{display:none!important}}@media (width<800px){.desktop-only{display:none!important}}.site-hero{isolation:isolate;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-block:clamp(4rem,7vw,6.5rem);display:flex;position:relative}.site-hero:before{content:"";z-index:-1;background:var(--site-accent-glow);filter:blur(100px);pointer-events:none;border-radius:50%;width:70%;height:30rem;position:absolute;top:-16rem;left:15%}.site-hero .row-sm svg{color:var(--site-accent);width:1em;height:1em}.site-hero h1{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#faf0f1 30%,#a49ba7 70%,#626779);-webkit-background-clip:text;background-clip:text}.site-hero-description{text-wrap:balance;max-width:35rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.8}.site-actions{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.site-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem;padding-block:2rem 0;scroll-margin-top:2rem;display:grid;position:relative}.site-showcase:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 75% 50%, var(--site-accent-glow), transparent 60%);position:absolute;inset:-5rem -10rem}.site-showcase-copy,.site-demo-window{position:relative}.site-demo-window{box-sizing:border-box;width:min(100%,390px);min-width:0;max-width:none;max-height:none;color:var(--color-text-primary);border:1px solid rgb(from var(--palette-white) r g b / 15%);border-radius:var(--site-radius);background:var(--surface-page-background);box-shadow:0 30px 100px #0008, 0 0 0 8px rgb(from var(--palette-white) r g b / 2%);margin:0 auto;padding:0;overflow:clip}.site-demo-toolbar{border-bottom:1px solid var(--site-border);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;display:flex;position:relative}.site-demo-frame{aspect-ratio:390/720;width:100%}.site-demo-dialog:not(:modal) .app-shell{overscroll-behavior:auto}.site-demo-launch{display:none}body:has(.site-demo-dialog:modal){overflow:hidden}.site-section{padding-top:var(--site-section-space);scroll-margin-top:2rem}.site-feature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.site-feature{isolation:isolate;border:1px solid var(--site-border);border-radius:var(--site-radius);background:linear-gradient(135deg, #ffffff03, transparent 60%), var(--surface-page-background);grid-column:span 2;padding:2rem;position:relative;overflow:hidden}.site-feature-library{grid-column:span 4;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;padding-right:0;display:grid}.site-feature-icon{border:1px solid var(--site-border);width:2.3rem;height:2.3rem;color:var(--color-text-muted);background:#ffffff03;border-radius:.65rem;flex:none;place-items:center;display:inline-grid}.site-record-scene{height:15rem;margin-left:1.5rem;position:relative;transform:rotate(-8deg)}.site-record-sleeve{z-index:1;box-sizing:border-box;aspect-ratio:1;background:linear-gradient(155deg,#c17b83,#74313e 50%,#311e2a);border:1px solid #ffffff30;place-items:center;width:14rem;padding:1rem;display:grid;position:absolute;box-shadow:4px 8px 30px #0008}.site-record-sleeve>svg{opacity:.8;width:4rem;height:4rem}.site-vinyl{background:repeating-radial-gradient(circle,#18181d 0 1px,#09090e 2px 3px);border:1px solid #ffffff20;border-radius:50%;place-items:center;width:13rem;height:13rem;display:grid;position:absolute;top:.5rem;left:7rem;box-shadow:8px 10px 30px #0005}.site-vinyl>div{background:var(--palette-crimson-700);width:4rem;height:4rem;color:var(--site-accent);border-radius:50%;place-items:center;display:grid}.site-download-visual{margin-top:var(--space-md)}.site-download-visual>div:first-child{align-items:center;gap:.6rem;font-size:.65rem;display:flex}.site-download-art{border-radius:var(--radius-xs);background:linear-gradient(135deg,#48695f,#1f3238);flex:none;place-items:center;width:2.2rem;height:2.2rem;display:grid}.site-install-visual small{color:var(--site-faint);font-size:.6rem;display:block}.site-download-check{color:var(--color-status-success);margin-left:auto}.site-download-line{border-radius:var(--radius-pill);background:linear-gradient(90deg,#52776d,#83b39f);height:3px;margin-top:1rem}.site-waveform{height:3rem;margin-top:var(--space-md);justify-content:space-between;align-items:center;gap:4px;display:flex}.site-waveform>span{background:var(--palette-gray-600);border-radius:2px;flex:1}.site-waveform>.site-waveform-played{background:var(--site-accent);opacity:.65}.site-install-visual{margin-top:var(--space-md);border:1px solid var(--site-border);background:#ffffff02;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;font-size:.8rem;display:flex}.site-app-icon{border:1px solid var(--site-border);background:linear-gradient(150deg,#2b2b35,#12141b);border-radius:.5rem;flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.site-code-icon{font-family:var(--site-font-mono);font-size:.85rem}.site-faq{max-width:48rem}.site-faq h2{text-align:center;margin-bottom:2rem}.site-faq-list details+details{border-top:1px solid var(--site-border)}.site-faq-list summary{cursor:pointer;font-size:var(--text-md);padding-block:1.25rem;list-style:none}.site-faq-list summary::-webkit-details-marker{display:none}.site-faq-list summary:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.site-faq-list details p{padding-bottom:1.25rem}@media (prefers-reduced-motion:no-preference){.site-faq-list{interpolate-size:allow-keywords}.site-faq-list details::details-content{height:0;transition:height var(--transition-overlay), content-visibility var(--transition-overlay) allow-discrete;overflow:hidden}.site-faq-list details[open]::details-content{height:auto}}.site-final-cta{isolation:isolate;padding-block:var(--site-section-space) 5rem;text-align:center;justify-items:center;margin-top:3rem;position:relative}.site-final-cta:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(ellipse at 50% 100%, var(--site-accent-glow), transparent 65%);position:absolute;inset:0 -5rem}.site-cta-emblem{border:1px solid var(--site-border);background:linear-gradient(145deg,#28212b,#11131b);border-radius:1.5rem;place-items:center;width:5rem;height:5rem;margin-inline:auto;display:grid;box-shadow:0 5px 30px #0006}.site-cta-emblem svg{width:3rem;height:3rem}.site-footer{border-top:1px solid var(--site-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;padding-block:2.5rem;display:flex}@media (hover:hover){.site-faq-list summary:hover{color:var(--site-accent)}}@media (width<1000px){.site-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2rem}.site-feature{grid-column:span 3}.site-feature-library{grid-column:1/-1}.site-record-scene{margin-left:3rem}.site-feature-copy{max-width:22rem}}@media (width<800px){.site-showcase{grid-template-columns:minmax(0,1fr);gap:2rem;max-width:34rem}.site-showcase-copy{text-align:center;justify-items:center}.site-demo-launch{display:inline-flex}.site-demo-dialog{width:100%;height:100dvh;box-shadow:none;border:0;border-radius:0;margin:0;position:fixed;inset:0;overflow:hidden}.site-demo-dialog:not(:modal){display:none}.site-demo-dialog:modal{flex-direction:column;display:flex}.site-demo-dialog::backdrop{background:var(--site-background)}.site-demo-toolbar{padding-top:max(.125rem, env(safe-area-inset-top));flex:none;padding-bottom:.125rem}.site-demo-frame{aspect-ratio:auto;flex:1;min-height:0}.site-feature-grid{grid-template-columns:minmax(0,1fr)}.site-feature,.site-feature-library{grid-column:auto}.site-feature{padding:1.5rem}.site-feature-library{grid-template-columns:1fr;gap:1.5rem;padding-bottom:3rem}.site-record-scene{margin-left:calc(50% - 8rem)}.site-footer{flex-direction:column;align-items:flex-start}}