@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--color-bg:#000;--color-fg:#fff;--color-accent:#e74c3c;--color-muted:#666;--font-mono:"JetBrains Mono", monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--border-width:1px;--border-default:var(--border-width) solid var(--color-fg);--border-accent:var(--border-width) solid var(--color-accent);--border-muted:var(--border-width) solid var(--color-muted)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#app{width:100%;height:100%}:focus-visible{outline:var(--border-accent);outline-offset:2px}::selection{background:var(--color-accent);color:var(--color-bg)}.wireframe-btn{background:var(--color-bg);color:var(--color-fg);border:var(--border-default);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05rem;cursor:pointer;justify-content:center;align-items:center;font-size:.875rem;transition:none;display:inline-flex}.wireframe-btn:hover:not(:disabled){background:var(--color-fg);color:var(--color-bg)}.wireframe-btn.active{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.wireframe-btn.active:hover:not(:disabled){background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.wireframe-input{background:var(--color-bg);color:var(--color-fg);border:var(--border-default);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-mono);outline:none;font-size:.875rem;transition:none}.wireframe-input::placeholder{color:var(--color-muted);text-transform:lowercase}.wireframe-input:focus{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.wireframe-input:focus::placeholder{color:var(--color-muted)}.wireframe-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wireframe-btn:disabled,.wireframe-input:disabled{opacity:.5;cursor:not-allowed}.visualizer-stack.svelte-ji79c4{width:100%;height:100%;position:absolute;top:0;left:0}.visualizer-stack.debug.svelte-ji79c4{border:var(--border-accent)}.layer.svelte-ji79c4{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.error.svelte-ji79c4{color:var(--color-accent);padding:var(--spacing-lg);font-family:var(--font-mono);border:var(--border-accent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-controls.svelte-5tre29{gap:var(--spacing-sm);align-items:center;display:flex}.pulse.svelte-5tre29{border-color:var(--color-accent);animation:1.5s infinite svelte-5tre29-pulse-animation}@keyframes svelte-5tre29-pulse-animation{0%{background:var(--color-bg);color:var(--color-fg)}50%{background:var(--color-accent);color:var(--color-bg)}to{background:var(--color-bg);color:var(--color-fg)}}.track-input-container.svelte-fe8d8f{gap:0;width:100%;max-width:500px;display:flex}.track-input-override.svelte-fe8d8f{flex:1;min-width:0}.submit-btn-override.svelte-fe8d8f{padding-left:var(--spacing-md);padding-right:var(--spacing-md);border-left:none;font-size:1rem}.spinner.svelte-fe8d8f{animation:1s linear infinite svelte-fe8d8f-rotate;display:inline-block}@keyframes svelte-fe8d8f-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.debug-panel.svelte-pmsc4d{bottom:var(--spacing-lg);right:var(--spacing-lg);border:var(--border-accent);padding:var(--spacing-md);z-index:1000;background:#000000e6;min-width:200px;position:fixed}.header.svelte-pmsc4d{color:var(--color-accent);margin-bottom:var(--spacing-sm);letter-spacing:.1em;border-bottom:var(--border-muted);padding-bottom:var(--spacing-xs);font-size:.75rem;font-weight:700}.grid.svelte-pmsc4d{gap:var(--spacing-xs);grid-template-columns:1fr 1fr;display:grid}.debug-btn.svelte-pmsc4d{border:var(--border-muted);color:var(--color-muted);padding:var(--spacing-xs) var(--spacing-sm);text-align:left;justify-content:flex-start;width:100%;font-size:.75rem}.debug-btn.svelte-pmsc4d:hover{border-color:var(--color-fg);color:var(--color-fg)}.debug-btn.active.svelte-pmsc4d{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.seek-bar-container.svelte-qmop01{cursor:pointer;align-items:flex-start;width:100%;height:10px;padding:0;display:flex;position:relative}.seek-bar-container.disabled.svelte-qmop01{cursor:default;pointer-events:none}.seek-bar-container.disabled.svelte-qmop01 .progress-track:where(.svelte-qmop01){background:var(--color-muted);opacity:.5}.seek-bar-container.disabled.svelte-qmop01 .progress-fill:where(.svelte-qmop01),.seek-bar-container.disabled.svelte-qmop01 .progress-thumb:where(.svelte-qmop01){opacity:0}.progress-track.svelte-qmop01{background:var(--color-muted);width:100%;height:1px;transition:height .1s;position:relative}.seek-bar-container.svelte-qmop01:hover .progress-track:where(.svelte-qmop01){height:2px}.progress-fill.svelte-qmop01{background:var(--color-accent);height:100%;position:absolute;top:0;left:0}.progress-thumb.svelte-qmop01{background:var(--color-accent);z-index:2;opacity:0;border:none;width:4px;height:4px;transition:opacity .1s,transform .1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.seek-bar-container.svelte-qmop01:hover .progress-thumb:where(.svelte-qmop01){opacity:1;transform:translate(-50%,-50%)scale(1.5)}body{overflow:hidden}.app-container.svelte-1n46o8q{background:var(--color-bg);width:100%;height:100dvh;position:relative;overflow:hidden}.visualizer-layer.svelte-1n46o8q{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.ui-grid.svelte-1n46o8q{z-index:10;pointer-events:none;grid-template-rows:60px 1fr auto;grid-template-columns:minmax(0,1fr);width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.header-area.svelte-1n46o8q{padding:0 var(--spacing-lg);border-bottom:var(--border-muted);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:all;background:#0003;grid-row:1;align-items:center;min-width:0;display:flex;overflow:hidden}h1.svelte-1n46o8q{flex-shrink:0;align-items:center;margin:0;display:flex}.header-logo.svelte-1n46o8q{background-color:var(--color-accent);width:60px;height:40px;-webkit-mask-image:var(--logo-url);-webkit-mask-position:0;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--logo-url);mask-image:var(--logo-url);filter:drop-shadow(0 0 4px var(--color-accent));opacity:.9;display:inline-block;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.version.svelte-1n46o8q{color:var(--color-accent);margin-left:var(--spacing-sm);font-size:.75rem;font-weight:700}.track-info.svelte-1n46o8q{margin-left:var(--spacing-xl);align-items:center;gap:var(--spacing-sm);font-family:var(--font-mono);color:var(--color-fg);flex:1;min-width:0;font-size:.875rem;display:flex;overflow:hidden}.sc-track-link.svelte-1n46o8q{margin-left:var(--spacing-sm);opacity:.8;flex-shrink:0;align-items:center;transition:opacity .2s;display:flex}.sc-track-link.svelte-1n46o8q:hover{opacity:1}.sc-track-logo.svelte-1n46o8q{height:14px;display:block}.info-link.svelte-1n46o8q{opacity:.8;white-space:nowrap;text-overflow:ellipsis;min-width:0;transition:opacity .2s,color .2s;overflow:hidden;text-decoration:none!important}.info-link.track-artist.svelte-1n46o8q,.info-link.track-artist.svelte-1n46o8q:visited{color:#b3b3b3}.info-link.track-title.svelte-1n46o8q,.info-link.track-title.svelte-1n46o8q:visited{color:var(--color-fg)}.info-link.svelte-1n46o8q:hover{opacity:1;color:var(--color-fg)!important}.track-separator.svelte-1n46o8q{color:var(--color-accent);flex-shrink:0}.error-message.svelte-1n46o8q{margin-left:var(--spacing-xl);color:var(--color-accent);font-family:var(--font-mono);font-size:.875rem}.source-link.svelte-1n46o8q{font-family:var(--font-mono);color:var(--color-fg);opacity:.5;margin-left:auto;font-size:.75rem;text-decoration:none;transition:opacity .2s}.source-link.svelte-1n46o8q:hover{opacity:1}.viewport-area.svelte-1n46o8q{grid-row:2}.controls-dock.svelte-1n46o8q{background:var(--color-bg);pointer-events:all;padding-bottom:var(--spacing-sm);border-top:none;grid-row:3;grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto;display:grid}.controls-cell.svelte-1n46o8q{border-right:var(--border-default);padding:0 var(--spacing-lg);justify-content:center;align-items:center;display:flex}.input-cell.svelte-1n46o8q{padding:0 var(--spacing-lg);align-items:center;display:flex}.attribution-cell.svelte-1n46o8q{padding:0 var(--spacing-lg);border-left:var(--border-default);justify-content:center;align-items:center;display:flex}.sc-link.svelte-1n46o8q{align-items:center;display:flex}.sc-logo.svelte-1n46o8q{opacity:.8;height:32px;transition:opacity .2s}.sc-logo.svelte-1n46o8q:hover{opacity:1}.seek-bar-row.svelte-1n46o8q{border-bottom:none;grid-column:1/-1;align-items:center;padding:0;display:flex}@media (width<=768px){.version.svelte-1n46o8q,.source-link.svelte-1n46o8q,.track-artist.svelte-1n46o8q,.track-separator.svelte-1n46o8q{display:none}.controls-dock.svelte-1n46o8q{padding-bottom:var(--spacing-sm);grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;gap:0}.seek-bar-row.svelte-1n46o8q{margin-bottom:var(--spacing-xs);grid-area:1/1/auto/-1}.controls-cell.svelte-1n46o8q{padding:0 var(--spacing-sm) 0 var(--spacing-md);border-right:none;grid-area:2/1}.input-cell.svelte-1n46o8q{padding:0 var(--spacing-md) 0 0;grid-area:2/2;min-width:0}.attribution-cell.svelte-1n46o8q{padding:var(--spacing-sm) 0 0 0;border-top:none;border-left:none;grid-area:3/1/auto/-1;justify-content:center;transform:scale(.85)}.header-area.svelte-1n46o8q{padding:0 var(--spacing-md)}}