:root{--ds-surface-0: #0a1324;--ds-surface-1: #111d33;--ds-surface-2: #182741;--ds-surface-3: #1f3050;--ds-border: #223553;--ds-border-strong: #2f4668;--ds-text: #f2eee2;--ds-text-2: #a7b3c4;--ds-text-3: #8593a8;--ds-accent: #d4a257;--ds-accent-hover: #e0b06a;--ds-accent-soft: rgba(212, 162, 87, .14);--ds-on-accent: #0a1324;--ds-link: #6aaef5;--ds-success: #5fcf8a;--ds-warning: #e3b341;--ds-danger: #ef6b6b;--ds-info: #6aaef5;--ds-focus-ring: 0 0 0 2px var(--ds-surface-0), 0 0 0 4px var(--ds-accent);--ds-shadow-overlay: 0 8px 24px rgba(0, 0, 0, .35);--ds-font-sans: "Supreme", sans-serif;--ds-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ds-text-xs: 12px;--ds-text-sm: 13px;--ds-text-md: 14px;--ds-text-lg: 16px;--ds-text-xl: 20px;--ds-text-2xl: 24px;--ds-text-3xl: 32px;--ds-weight-regular: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-leading: 1.5;--ds-leading-tight: 1.25;--ds-tracking-tight: -.01em;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-space-16: 64px;--ds-radius-sm: 6px;--ds-radius-md: 10px;--ds-radius-lg: 16px;--ds-radius-full: 999px;--ds-border-width: 1px;--ds-duration: .15s;--ds-duration-slow: .25s;--ds-ease: cubic-bezier(.2, 0, 0, 1);--ds-control-sm: 28px;--ds-control-md: 36px;--ds-control-lg: 40px;--ds-row-height: 44px;--ds-topbar-height: 56px;--ds-player-height: 60px;--ds-icon-sm: 16px;--ds-icon-md: 20px;--ds-icon-stroke: 1.75;--ds-container: 1200px;--ds-gutter: 24px;--ds-gap: 20px;--ds-z-topbar: 500;--ds-z-player: 900;--ds-z-backdrop: 1000;--ds-z-dialog: 1001;--ds-z-toast: 9999}.light-theme{--ds-surface-0: #f6f5f1;--ds-surface-1: #ffffff;--ds-surface-2: #f0eee8;--ds-surface-3: #e8e5dd;--ds-border: #e2dfd7;--ds-border-strong: #cbc6ba;--ds-text: #14213a;--ds-text-2: #3f4a60;--ds-text-3: #5f6b84;--ds-accent: #c9984d;--ds-accent-hover: #b8842f;--ds-accent-soft: rgba(201, 152, 77, .16);--ds-on-accent: #14213a;--ds-link: #0f5aa8;--ds-success: #177a42;--ds-warning: #9a6416;--ds-danger: #c93c3c;--ds-info: #0f5aa8;--ds-focus-ring: 0 0 0 2px var(--ds-surface-0), 0 0 0 4px var(--ds-accent);--ds-shadow-overlay: 0 8px 24px rgba(20, 33, 58, .12)}:root[data-theme=light]{--ds-surface-0: #f6f5f1;--ds-surface-1: #ffffff;--ds-surface-2: #f0eee8;--ds-surface-3: #e8e5dd;--ds-border: #e2dfd7;--ds-border-strong: #cbc6ba;--ds-text: #14213a;--ds-text-2: #3f4a60;--ds-text-3: #5f6b84;--ds-accent: #c9984d;--ds-accent-hover: #b8842f;--ds-accent-soft: rgba(201, 152, 77, .16);--ds-on-accent: #14213a;--ds-link: #0f5aa8;--ds-success: #177a42;--ds-warning: #9a6416;--ds-danger: #c93c3c;--ds-info: #0f5aa8;--ds-focus-ring: 0 0 0 2px var(--ds-surface-0), 0 0 0 4px var(--ds-accent);--ds-shadow-overlay: 0 8px 24px rgba(20, 33, 58, .12)}@font-face{font-family:Supreme;font-weight:400;font-style:normal;font-display:swap;src:url(/ultimativer-musikplayer/_astro/Supreme-Regular.4XHPfODv.woff2) format("woff2")}@font-face{font-family:Supreme;font-weight:500;font-style:normal;font-display:swap;src:url(/ultimativer-musikplayer/_astro/Supreme-Medium.r1fq46EK.woff2) format("woff2")}@font-face{font-family:Supreme;font-weight:700;font-style:normal;font-display:swap;src:url(/ultimativer-musikplayer/_astro/Supreme-Bold.tOPSM1Q8.woff2) format("woff2")}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;overflow-x:hidden}body{font-family:var(--ds-font-sans);font-size:var(--ds-text-lg);line-height:var(--ds-leading);color:var(--ds-text);background:var(--ds-surface-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--ds-duration-slow) var(--ds-ease),color var(--ds-duration-slow) var(--ds-ease)}button,input,select,textarea{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.app{max-width:var(--ds-container);margin:0 auto;padding:var(--ds-space-6) var(--ds-space-4);padding-bottom:calc(var(--ds-space-16) + var(--ds-space-16) + var(--ds-space-4));display:grid;gap:var(--ds-space-4)}.app__header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-4) var(--ds-space-5);background:var(--ds-surface-1);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-lg)}.app__home{justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);height:var(--ds-control-md);min-width:var(--ds-control-md);padding:0 var(--ds-space-3);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-2);color:var(--ds-text);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);line-height:1;text-decoration:none;transition:background-color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease)}.app__home:hover{background:var(--ds-surface-3)}.app__home i{color:var(--ds-text-2);font-size:var(--ds-icon-sm)}.brand{grid-column:2;display:flex;align-items:center;gap:var(--ds-space-3);color:inherit;text-decoration:none}h1{margin:0;font-size:var(--ds-text-2xl);font-weight:var(--ds-weight-bold);line-height:var(--ds-leading-tight);letter-spacing:var(--ds-tracking-tight);color:var(--ds-text);text-align:center}.app__main{display:grid;gap:var(--ds-space-4)}.panel{background:var(--ds-surface-1);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-lg);overflow:hidden}.panel__body{padding:var(--ds-space-4) var(--ds-space-5) var(--ds-space-5)}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-5);border-bottom:var(--ds-border-width) solid var(--ds-border);flex-shrink:0}.panel__header h2,.panel-title-group{margin:0;font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);line-height:var(--ds-leading);color:var(--ds-text)}.panel-title-group{display:flex;align-items:center;gap:var(--ds-space-2)}.panel-title-group>i{color:var(--ds-text-2);font-size:var(--ds-icon-sm)}.visualizer{width:min(600px,100%);height:320px;margin:var(--ds-space-4) auto;border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-md);background:#000;overflow:hidden}#vizCanvas{display:block;width:100%;height:100%}.viz-controls-bar{display:flex;align-items:center;justify-content:center;margin-top:var(--ds-space-3)}.pbar-btn,.control-btn-sm{width:var(--ds-control-md);height:var(--ds-control-md);flex-shrink:0;display:grid;place-items:center;padding:0;border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-2);color:var(--ds-text-2);font-size:var(--ds-text-md);cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease)}.pbar-btn:hover,.control-btn-sm:hover{background:var(--ds-surface-3);color:var(--ds-text)}.pbar-btn--active,.control-btn-sm.active-mode{background:var(--ds-accent-soft);border-color:var(--ds-accent);color:var(--ds-text)}.pbar-btn--active:hover,.control-btn-sm.active-mode:hover{background:var(--ds-accent-soft)}.pbar-btn--play{width:var(--ds-row-height);height:var(--ds-row-height);border-color:var(--ds-accent);background:var(--ds-accent);color:var(--ds-on-accent);font-size:var(--ds-text-lg)}.pbar-btn--play:hover{border-color:var(--ds-accent-hover);background:var(--ds-accent-hover);color:var(--ds-on-accent)}.pbar-btn:disabled,.control-btn-sm:disabled{opacity:.45;cursor:not-allowed}.player-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--ds-z-player);padding:var(--ds-space-2) var(--ds-space-4);padding-bottom:calc(var(--ds-space-2) + env(safe-area-inset-bottom,0px));background:var(--ds-surface-1);border-top:var(--ds-border-width) solid var(--ds-border);color:var(--ds-text)}.player-bar__inner{max-width:var(--ds-container);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"track    controls right" "progress progress progress";align-items:center;gap:var(--ds-space-1) var(--ds-space-4)}.player-bar__track{grid-area:track;display:flex;align-items:center;gap:var(--ds-space-3);min-width:0}.player-bar__thumb{width:var(--ds-row-height);height:var(--ds-row-height);flex-shrink:0;display:grid;place-items:center;border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface-2);color:var(--ds-text-2);font-size:var(--ds-icon-sm);overflow:hidden}.player-bar__thumb--cover{padding:0}.player-bar__cover{width:100%;height:100%;object-fit:cover;display:block}.player-bar__meta{min-width:0;display:flex;flex-direction:column}.player-bar__title{font-size:var(--ds-text-md);font-weight:var(--ds-weight-semibold);color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar__subtitle{font-size:var(--ds-text-sm);color:var(--ds-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar__controls{grid-area:controls;justify-self:center;display:flex;align-items:center;gap:var(--ds-space-2)}.player-bar__progress{grid-area:progress;width:100%}.player-bar__right{grid-area:right;justify-self:end;display:flex;align-items:center;gap:var(--ds-space-2);min-width:0}.progress-container{display:flex;align-items:center;gap:var(--ds-space-2)}.progress-bar{flex-grow:1;height:6px;position:relative;border-radius:var(--ds-radius-full);background:var(--ds-border-strong);cursor:pointer;touch-action:pan-y}.progress-bar__fill{position:relative;height:100%;border-radius:var(--ds-radius-full);background:var(--ds-accent);transition:width var(--ds-duration) linear}.progress-bar__fill:after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:var(--ds-accent);border:2px solid var(--ds-surface-1);opacity:0;transition:opacity var(--ds-duration) var(--ds-ease)}.progress-bar:hover .progress-bar__fill:after,.progress-bar:focus-visible .progress-bar__fill:after,.progress-bar--dragging .progress-bar__fill:after{opacity:1}.progress-bar--dragging{cursor:grabbing}.progress-bar--dragging .progress-bar__fill{transition:none}.timechip{min-width:44px;font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);font-variant-numeric:tabular-nums;color:var(--ds-text-2);text-align:center}.volume-slider,.viz-slider{-webkit-appearance:none;appearance:none;height:6px;border:none;border-radius:var(--ds-radius-full);background:var(--ds-border-strong);cursor:pointer;touch-action:pan-y}.volume-slider{width:100px}.viz-slider{width:88px}.volume-slider::-webkit-slider-thumb,.viz-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--ds-accent);border:2px solid var(--ds-surface-1);cursor:pointer}.volume-slider::-moz-range-thumb,.viz-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ds-accent);border:2px solid var(--ds-surface-1);cursor:pointer}.volume-slider::-moz-range-track,.viz-slider::-moz-range-track{height:6px;border-radius:var(--ds-radius-full);background:var(--ds-border-strong)}.volume-control{display:flex;align-items:center;gap:var(--ds-space-2)}.viz-controls{display:flex;align-items:center;gap:var(--ds-space-3)}.viz-controls select{height:var(--ds-control-md);padding:0 var(--ds-space-3);border:var(--ds-border-width) solid var(--ds-border-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-2);color:var(--ds-text);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);line-height:1;cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),border-color var(--ds-duration) var(--ds-ease)}.viz-controls select:hover{background:var(--ds-surface-3)}.viz-controls select:focus-visible{border-color:var(--ds-accent)}.playlist-panel{max-height:600px;display:flex;flex-direction:column}.playlist{list-style:none;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.playlist li{display:flex;align-items:center;gap:var(--ds-space-3);min-height:var(--ds-row-height);padding:var(--ds-space-2) var(--ds-space-5);border-bottom:var(--ds-border-width) solid var(--ds-border);color:var(--ds-text);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease)}.playlist li:hover{background:var(--ds-surface-3)}.playlist li.active{background:var(--ds-accent-soft);box-shadow:inset 0 0 0 var(--ds-border-width) var(--ds-accent);font-weight:var(--ds-weight-semibold)}.track-name{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-track-btn,.clear-all-btn{flex-shrink:0;display:grid;place-items:center;width:var(--ds-control-sm);height:var(--ds-control-sm);padding:0;border:none;border-radius:var(--ds-radius-sm);background:transparent;color:var(--ds-text-2);font-size:var(--ds-text-sm);cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease),opacity var(--ds-duration) var(--ds-ease)}.delete-track-btn{opacity:0}.playlist li:hover .delete-track-btn,.delete-track-btn:focus-visible{opacity:1}.clear-all-btn{width:var(--ds-control-md);height:var(--ds-control-md);border-radius:var(--ds-radius-md)}.delete-track-btn:hover,.clear-all-btn:hover{background:var(--ds-surface-2);color:var(--ds-danger)}.playlist-count-badge{min-width:24px;padding:2px var(--ds-space-2);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-full);background:var(--ds-surface-2);color:var(--ds-text-2);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-semibold);text-align:center}.info-tab{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-5);border-top:var(--ds-border-width) solid var(--ds-border);color:var(--ds-text-2);font-size:var(--ds-text-sm);flex-shrink:0}.info-tab i{color:var(--ds-info);font-size:var(--ds-icon-sm)}.tool-cards{padding:var(--ds-space-5);background:var(--ds-surface-1);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-lg)}.tool-cards__title{margin:0 0 var(--ds-space-4);font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);color:var(--ds-text);text-align:center}.tool-cards__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-3)}.tool-card{display:flex;flex-direction:column;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-5) var(--ds-space-4);background:var(--ds-surface-1);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text);text-align:center;text-decoration:none;transition:border-color var(--ds-duration) var(--ds-ease)}.tool-card:hover{border-color:var(--ds-border-strong)}.tool-card__icon{width:var(--ds-space-10);height:var(--ds-space-10);display:grid;place-items:center;border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface-2);color:var(--ds-text-2);font-size:var(--ds-icon-md)}.tool-card__name{margin:0;font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold);color:var(--ds-text)}.tool-card__desc{flex-grow:1;margin:0;font-size:var(--ds-text-sm);color:var(--ds-text-2)}.tool-card__cta{display:inline-flex;align-items:center;gap:var(--ds-space-2);margin-top:var(--ds-space-1);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);color:var(--ds-link);transition:color var(--ds-duration) var(--ds-ease)}.tool-card__cta i{font-size:var(--ds-text-xs)}.tool-card:hover .tool-card__cta{color:var(--ds-accent)}.content-section{padding:var(--ds-space-6) var(--ds-space-5);background:var(--ds-surface-1);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-lg)}.content-section h2{margin:0 0 var(--ds-space-4);font-size:var(--ds-text-xl);font-weight:var(--ds-weight-bold);line-height:var(--ds-leading-tight);color:var(--ds-text);text-align:center}.faq-item{margin-bottom:var(--ds-space-2);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface-1);overflow:hidden}.faq-item:last-child{margin-bottom:0}.faq-question{width:100%;min-height:var(--ds-row-height);display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);padding:var(--ds-space-2) var(--ds-space-4);border:none;background:transparent;color:var(--ds-text);font-size:var(--ds-text-md);font-weight:var(--ds-weight-medium);text-align:left;cursor:pointer;transition:background-color var(--ds-duration) var(--ds-ease)}.faq-question:hover{background:var(--ds-surface-3)}.faq-question i{flex-shrink:0;color:var(--ds-text-2);font-size:var(--ds-text-xs);transition:transform var(--ds-duration) var(--ds-ease)}.faq-question .faq-icon.open{transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 var(--ds-space-4);overflow:hidden;transition:max-height var(--ds-duration-slow) var(--ds-ease),padding var(--ds-duration-slow) var(--ds-ease)}.faq-answer.open{max-height:600px;padding:var(--ds-space-1) var(--ds-space-4) var(--ds-space-4)}.faq-answer p{color:var(--ds-text-2);font-size:var(--ds-text-md)}.hidden{display:none!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--ds-surface-1)}::-webkit-scrollbar-thumb{background:var(--ds-border-strong);border:2px solid var(--ds-surface-1);border-radius:var(--ds-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ds-text-3)}body>:not(astro-island):not(.ds-app):not(script):not(style):not(noscript):not([class*=cookie]):not([id*=cookie]){background-color:transparent!important}:where(body>:not(astro-island):not(.ds-app):not(script):not(style):not(noscript):not([class*=cookie]):not([id*=cookie])) :where(*:not([class*=cookie]):not([id*=cookie])){background-color:transparent!important}body>:not(astro-island):not(.ds-app):not(script) [class*=drop],body>:not(astro-island):not(.ds-app):not(script) [class*=sub-menu],body>:not(astro-island):not(.ds-app):not(script) [class*=submenu],body>:not(astro-island):not(.ds-app):not(script) [class*=popup],body>:not(astro-island):not(.ds-app):not(script) [class*=popover],body>:not(astro-island):not(.ds-app):not(script) [class*=megamenu]{background-color:var(--ds-surface-1)!important}body>:not(astro-island):not(.ds-app):not(script) span:empty,body>:not(astro-island):not(.ds-app):not(script) [aria-expanded]>span:empty,body>:not(astro-island):not(.ds-app):not(script) [aria-expanded]>span>span:empty,body>:not(astro-island):not(.ds-app):not(script) [aria-expanded]>div>span:empty{background-color:currentColor!important;border-color:currentColor!important}body>:not(astro-island):not(.ds-app):not(script) button svg :is(line,path,rect),body>:not(astro-island):not(.ds-app):not(script) [aria-expanded] svg :is(line,path,rect),body>:not(astro-island):not(.ds-app):not(script) [role=button] svg :is(line,path,rect){stroke:currentColor!important;fill:currentColor!important}body>:not(astro-island):not(.ds-app):not(script) [class*=toggler-icon]{filter:brightness(0) saturate(100%)!important}:root[data-theme=dark] body>:not(astro-island):not(.ds-app):not(script) [class*=toggler-icon]{filter:brightness(0) saturate(100%) invert(1)!important}body>:not(astro-island):not(.ds-app):not(script):not(style):not(noscript):not([class*=cookie]):not([id*=cookie]),body>:not(astro-island):not(.ds-app):not(script):not(style):not(noscript):not([class*=cookie]):not([id*=cookie]) *:not([class*=cookie]):not([id*=cookie]){color:var(--ds-text)!important}body>:not(astro-island):not(.ds-app):not(script):not(style):not(noscript):not([class*=cookie]):not([id*=cookie]) a:not([class*=cookie]):not([id*=cookie]),body>:not(astro-island):not(.ds-app):not(script):not(style):not(noscript):not([class*=cookie]):not([id*=cookie]) a:not([class*=cookie]):not([id*=cookie]) *{color:var(--ds-link)!important}body>:not(astro-island):not(.ds-app):not(script):not(style):not(noscript):not([class*=cookie]):not([id*=cookie]) a:hover:not([class*=cookie]):not([id*=cookie]),body>:not(astro-island):not(.ds-app):not(script):not(style):not(noscript):not([class*=cookie]):not([id*=cookie]) a:hover:not([class*=cookie]):not([id*=cookie]) *{color:var(--ds-accent)!important}.cookie-banner,.cookie-consent,[class*=cookie-banner],[class*=cookie-consent],[id*=cookie-banner],[id*=cookie-consent]{z-index:10000!important;position:fixed!important}.app button,.app select,.app input[type=range],.ds-app button,.ds-app input[type=range],.progress-bar{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (pointer: coarse){.volume-slider,.viz-slider,.progress-bar{height:8px}.volume-slider::-webkit-slider-thumb,.viz-slider::-webkit-slider-thumb{width:20px;height:20px}.volume-slider::-moz-range-thumb,.viz-slider::-moz-range-thumb{width:20px;height:20px}.delete-track-btn{opacity:1}}@media (max-width: 768px){.app{padding-inline:var(--ds-space-3);gap:var(--ds-space-3)}.app__main{gap:var(--ds-space-3)}h1{font-size:var(--ds-text-xl)}.visualizer{height:280px}.playlist-panel{max-height:420px}.playlist li,.panel__header,.info-tab{padding-inline:var(--ds-space-4)}.delete-track-btn{opacity:1}.player-bar__inner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"track    controls" "progress progress";gap:var(--ds-space-1) var(--ds-space-3)}.player-bar__right{display:none}}@media (max-width: 480px){.app{padding:var(--ds-space-3) var(--ds-space-2);padding-bottom:calc(var(--ds-space-16) + var(--ds-space-16) + var(--ds-space-8))}.app__header{padding:var(--ds-space-3) var(--ds-space-4)}.app__home{padding:0}.app__home-label{display:none}.panel__body{padding:var(--ds-space-3) var(--ds-space-4) var(--ds-space-4)}.visualizer{height:220px;margin:var(--ds-space-3) auto}.viz-controls{flex-wrap:wrap;justify-content:center}.playlist-panel{max-height:320px}.tool-cards{padding:var(--ds-space-4)}.tool-cards__grid{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-2)}.tool-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:var(--ds-space-3);row-gap:0;padding:var(--ds-space-3);text-align:left}.tool-card__icon{grid-row:span 2}.tool-card__cta{display:none}.content-section{padding:var(--ds-space-4)}.player-bar{padding-inline:var(--ds-space-2)}.player-bar__thumb{display:none}.player-bar__controls{gap:var(--ds-space-1)}.pbar-btn{width:var(--ds-control-sm);height:var(--ds-control-sm);border-radius:var(--ds-radius-sm);font-size:var(--ds-text-sm)}.pbar-btn--play{width:var(--ds-control-lg);height:var(--ds-control-lg);border-radius:var(--ds-radius-md);font-size:var(--ds-text-md)}}@media (max-width: 360px){.visualizer{height:180px}.viz-slider{width:64px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.player-bar,.ds-app{display:none}}