@font-face{font-display:swap;font-family:Klarheit Grotesk;font-style:normal;font-weight:400;src:url(./KlarheitGrotesk-Regular.B4eRvAUb.woff2) format("woff2")}@font-face{font-display:swap;font-family:Klarheit Grotesk;font-style:italic;font-weight:400;src:url(./KlarheitGrotesk-Italic.BERikkE4.woff2) format("woff2")}@font-face{font-display:swap;font-family:Klarheit Grotesk;font-style:normal;font-weight:500;src:url(./KlarheitGrotesk-Medium.Dil4-hgj.woff2) format("woff2")}@font-face{font-display:swap;font-family:Klarheit Grotesk;font-style:italic;font-weight:500;src:url(./KlarheitGrotesk-MediumItalic.CQlZFdyf.woff2) format("woff2")}@font-face{font-display:swap;font-family:Klarheit Grotesk;font-style:normal;font-weight:600;src:url(./KlarheitGrotesk-Semibold.C8oEpZiu.woff2) format("woff2")}@font-face{font-display:swap;font-family:Klarheit Grotesk;font-style:italic;font-weight:600;src:url(./KlarheitGrotesk-SemiboldItalic.sxnwjRhG.woff2) format("woff2")}@font-face{font-display:swap;font-family:Klarheit Grotesk;font-style:normal;font-weight:700;src:url(./KlarheitGrotesk-Bold.LF87pWYI.woff2) format("woff2")}@font-face{font-display:swap;font-family:Klarheit Grotesk;font-style:italic;font-weight:700;src:url(./KlarheitGrotesk-BoldItalic.J5g_X-k9.woff2) format("woff2")}@font-face{font-display:swap;font-family:Klarheit Grotesk;font-style:normal;font-weight:800;src:url(./KlarheitGrotesk-Extrabold.DSvWVyT_.woff2) format("woff2")}@font-face{font-display:swap;font-family:Klarheit Grotesk;font-style:italic;font-weight:800;src:url(./KlarheitGrotesk-ExtraboldItalic.DLiGFRZQ.woff2) format("woff2")}:root{--tab-bar-height:60px;--glass-blur-sm:blur(12px) saturate(150%);--glass-blur-md:blur(20px) saturate(140%);--glass-blur-lg:blur(22px) saturate(130%);--glass-bg:color-mix(in srgb,var(--color-surface) 70%,transparent);--glass-border:color-mix(in srgb,var(--color-surface) 40%,transparent);--header-height:68px;--z-header:100;--z-panel:200;--z-toast:300;--z-modal:500;--z-modal-top:1000;--z-overlay:9999;--font-family:"Klarheit Grotesk",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;--color-primary:#e34935;--color-text:#1a1a1a;--color-text-secondary:#6c6c6c;--color-text-tertiary:#767676;--color-text-subtle:#8d8d8d;--color-bg:#f7f6f3;--color-surface:#fff;--color-border:#eaeaea;--color-border-light:#f0f0f0;--color-border-tertiary:rgba(0,0,0,.08);--color-muted:#6c6c6c;--color-header-bg:#111;--color-header-border:#2a2a2a;--color-header-text:#f5f5f5;--color-header-text-secondary:#aaa;--color-header-icon:#777;--color-header-btn-bg:#2a2a2a;--color-header-btn-border:#3a3a3a;--color-header-btn-hover:#333;--color-success:#28a745;--color-warning:#f5a623;--color-error:#e34935;--color-info:#2563eb;--color-danger:#e34935;--color-spotify:#1db954;--color-apple:#fc3c44;--color-youtube:red;--color-deezer:#a238ff;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--radius-4xl:24px;--radius-full:999px;--shadow-xs:0 1px 3px rgba(0,0,0,.04);--shadow-sm:0 4px 16px rgba(0,0,0,.1);--shadow-md:0 8px 24px rgba(0,0,0,.12);--shadow-lg:0 8px 32px rgba(0,0,0,.15);--shadow-xl:0 16px 48px rgba(0,0,0,.18);--shadow-2xl:0 16px 48px rgba(0,0,0,.28);--transition-fast:.15s;--transition-normal:.2s;--transition-slow:.3s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#111;--color-surface:#1c1c1e;--color-text:#f2f2f7;--color-text-secondary:#c7c7cc;--color-text-tertiary:#a0a0a8;--color-text-subtle:#8a8a8e;--color-border:#2c2c2e;--color-border-light:#1c1c1e;--color-border-tertiary:hsla(0,0%,100%,.08);--color-muted:#a0a0a8;--color-header-bg:#000;--color-header-border:#1c1c1e;--color-header-text:#f2f2f7;--color-header-text-secondary:#a0a0a8;--color-header-icon:#8a8a8e;--color-header-btn-bg:#2c2c2e;--color-header-btn-border:#3a3a3c;--color-header-btn-hover:#3a3a3c;--shadow-xs:0 1px 3px rgba(0,0,0,.4);--shadow-sm:0 4px 16px rgba(0,0,0,.5);--shadow-md:0 8px 24px rgba(0,0,0,.6);--shadow-lg:0 8px 32px rgba(0,0,0,.65);--shadow-xl:0 24px 64px rgba(0,0,0,.7);--shadow-2xl:0 32px 80px rgba(0,0,0,.8)}}:root[data-theme=dark]{--color-bg:#111;--color-surface:#1c1c1e;--color-text:#f2f2f7;--color-text-secondary:#c7c7cc;--color-text-tertiary:#a0a0a8;--color-text-subtle:#8a8a8e;--color-border:#2c2c2e;--color-border-light:#1c1c1e;--color-border-tertiary:hsla(0,0%,100%,.08);--color-muted:#a0a0a8;--color-header-bg:#000;--color-header-border:#1c1c1e;--color-header-text:#f2f2f7;--color-header-text-secondary:#a0a0a8;--color-header-icon:#8a8a8e;--color-header-btn-bg:#2c2c2e;--color-header-btn-border:#3a3a3c;--color-header-btn-hover:#3a3a3c;--shadow-xs:0 1px 3px rgba(0,0,0,.4);--shadow-sm:0 4px 16px rgba(0,0,0,.5);--shadow-md:0 8px 24px rgba(0,0,0,.55);--shadow-lg:0 8px 32px rgba(0,0,0,.6);--shadow-xl:0 16px 48px rgba(0,0,0,.65);--shadow-2xl:0 16px 48px rgba(0,0,0,.55)}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:calc(100% + env(safe-area-inset-top));padding:0}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ctrl-btn,.play-btn,.tab-bar-backdrop,.tab-bar-grabber,.vibe-pill,[role=button],[role=tab],a,button,input,label,select,textarea{touch-action:manipulation}[data-tooltip]{position:relative}[data-tooltip]:after{background:var(--color-text);border-radius:var(--radius-sm);bottom:calc(100% + 6px);color:var(--color-surface);content:attr(data-tooltip);font-family:var(--font-family);font-size:11px;font-weight:500;left:50%;max-width:min(260px,calc(100vw - 32px));opacity:0;padding:5px 9px;pointer-events:none;position:absolute;transform:translate(-50%);transition:opacity .05s;white-space:nowrap;z-index:var(--z-overlay)}[data-tooltip-below]:after{bottom:auto;top:calc(100% + 6px)}[data-tooltip-left]:after{left:auto;right:0;transform:none}@media(hover:hover){[data-tooltip-below]:hover:after,[data-tooltip-left]:hover:after,[data-tooltip]:hover:after{opacity:1}}.modal-backdrop{align-items:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.modal-sheet{background:var(--color-surface);border-radius:22px 22px 0 0;box-shadow:0 -4px 20px #00000029;max-width:520px;padding:12px 18px calc(22px + env(safe-area-inset-bottom));width:100%}.modal-handle{background:color-mix(in srgb,var(--color-text) 18%,transparent);border-radius:999px;height:5px;margin:0 auto 18px;width:36px}.modal-title{color:var(--color-text);font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:4px;padding:0 6px}.modal-desc{color:var(--color-text-secondary);font-size:14px;line-height:1.5;padding:0 6px 18px}.modal-cancel{background:color-mix(in srgb,var(--color-text) 5%,transparent);border:none;border-radius:999px;color:var(--color-text);cursor:pointer;font-family:inherit;font-size:16px;font-weight:700;margin-top:10px;padding:14px;transition:background .12s ease,transform .16s cubic-bezier(.32,.72,0,1);width:100%}.modal-cancel:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent)}.modal-cancel:active{transform:scale(.98)}.modal-up-enter-active,.modal-up-leave-active{transition:opacity .24s ease}.modal-up-enter-active .modal-sheet,.modal-up-leave-active .modal-sheet{transition:transform .34s cubic-bezier(.32,.72,0,1)}.modal-up-enter-from{opacity:0}.modal-up-enter-from .modal-sheet{transform:translateY(100%)}.modal-up-leave-to{opacity:0}.modal-up-leave-to .modal-sheet{transform:translateY(100%)}@media(max-width:760px){:root{--tab-bar-height:60px}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .12s ease,background .12s ease,transform .1s ease}.icon-btn:hover{background:color-mix(in srgb,var(--color-text) 8%,transparent);color:var(--color-text)}.icon-btn:active{transform:scale(.88)}.icon-btn svg{display:block;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes skel-pulse{0%,to{opacity:.6}50%{opacity:1}}.skel-block{animation:skel-pulse 1.4s ease-in-out infinite;background:color-mix(in srgb,var(--color-text) 8%,transparent);border-radius:6px}@media(prefers-reduced-motion:reduce){.skel-block{animation:none;opacity:.5}}.art-bars-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;color:#fff;display:flex;inset:0;justify-content:center;position:absolute}.rotate-lock{background:var(--color-bg,#0e0e0e);display:none;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,sans-serif;gap:16px;inset:0;padding:24px;position:fixed;text-align:center;z-index:9999}.rotate-lock,.rotate-lock-icon{align-items:center;justify-content:center}.rotate-lock-icon{background:color-mix(in srgb,var(--color-text,#f2f2f7) 8%,transparent);border-radius:50%;color:var(--color-text,#f2f2f7);display:flex;height:88px;margin-bottom:6px;width:88px}.rotate-lock-icon svg{animation:rotate-hint 2.4s cubic-bezier(.32,.72,0,1) infinite;height:40px;transform-origin:center;width:40px}@keyframes rotate-hint{0%,18%{transform:rotate(0)}50%,68%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-lock-title{color:var(--color-text,#f2f2f7);font-size:clamp(22px,4vw,28px);font-weight:800;letter-spacing:-.022em;line-height:1.15}.rotate-lock-sub{color:var(--color-text-secondary,#aeaeb2);font-size:15px;font-weight:500;line-height:1.4;max-width:320px}@media(orientation:landscape)and (max-height:520px){.rotate-lock{display:flex}}