.tunes-menu.svelte-1ryp96v{position:fixed;top:10vh;right:2rem;width:30rem;height:80vh;background:var(--component-bg-goals, rgba(0, 0, 0, .9));border-radius:1rem;-webkit-backdrop-filter:var(--component-blur, blur(10px));backdrop-filter:var(--component-blur, blur(10px));display:flex;gap:1rem;padding:1.5rem;color:#fff;z-index:100}.tunes-content.svelte-1ryp96v{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:0;position:relative}.tunes-body.svelte-1ryp96v{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem;padding-bottom:3.5rem}.auth-section.svelte-1ryp96v{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center}.auth-prompt.svelte-1ryp96v{display:flex;flex-direction:column;gap:1rem;width:100%}.auth-prompt.svelte-1ryp96v h3:where(.svelte-1ryp96v){margin:0;font-size:1.25rem;font-weight:600;color:#fff}.auth-prompt.svelte-1ryp96v p:where(.svelte-1ryp96v){margin:0;color:#ffffffb3;font-size:.9rem}.client-id-notice.svelte-1ryp96v{padding:1rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:.5rem;text-align:left;font-size:.85rem}.client-id-notice.svelte-1ryp96v p:where(.svelte-1ryp96v){margin:.5rem 0;color:#fffc}.client-id-notice.svelte-1ryp96v code:where(.svelte-1ryp96v){display:block;background:#0000004d;padding:.5rem;border-radius:.25rem;font-size:.8rem;margin:.5rem 0;word-break:break-all}.client-id-notice.svelte-1ryp96v a:where(.svelte-1ryp96v){color:#ffc107;text-decoration:underline}.client-id-notice.svelte-1ryp96v .help-text:where(.svelte-1ryp96v){font-size:.75rem;margin-top:.5rem}.sign-in-button.svelte-1ryp96v{padding:.75rem 1.5rem;background:#4285f4e6;border:1px solid rgba(66,133,244,.5);border-radius:.5rem;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.sign-in-button.svelte-1ryp96v:hover:not(:disabled){background:#4285f4;transform:scale(1.05)}.sign-in-button.svelte-1ryp96v:disabled{opacity:.5;cursor:not-allowed}.sign-out-container.svelte-1ryp96v{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:10}.sign-out-button-icon.svelte-1ryp96v{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.sign-out-button-icon.svelte-1ryp96v:hover{background:#000c;color:#fff;transform:scale(1.1);border-color:#fff3}.sign-out-button-icon.svelte-1ryp96v:active{transform:scale(.95)}.search-section.svelte-1ryp96v{display:flex;flex-direction:column;gap:.75rem}.search-input-container.svelte-1ryp96v{display:flex;gap:.5rem}.search-input.svelte-1ryp96v{flex:1;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-size:.9rem}.search-input.svelte-1ryp96v::placeholder{color:#ffffff80}.search-input.svelte-1ryp96v:focus{outline:none;border-color:#fff6;background:#ffffff26}.search-button.svelte-1ryp96v{padding:.75rem 1.5rem;background:#ff6b6bcc;border:1px solid rgba(255,107,107,.5);border-radius:.5rem;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.search-button.svelte-1ryp96v:hover:not(:disabled){background:#ff6b6b;transform:scale(1.05)}.search-button.svelte-1ryp96v:disabled{opacity:.5;cursor:not-allowed}.current-track-large.svelte-1ryp96v{display:flex;flex-direction:column;gap:1rem;align-items:center}.volume-control-vertical.svelte-1ryp96v{display:flex;flex-direction:column;align-items:center;gap:.5rem}.volume-slider-vertical.svelte-1ryp96v{width:32px;height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:4px 0}.volume-track-vertical.svelte-1ryp96v{width:4px;height:100%;background:#fff3;border-radius:2px;position:relative;overflow:visible}.volume-progress-vertical.svelte-1ryp96v{width:100%;background:#ff6b6bcc;border-radius:2px;transition:height .1s linear;position:absolute;bottom:0;left:0}.volume-handle-vertical.svelte-1ryp96v{position:absolute;left:50%;transform:translate(-50%);width:12px;height:12px;background:#ff6b6b;border:2px solid white;border-radius:50%;cursor:grab;box-shadow:0 2px 4px #0000004d;transition:transform .1s ease}.volume-handle-vertical.svelte-1ryp96v:active{cursor:grabbing;transform:translate(-50%) scale(1.2)}.volume-slider-vertical.svelte-1ryp96v:hover .volume-handle-vertical:where(.svelte-1ryp96v){transform:translate(-50%) scale(1.1)}.volume-slider-vertical.svelte-1ryp96v:hover .volume-track-vertical:where(.svelte-1ryp96v){width:6px}.album-art-wrapper.svelte-1ryp96v{display:flex;align-items:center;justify-content:center}.album-art-large-container.svelte-1ryp96v{position:relative;width:100%;max-width:450px;aspect-ratio:1;border-radius:1rem;overflow:hidden;background:transparent;box-shadow:0 8px 32px #00000080;margin:0;padding:0;line-height:0}.album-art-large.svelte-1ryp96v{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;margin:0;padding:0;transform:scale(1)}.album-art-controls-overlay.svelte-1ryp96v{position:absolute;top:1rem;left:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;z-index:10;pointer-events:all;opacity:.01;transition:opacity .3s ease}.album-art-large-container.svelte-1ryp96v:hover .album-art-controls-overlay:where(.svelte-1ryp96v){opacity:1}.album-art-timeline-overlay.svelte-1ryp96v{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:10;pointer-events:all;opacity:.01;transition:opacity .3s ease}.album-art-large-container.svelte-1ryp96v:hover .album-art-timeline-overlay:where(.svelte-1ryp96v){opacity:1}.time-labels-overlay.svelte-1ryp96v{display:flex;justify-content:flex-start;font-size:.75rem;color:#ffffffe6;font-variant-numeric:tabular-nums}.time-combined-overlay.svelte-1ryp96v{font-variant-numeric:tabular-nums}.timeline-overlay.svelte-1ryp96v{width:100%;height:32px;display:flex;align-items:center;cursor:pointer;position:relative;padding:8px 0}.timeline-track-overlay.svelte-1ryp96v{width:100%;height:4px;background:#fff3;border-radius:2px;position:relative;overflow:visible}.timeline-progress-overlay.svelte-1ryp96v{height:100%;background:#ff6b6bcc;border-radius:2px;transition:width .1s linear;position:absolute;top:0;left:0}.timeline-handle-overlay.svelte-1ryp96v{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#ff6b6b;border:2px solid white;border-radius:50%;cursor:grab;box-shadow:0 2px 4px #0000004d;transition:transform .1s ease;opacity:1}.timeline-overlay.svelte-1ryp96v:hover .timeline-track-overlay:where(.svelte-1ryp96v){height:6px}.timeline-handle-overlay.svelte-1ryp96v:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.volume-control-vertical.svelte-1ryp96v{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border-radius:0;border:none}.volume-icon-button-overlay.svelte-1ryp96v{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffffe6;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.volume-icon-button-overlay.svelte-1ryp96v:hover{color:#fff;transform:scale(1.1)}.album-art-controls-top-right.svelte-1ryp96v{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;z-index:10;pointer-events:all;opacity:.01;transition:opacity .3s ease}.album-art-large-container.svelte-1ryp96v:hover .album-art-controls-top-right:where(.svelte-1ryp96v){opacity:1}.control-button-overlay.svelte-1ryp96v{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:.375rem;color:#ffffffe6;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.control-button-overlay.svelte-1ryp96v:hover{color:#fff;transform:scale(1.05)}.control-button-overlay.active.svelte-1ryp96v{color:#ff6b6b}.album-art-overlay.svelte-1ryp96v{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;pointer-events:none;z-index:5}.album-art-large-container.svelte-1ryp96v:hover .album-art-overlay:where(.svelte-1ryp96v){background:#0009;opacity:1;pointer-events:all}.player-controls-large.svelte-1ryp96v{display:flex;gap:1rem;align-items:center}.control-button-large.svelte-1ryp96v{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#000000e6;cursor:pointer;transition:all .2s ease;padding:0;box-shadow:0 4px 16px #0000004d}.control-button-large.svelte-1ryp96v:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 20px #0006}.control-button-large.svelte-1ryp96v:active{transform:scale(.95)}.track-info-large.svelte-1ryp96v{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;margin-bottom:.05rem}.track-title-large.svelte-1ryp96v{margin:0;font-size:1.25rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist-large.svelte-1ryp96v{margin:0;font-size:1.25rem;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-art-placeholder.svelte-1ryp96v{width:100%;max-width:400px;aspect-ratio:1;border-radius:1rem;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;margin:0 auto}.album-art-placeholder.svelte-1ryp96v p:where(.svelte-1ryp96v){color:#ffffff80;font-size:.9rem;text-align:center}.search-results.svelte-1ryp96v{display:flex;flex-direction:column;gap:.75rem}.results-header.svelte-1ryp96v{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.results-list.svelte-1ryp96v{display:flex;flex-direction:column;gap:.5rem}.result-item.svelte-1ryp96v{display:flex;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:.5rem;cursor:pointer;transition:all .2s ease;align-items:center}.result-item.svelte-1ryp96v:hover{background:#ffffff1a;transform:translate(4px)}.result-thumbnail-wrap.svelte-1ryp96v{width:60px;height:60px;border-radius:.375rem;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.result-thumbnail.svelte-1ryp96v{width:135%;height:135%;object-fit:cover;object-position:center;display:block}.result-info.svelte-1ryp96v{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;justify-content:center}.result-title.svelte-1ryp96v{margin:0;font-size:.9rem;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.srt-track-icon.svelte-1ryp96v{width:60px;height:60px;border-radius:.375rem;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffff80}.result-info-full.svelte-1ryp96v{min-width:0}.result-channel.svelte-1ryp96v{margin:0;font-size:.8rem;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.play-button.svelte-1ryp96v{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ff6b6bcc;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.play-button.svelte-1ryp96v:hover{background:#ff6b6b;transform:scale(1.1)}.loading-state.svelte-1ryp96v{text-align:center;padding:2rem;color:#ffffffb3}.error-message.svelte-1ryp96v{padding:.75rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:.5rem;font-size:.85rem}.error-message.svelte-1ryp96v p:where(.svelte-1ryp96v){margin:.25rem 0;color:#f44336}.error-message.svelte-1ryp96v .error-help:where(.svelte-1ryp96v){margin-top:.5rem;font-size:.8rem;color:#fffc}.error-message.svelte-1ryp96v .error-help:where(.svelte-1ryp96v) a:where(.svelte-1ryp96v){color:#2196f3;text-decoration:underline}