:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0b0b0d;--surface:#131317;--surface-2:#1b1b20;--line:#ffffff17;--line-strong:#ffffff2b;--line-control:#ffffff61;--fill:#ffffff12;--fill-hover:#ffffff21;--ink:#f5f2f3;--ink-2:#aba5a9;--ink-3:#8d868b;--danger:#ff8a8a;--accent-ink:#0b0b0d;--font:"Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace;--step--2:.75rem;--step--1:.8125rem;--step-0:.9375rem;--step-1:1.0625rem;--step-2:1.25rem;--step-3:1.5rem;--regular:400;--medium:500;--bold:600;--leading-tight:1.1;--leading-snug:1.25;--leading:1.45;--track-heading:-.02em;--track-display:-.03em;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--target:2.75rem;--r-1:.5rem;--r-2:.75rem;--r-3:1.25rem;--r-full:999px;--ring:0 0 0 1px var(--line);--lift:0 0 0 1px var(--line), 0 1.5rem 3.5rem -1rem #000c;--wash:.5;--scrim:62%;--scrim-ground:color-mix(in srgb, var(--ground) var(--scrim), transparent);--t-fast:.12s;--t:.2s;--t-slow:.6s;--ease:cubic-bezier(.16, 1, .3, 1);--z-back:0;--z-content:1;--z-bar:2;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--discord-chrome:0px;--discord-chrome-bottom:96px}:root[data-platform=mobile]{--discord-chrome:56px}.vibe-app{--accent-text:color-mix(in srgb, var(--accent) 80%, var(--ink));--accent-soft:color-mix(in srgb, var(--accent) 16%, var(--surface));--accent-line:color-mix(in srgb, var(--accent) 45%, transparent);--accent-glow:color-mix(in srgb, var(--accent) 16%, transparent)}@font-face{font-family:Outfit;font-style:normal;font-weight:400 700;font-display:swap;src:url(./outfit-latin-Bc-8i84L.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400 700;font-display:swap;src:url(./outfit-latin-ext-DdQaqQDo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ground);color:var(--ink);font:var(--regular) var(--step-0) / var(--leading) var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}h1,h2,p,ol{margin:0;padding:0}h1,h2{font-size:inherit;font-weight:var(--bold)}ol{list-style:none}img,svg{display:block}button,input{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0;margin:0;padding:0}button:disabled,input:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--accent,var(--ink));outline-offset:3px}[tabindex="-1"]:focus{outline:none}.vibe-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.vibe-num{font-variant-numeric:tabular-nums}.vibe-clip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.vibe-btn{width:var(--target);height:var(--target);border-radius:var(--r-full);color:var(--ink-2);transition:transform var(--t-fast) var(--ease);flex:none;place-items:center;display:inline-grid;position:relative}.vibe-btn:hover:not(:disabled){background:var(--fill);color:var(--ink)}.vibe-btn:active:not(:disabled){transform:scale(.94)}.vibe-btn:disabled{opacity:.4}.vibe-btn--strong{color:var(--ink)}.vibe-btn--tonal{background:var(--fill);color:var(--ink)}.vibe-btn--tonal:hover:not(:disabled){background:var(--fill-hover)}.vibe-btn--text{align-items:center;gap:var(--s-2);width:auto;padding-inline:var(--s-4);display:inline-flex}.vibe-btn[aria-pressed=true]{background:var(--fill);color:var(--ink)}.vibe-loop:not([data-mode=off]){color:var(--accent-text)}.vibe-loop:not([data-mode=off]):after{content:"";background:currentColor;border-radius:50%;width:.25rem;height:.25rem;margin-left:-.125rem;position:absolute;bottom:.25rem;left:50%}.vibe-play{border-radius:var(--r-full);background:var(--accent);width:3.5rem;height:3.5rem;color:var(--accent-ink);transition:transform var(--t-fast) var(--ease);flex:none;place-items:center;display:inline-grid}.vibe-play:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.04)}.vibe-play:active:not(:disabled){transform:scale(.96)}.vibe-play:disabled{opacity:.4}.vibe-slider{width:100%;display:block;position:relative}.vibe-slider>.vibe-meter{pointer-events:none;margin-top:-.125rem;position:absolute;top:50%;left:.375rem;right:.375rem}.vibe-slider--quiet .vibe-meter__fill{background:var(--ink-2)}.vibe-slider[data-glide] .vibe-meter__fill{transition:transform .5s linear}.vibe-slider:has(:disabled){opacity:.4}.vibe-range{appearance:none;cursor:pointer;background:0 0;width:100%;height:1.25rem;margin:0;display:block;position:relative}.vibe-range::-webkit-slider-runnable-track{background:0 0;height:.25rem}.vibe-range::-webkit-slider-thumb{appearance:none;background:var(--ink);width:.75rem;height:.75rem;transition:transform var(--t-fast) var(--ease);border-radius:50%;margin-top:-.25rem;transform:scale(0);box-shadow:0 1px 4px #00000080}.vibe-range:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1)}.vibe-range:focus-visible::-webkit-slider-thumb{transform:scale(1)}.vibe-range:active:not(:disabled)::-webkit-slider-thumb{transform:scale(1)}.vibe-range:focus-visible{outline-offset:2px;border-radius:var(--r-full)}@media (hover:none){.vibe-range{height:var(--target)}.vibe-range::-webkit-slider-thumb{transform:scale(1)}}.vibe-cover{aspect-ratio:1;border-radius:var(--r-2);background:var(--surface);box-shadow:var(--lift);flex:none;position:relative;overflow:hidden}.vibe-layer{position:absolute;inset:0}.vibe-layer img{object-fit:cover;width:100%;height:100%}.vibe-layer[data-arriving=wait]{opacity:0}.vibe-cover .vibe-layer[data-arriving=now]{animation:vibe-cover-in .36s var(--ease) both}@keyframes vibe-cover-in{0%{opacity:0;transform:translate(4%)}}.vibe-thumb{width:var(--target);height:var(--target);border-radius:var(--r-1);background:var(--surface-2);object-fit:cover;flex:none;place-items:center;display:grid;overflow:hidden}.vibe-cover__empty{background:var(--surface);width:100%;height:100%;color:var(--ink-3);place-items:center;display:grid}.vibe-thumb svg{color:var(--ink-3)}.vibe-thumb--art .vibe-art,.vibe-thumb--art svg{width:100%;height:100%;display:block}.vibe-panel section>.vibe-heading{padding-bottom:var(--s-2)}.vibe-panel .vibe-queue{padding:0}.vibe-row__acts{align-items:center;gap:var(--s-1);padding-right:var(--s-2);display:flex}.vibe-row__acts .vibe-boost{margin-right:0}.vibe-row__n{color:var(--ink-3);text-align:center}.vibe-actions{gap:var(--s-2);flex-wrap:wrap;display:flex}.vibe-row{align-items:center;gap:var(--s-2);border-radius:var(--r-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.vibe-row:hover:not(:has(:disabled),.vibe-row--plain){background:var(--surface)}.vibe-row__play{grid-template-columns:var(--target) minmax(0, 1fr) auto;align-items:center;gap:var(--s-3);min-width:0;padding:var(--s-2);border-radius:var(--r-1);text-align:left;display:grid}.vibe-row__play:focus-visible{outline-offset:-2px}.vibe-row__play:disabled{opacity:.5}.vibe-row__title{font-weight:var(--medium);display:block}.vibe-row__artist{color:var(--ink-3);font-size:var(--step--1);display:block}.vibe-row__meta{max-width:6rem;color:var(--ink-3);font-size:var(--step--1);justify-items:end;display:grid}.vibe-boost{justify-content:center;align-items:center;gap:var(--s-1);min-width:2rem;height:1.75rem;margin-right:var(--s-2);padding-inline:var(--s-2);border-radius:var(--r-full);box-shadow:inset 0 0 0 1px var(--line-control);color:var(--ink-2);font-size:var(--step--1);display:inline-flex;position:relative}.vibe-boost:before{content:"";position:absolute;inset:-.5rem}.vibe-boost:hover:not(:disabled){background:var(--fill);color:var(--ink)}.vibe-boost[data-on]{box-shadow:inset 0 0 0 1px var(--accent-line);color:var(--accent-text)}.vibe-boost:disabled{opacity:.4}.vibe-badge{--badge:var(--accent-text);min-height:1.5rem;padding-inline:var(--s-2);border-radius:var(--r-full);background:color-mix(in srgb, var(--badge) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--badge) 40%, transparent);color:var(--badge);font-size:var(--step--2);font-weight:var(--medium);white-space:nowrap;align-items:center;display:inline-flex}.vibe-notice{max-width:100%;padding:var(--s-2) var(--s-3);border-radius:var(--r-1);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink);font-size:var(--step--1);text-align:center}.vibe-notice--start{text-align:start}.vibe-message{justify-items:center;gap:var(--s-2);color:var(--ink);font-size:var(--step-1);text-align:center;text-wrap:balance;display:grid}.vibe-message--error{color:var(--danger)}.vibe-message__title{font-size:inherit;font-weight:inherit;line-height:inherit}.vibe-message__mark{margin-bottom:var(--s-2);color:var(--ink-3)}.vibe-hint{color:var(--ink-2);font-size:var(--step--1)}.vibe-heading{align-items:baseline;gap:var(--s-2);font-weight:var(--medium);display:flex}.vibe-heading span{color:var(--ink-3);font-weight:var(--regular)}.vibe-code{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);color:var(--ink);font-family:var(--mono);white-space:nowrap;border-radius:.25em;padding:.05em .3em .1em;font-size:.92em}.vibe-connecting{justify-items:center;gap:var(--s-3);text-align:center;margin:auto;display:grid}.vibe-connecting__mark{color:var(--accent-text);animation:1.6s ease-in-out infinite vibe-pulse}@keyframes vibe-pulse{0%,to{opacity:.35;transform:scale(.94)}50%{opacity:.9;transform:scale(1)}}.vibe-meter{border-radius:var(--r-full);background:var(--line-control);height:.25rem;display:block;overflow:hidden}.vibe-meter__fill{background:var(--accent);transform-origin:0;height:100%;display:block}.vibe-facts{gap:0 var(--s-6);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:0;display:grid}.vibe-fact{min-width:0;padding:var(--s-3) 0 var(--s-4);border-top:1px solid var(--line)}.vibe-fact[data-wide]{grid-column:1/-1}.vibe-fact>*{margin:0}.vibe-fact__label{align-items:center;gap:var(--s-2);color:var(--ink-2);font-size:var(--step--1);display:flex}.vibe-fact__value{margin-top:var(--s-1);font-size:var(--step-1)}.vibe-skeleton{width:70%;height:1.125rem;margin-top:var(--s-2);border-radius:var(--r-1);background:var(--fill-hover);animation:1.6s ease-in-out infinite vibe-breathe;display:block}.vibe-skeleton--label{width:40%;height:.875rem;margin-top:0}@keyframes vibe-breathe{50%{opacity:.4}}.vibe-avatar{background:var(--surface-2);object-fit:cover;width:3rem;height:3rem;font-size:var(--step-1);font-weight:var(--bold);border-radius:50%;flex:none;place-items:center;display:grid}.vibe-arrive{animation:vibe-arrive var(--t) linear both}@keyframes vibe-arrive{0%{opacity:0}}.vibe-app{height:100%;padding-top:calc(var(--safe-top) + var(--discord-chrome));padding-left:var(--safe-left);padding-right:var(--safe-right);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden;container-type:size}.vibe-glow{z-index:var(--z-back);pointer-events:none;background:linear-gradient(to bottom, var(--accent-glow), transparent 40%);opacity:.5;position:absolute;inset:0}.vibe-app:has(.vibe-wash) .vibe-glow{display:none}.vibe-topbar{z-index:var(--z-content);justify-content:flex-end;gap:var(--s-1);padding:var(--s-2) var(--s-3);display:flex;position:relative}.vibe-body{z-index:var(--z-content);align-content:start;gap:var(--s-5);width:100%;max-width:77.5rem;min-height:0;padding:0 var(--s-5) var(--s-5);overscroll-behavior:contain;scrollbar-width:none;grid-row:2;grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid;position:relative;overflow-y:auto}.vibe-body--solo{padding-bottom:calc(var(--s-5) + var(--discord-chrome-bottom));flex-direction:column;justify-content:safe center;display:flex}.vibe-body--panel{padding-top:var(--s-5);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;justify-content:flex-start}@media (min-width:900px){.vibe-body--solo{max-width:56rem}}@media (max-height:300px){.vibe-body--solo{padding-bottom:var(--s-4)}}.vibe-body--player{max-width:none;padding:0;display:block}.vibe-stage{isolation:isolate;min-width:0;padding:var(--s-4);position:relative;overflow:hidden;container-type:inline-size}.vibe-wash{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.vibe-wash .vibe-layer{width:16rem;height:16rem;margin:-8rem 0 0 -8rem;inset:45% auto auto 50%}.vibe-wash img{filter:blur(2.5rem)saturate(1.2);opacity:var(--wash);transform:scale(5)}.vibe-wash .vibe-layer[data-arriving=now]{animation:vibe-arrive var(--t-slow) linear both}.vibe-wash:after{content:"";background:linear-gradient(to bottom, var(--scrim-ground) 55%, var(--ground));position:absolute;inset:0}.vibe-stage>.vibe-topbar{top:var(--s-2);right:var(--s-2);z-index:1;padding:0;position:absolute}.vibe-stage>.vibe-topbar .vibe-btn{background:color-mix(in srgb, var(--ground) 60%, transparent);color:var(--ink)}.vibe-stage .vibe-cover{width:min(100%,46cqh);margin-inline:auto}.vibe-cover:after{content:"";background:color-mix(in srgb, var(--ground) 55%, transparent);opacity:0;transition:opacity var(--t) linear;position:absolute;inset:0}.vibe-stage[data-paused] .vibe-cover:after{opacity:1}.vibe-now{min-width:0;min-height:7rem;margin-top:var(--s-3);animation:vibe-arrive var(--t) linear both;flex-direction:column;justify-content:flex-end;display:flex}.vibe-now__title{-webkit-line-clamp:2;font-size:var(--step-3);letter-spacing:var(--track-display);line-height:var(--leading-tight);text-wrap:balance;-webkit-box-orient:vertical;padding-bottom:.08em;display:-webkit-box;overflow:hidden}.vibe-now__artist{margin-top:var(--s-2);color:var(--ink-2);font-size:var(--step-1)}.vibe-now__by{margin-top:var(--s-1);color:var(--ink-2);font-size:var(--step--1)}.vibe-now__note{margin-top:var(--s-2);color:var(--ink-2);font-size:var(--step--1)}@media (min-width:600px){.vibe-stage{padding:var(--s-5)}.vibe-sleeve{justify-content:center;align-items:flex-end;gap:var(--s-5);display:flex}.vibe-stage .vibe-cover{width:min(44cqw,56cqh);margin:0}.vibe-now{flex:1;max-width:30rem;min-height:0;margin:0}.vibe-now__title{-webkit-line-clamp:3;font-size:clamp(var(--step-3), 4.2cqw, 2.75rem)}.vibe-now__artist{margin-top:var(--s-3);font-size:var(--step-2)}.vibe-wash .vibe-layer{left:30%}.vibe-wash:after{background:linear-gradient(to right, var(--scrim-ground) 60%, var(--ground))}}.vibe-queue-rail{min-width:0;padding:var(--s-4) var(--s-2) var(--s-5);border-top:1px solid var(--line)}.vibe-queue-rail .vibe-heading,.vibe-queue-rail>.vibe-hint{padding:0 var(--s-2) var(--s-2)}.vibe-queue{gap:.125rem;display:grid}@media (min-width:900px),(min-width:480px) and (max-height:416px){.vibe-body--player{align-content:stretch;gap:0;display:grid;overflow:hidden}.vibe-stage{padding:var(--s-6);container-type:size}.vibe-sleeve{justify-content:center;align-items:flex-end;gap:var(--s-6);height:100%;display:flex}.vibe-stage .vibe-cover{width:min(100cqh,58cqw);margin:0}.vibe-now{flex:1;max-width:30rem;min-height:0;margin:0}.vibe-queue-rail{display:none}}@media (min-width:900px){.vibe-body--player:not(.vibe-body--alone){grid-template-columns:minmax(0,1fr) clamp(20rem,28%,28rem)}.vibe-queue-rail{min-height:0;padding:var(--s-5) var(--s-2) var(--s-4) var(--s-3);overscroll-behavior:contain;border-top:0;border-left:1px solid var(--line);scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;display:block;overflow-y:auto}}.vibe-rail{top:var(--s-2);left:var(--s-2);z-index:var(--z-bar);gap:var(--s-1);display:flex;position:absolute}.vibe-rail:not([data-open]) .vibe-btn{background:color-mix(in srgb, var(--ground) 60%, transparent);color:var(--ink)}.vibe-rail__toggle svg{transition:transform var(--t) var(--ease)}.vibe-rail:not([data-open]) .vibe-rail__toggle svg{transform:rotate(180deg)}@media (min-width:1100px){.vibe-body--player.vibe-body--rail:not(.vibe-body--alone){grid-template-columns:auto minmax(0,1fr) clamp(20rem,28%,28rem)}.vibe-body--player.vibe-body--rail.vibe-body--alone{grid-template-columns:auto minmax(0,1fr)}.vibe-rail[data-open]{align-items:center;gap:var(--s-2);min-height:0;padding:var(--s-3) var(--s-2);border-right:1px solid var(--line);flex-direction:column;position:static}.vibe-rail__list{gap:var(--s-3);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;flex:1;align-content:start;min-height:0;display:grid;overflow-y:auto}.vibe-rail__group{gap:var(--s-2);display:grid}.vibe-rail__group:not([data-first]){padding-top:var(--s-3);border-top:1px solid var(--line)}.vibe-rail__item:hover,.vibe-rail__item[aria-expanded=true]{outline:2px solid var(--line-control);outline-offset:1px}.vibe-rail__menu{z-index:var(--z-bar);width:13rem;padding:var(--s-2);border-radius:var(--r-2);background:var(--surface-2);box-shadow:var(--lift);gap:.125rem;display:grid;position:fixed}.vibe-rail__menu>button{align-items:center;gap:var(--s-2);min-height:var(--target);padding-inline:var(--s-3);border-radius:var(--r-1);text-align:left;display:flex}.vibe-rail__menu>button:hover:not(:disabled){background:var(--fill)}.vibe-rail__menu>button:focus-visible{outline-offset:-2px}.vibe-rail__menu>button:disabled{opacity:.4}.vibe-rail__name{gap:var(--s-1);padding:var(--s-1) var(--s-3) var(--s-2);font-weight:var(--medium);display:grid}}@media (max-width:479px) and (max-height:451px){.vibe-stage{padding:var(--s-3) var(--s-4)}.vibe-sleeve{align-items:center;gap:var(--s-3);display:flex}.vibe-stage .vibe-cover{width:min(34cqw,40cqh);margin:0}.vibe-now{flex:1;min-height:0;margin:0}.vibe-now__title{-webkit-line-clamp:2;font-size:var(--step-1)}.vibe-now__artist{margin-top:var(--s-1);font-size:var(--step-0)}.vibe-stage>.vibe-topbar{top:0;right:var(--s-1);flex-direction:column;justify-content:center;gap:0;bottom:0}.vibe-stage>.vibe-topbar .vibe-btn{flex:0 1 var(--target);background:0 0;height:auto;min-height:0}.vibe-now{padding-right:var(--target)}}@media (min-width:480px) and (max-height:416px){.vibe-stage{padding:var(--s-4) var(--s-5)}.vibe-sleeve{align-items:center;gap:var(--s-5)}.vibe-stage .vibe-cover{width:min(100cqh,40cqw)}.vibe-now__title{-webkit-line-clamp:2;font-size:clamp(var(--step-2), 5cqw, 2rem)}.vibe-now__artist{margin-top:var(--s-2);font-size:var(--step-1)}}.vibe-transport{z-index:var(--z-bar);align-items:center;gap:var(--s-1) var(--s-3);padding:var(--s-2) var(--s-4) calc(var(--s-2) + var(--safe-bottom));border-top:1px solid var(--line);background:var(--ground);grid-row:3;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:relative}.vibe-controls{align-items:center;gap:var(--s-2);grid-column:2;display:flex}.vibe-time{color:var(--ink-2);font-size:var(--step--2)}.vibe-seek{align-items:center;gap:var(--s-3);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.vibe-seek__times{display:contents}.vibe-seek--live{grid-template-columns:minmax(0,1fr);justify-items:center}.vibe-seek__now{grid-area:1/1}.vibe-seek__len{grid-area:1/3}.vibe-seek__of{display:none}.vibe-seek .vibe-slider{grid-area:1/2}.vibe-transport-side{justify-content:flex-end;align-items:center;gap:var(--s-2);grid-column:3;min-width:0;display:none}.vibe-transport-volume{align-items:center;gap:var(--s-1);color:var(--ink-2);display:flex}.vibe-transport-volume .vibe-slider{width:6rem}.vibe-transport-tools{padding-left:var(--s-2);border-left:1px solid var(--line-strong);align-items:center;display:flex}@media (min-width:600px){.vibe-transport-side{display:flex}}.vibe-transport-meta,.vibe-hairline{display:none}.vibe-transport-text{min-width:0;display:grid}.vibe-transport-title{font-weight:var(--bold)}.vibe-transport-artist{color:var(--ink-2)}.vibe-transport>.vibe-notice{bottom:calc(100% + var(--s-4));width:max-content;max-width:calc(100% - var(--s-6));box-shadow:inset 0 0 0 1px var(--line-strong), 0 .5rem 1.5rem #00000080;position:absolute;left:50%;transform:translate(-50%)}@media (min-width:900px),(min-width:480px) and (max-height:416px){.vibe-transport{padding:var(--s-3) var(--s-4) calc(var(--s-2) + var(--safe-bottom)) var(--s-5)}.vibe-seek{display:contents}.vibe-seek__times{gap:var(--s-1);font-size:var(--step--1);grid-area:1/1;justify-self:start;display:flex}.vibe-seek__of{display:inline}.vibe-seek__of,.vibe-seek__len{color:var(--ink-3)}.vibe-seek .vibe-slider{grid-area:auto;width:auto;position:absolute;top:-.625rem;left:-.375rem;right:-.375rem}.vibe-seek .vibe-meter{border-radius:0}.vibe-transport>.vibe-notice{left:var(--s-6);transform:none}.vibe-seek .vibe-range{height:1.25rem}}@media (min-width:480px) and (max-height:416px){.vibe-transport{padding-block:var(--s-2) calc(var(--s-1) + var(--safe-bottom))}.vibe-play{width:3rem;height:3rem}}.vibe-panel{gap:var(--s-5);width:100%;max-width:40rem;margin-inline:auto;display:grid}.vibe-panel__head{align-items:center;gap:var(--s-3);display:flex}.vibe-panel__who{min-width:0}.vibe-panel__end{margin-inline-start:auto}.vibe-panel__title{font-size:var(--step-2);letter-spacing:var(--track-heading);line-height:var(--leading-snug)}.vibe-panel__intro{color:var(--ink-2)}.vibe-level__row{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.vibe-level__name{font-size:var(--step-3);font-weight:var(--bold);letter-spacing:var(--track-display)}.vibe-medals{gap:var(--s-2);flex-shrink:0;margin-block:0;padding:0;list-style:none;display:flex}.vibe-medal{border-radius:var(--r-full);background:0 0;border:0;place-items:center;width:2.25rem;height:2.25rem;padding:0;display:grid;position:relative}.vibe-medal__dot{border-radius:var(--r-full);background:var(--badge);width:.75rem;height:.75rem}.vibe-medal:after{content:attr(data-tip);top:calc(100% + var(--s-1));z-index:2;padding:var(--s-1) var(--s-2);border-radius:var(--r-1);background:var(--surface-2);color:var(--ink-2);font-size:var(--step--2);white-space:nowrap;opacity:0;pointer-events:none;position:absolute;right:0}.vibe-medal:hover:after,.vibe-medal:focus-visible:after,.vibe-medal:focus:after{opacity:1}.vibe-backdrop{z-index:var(--z-back);pointer-events:none;opacity:.5;grid-area:1/1/3/2;position:absolute;inset:0}.vibe-backdrop--waves{opacity:.13;background:url(./waves-Ddt6nq9w.svg) 50% 58%/100% 34% no-repeat}.vibe-backdrop--marks{opacity:.035;background:url(./marks-Cp63qFVb.svg) 0 0/78px 78px space;transform:rotate(-16deg)scale(1.5)}.vibe-backdrop--bars{opacity:.16;background:url(./bars-DM3Ia0i-.svg) bottom/100% 100% no-repeat;height:min(85%,80cqw);inset:auto 0 0}.vibe-backdrop--grid{opacity:.06;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:44px 44px}.vibe-backdrop--aurora{opacity:.3;background-image:linear-gradient(115deg,#0000 18%,#ffffff29 36%,#0000 54%),linear-gradient(115deg,#0000 56%,#ffffff17 72%,#0000 88%)}.vibe-backdrop--contours{opacity:.11;background-image:url(./contours-B46JTKgC.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.vibe-backdrop--ripples{opacity:.11;background-image:url(./ripples-BxzZ36fY.svg);background-position:100% 100%;background-repeat:no-repeat;background-size:cover}.vibe-backdrop--halftone{opacity:.12;background-image:url(./halftone-BHgTjAiu.svg);background-position:100% 100%;background-repeat:no-repeat;background-size:cover}.vibe-backdrop--constellation{opacity:.11;background-image:url(./constellation-BFiJOjYm.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.vibe-backdrop--vinyl{opacity:.14;background-image:url(./vinyl-CL47fl3D.svg);background-position:100%;background-repeat:no-repeat;background-size:cover}.vibe-backdrop--rays{opacity:.12;background-image:url(./rays-BXy5-7pN.svg);background-position:0 100%;background-repeat:no-repeat;background-size:cover}.vibe-backdrop--skyline{opacity:.15;background-image:url(./skyline-Bum9qRzb.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:min(85%,80cqw);inset:auto 0 0}.vibe-backdrop--scales{opacity:.15;background-image:url(./scales-Dw70FbiD.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;inset:0}.vibe-backdrop--spectrogram{opacity:.11;background-image:url(./spectrogram-C6BfjydY.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:min(85%,80cqw);inset:auto 0 0}:is(:root[data-glance]:not([data-mini]) .vibe-app:has(.vibe-transport) .vibe-body,:root[data-glance]:not([data-mini]) .vibe-transport>:not(.vibe-transport-meta,.vibe-hairline)){display:none}:root[data-glance]:not([data-mini]) .vibe-app:has(.vibe-transport){grid-template-rows:minmax(0,1fr);align-content:center}:root[data-glance]:not([data-mini]) .vibe-transport{padding:0 var(--s-5);background:0 0;border-top:0;flex-direction:column;grid-row:1;justify-content:center;align-self:center;align-items:stretch;display:flex}:root[data-glance]:not([data-mini]) .vibe-transport-meta{align-items:center;gap:var(--s-4);min-width:0;display:flex}:root[data-glance]:not([data-mini]) .vibe-transport-meta .vibe-thumb{border-radius:var(--r-2);width:5.25rem;height:5.25rem}:root[data-glance]:not([data-mini]) .vibe-transport-title{-webkit-line-clamp:2;font-size:var(--step-2);line-height:var(--leading-snug);white-space:normal;-webkit-box-orient:vertical;display:-webkit-box}:root[data-glance]:not([data-mini]) .vibe-transport-artist{font-size:var(--step-0)}:root[data-glance]:not([data-mini]) .vibe-hairline{border-radius:0;height:6px;display:block;position:fixed;bottom:0;left:0;right:0}:root[data-glance]:not([data-mini]) .vibe-backdrop,:root[data-mini] .vibe-backdrop{grid-area:1/1}@media (max-height:250px){:root[data-glance]:not([data-mini]) .vibe-transport-meta .vibe-thumb{width:3.5rem;height:3.5rem}}:is(:root[data-mini] .vibe-app:has(.vibe-transport) .vibe-body,:root[data-mini] .vibe-transport>:not(.vibe-transport-meta,.vibe-hairline)){display:none}:root[data-mini] .vibe-app{top:var(--mini-top);height:var(--mini-side);padding:0}:root[data-mini] .vibe-app:has(.vibe-transport){grid-template-rows:minmax(0,1fr)}:root[data-mini] .vibe-transport{background:0 0;border-top:0;grid-row:1}:root[data-mini] .vibe-transport-meta{align-items:center;min-width:0;display:flex}:root[data-mini=tiny] .vibe-transport{height:100%;padding:0;display:block}:root[data-mini=tiny] .vibe-transport-meta,:root[data-mini=tiny] .vibe-transport-meta .vibe-thumb{border-radius:0;width:100%;height:100%}:root[data-mini=tiny] .vibe-transport-text,:root[data-mini=tiny] .vibe-hairline{display:none}:root[data-mini=stack] .vibe-transport{flex-direction:column;justify-content:center;align-self:center;align-items:stretch;min-height:0;max-height:100%;padding:6cqw;display:flex;position:static;overflow:hidden}:root[data-mini=stack] .vibe-transport-meta{flex-direction:column;flex:0 auto;align-items:stretch;gap:4cqw;min-height:0}:root[data-mini=stack] .vibe-transport-meta .vibe-thumb{border-radius:5cqw;flex:0 auto;align-self:center;width:56cqw;height:56cqw;min-height:0}:root[data-mini=stack] .vibe-transport-text{text-align:center;flex:none;justify-items:center}:root[data-mini=stack] .vibe-transport-title{max-width:100%;font-size:7cqw}:root[data-mini=stack] .vibe-transport-artist{max-width:100%;font-size:5.2cqw}:root[data-mini=stack] .vibe-hairline{border-radius:0;height:max(5px,2cqw);display:block;position:absolute;bottom:0;left:0;right:0}.vibe-body--glance{padding:var(--s-4)}.vibe-body--glance .vibe-notice{display:none}@container (width<=199px) or (height<=149px) or ((width<=249px) and (height<=189px)){.vibe-body--glance :is(.vibe-message:not(.vibe-message--error),.vibe-connecting)>:not([class*=__mark]){display:none}}.vibe-hairline .vibe-meter__fill{transition:none;transform:none}@media (forced-colors:active){.vibe-play,.vibe-boost,.vibe-badge,.vibe-thumb,.vibe-avatar,.vibe-notice,.vibe-btn--tonal{outline-offset:-1px;outline:1px solid canvastext}.vibe-cover{border:1px solid canvastext}.vibe-btn[aria-pressed=true],.vibe-boost[data-on]{outline:2px solid highlight}.vibe-meter{background:graytext}.vibe-meter__fill,.vibe-slider--quiet .vibe-meter__fill,.vibe-loop:after{background:highlight}.vibe-hairline{background:graytext}}