:root{--color-primary: #4dd4bf;--color-primary-hover: #3fc1ad;--color-primary-light: #4dffea;--color-white: #ffffff;--color-error: #F44336;--color-success: #4CAF50;--color-info: #2196F3;--color-danger: #ff6b6b;--color-warning: #FFC107;--bg-dark: #030303;--bg-dark-transparent: rgba(20, 20, 20, .85);--bg-light-transparent: rgba(255, 255, 255, .1);--bg-light-transparent-hover: rgba(255, 255, 255, .2);--bg-dark-transparent-active: rgba(255, 255, 255, .3);--text-primary: #ffffff;--text-secondary: #e8e8e8;--text-muted: #aaaaaa;--text-placeholder: rgba(255, 255, 255, .3);--border-light: rgba(255, 255, 255, .1);--border-medium: #444;--border-danger: rgba(255, 107, 107, .4);--border-danger-hover: rgba(255, 107, 107, .6);--modal-color-primary: var(--color-primary);--modal-color-bg: rgba(20, 20, 20, .85);--modal-color-border: var(--border-medium);--modal-spacing: 16px;--overlay-background: rgba(0, 0, 0, .85);--overlay-text: var(--text-primary);--overlay-border-radius: 4px;--overlay-box-shadow: 0 2px 10px rgba(0, 0, 0, .3);--toast-success-color: var(--color-success);--toast-error-color: var(--color-error);--toast-info-color: var(--color-info);--interaction-padding: 6px 8px;--overlay-transition: opacity .3s ease-in-out;--overlay-visible-opacity: .9;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--action-button-width: 27px;--action-button-height: 24px;--icon-size: 14px;--font-family: "Helvetica", "Arial", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--transition-fast: all .2s ease;--transition-standard: all .3s ease-in-out;--z-index-base: 1000;--z-index-overlay: 1001;--z-index-controls: 1002;--z-index-modal: 2000;--z-index-toast: 3000}#toast-container{position:fixed;top:var(--spacing-xl);left:calc(var(--spacing-xl) + var(--toast-safe-left, 0px));display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);z-index:var(--z-index-toast);font-family:var(--font-family);pointer-events:none}@media (min-width: 601px){body.side-panel-open{--toast-safe-left: var(--side-panel-width, 440px)}}.toast{background-color:var(--overlay-background);color:var(--overlay-text);border-radius:var(--overlay-border-radius);box-shadow:var(--overlay-box-shadow);padding:var(--interaction-padding);opacity:0;transform:translateY(-10px);transition:var(--overlay-transition),transform var(--transition-standard);max-width:300px;font-size:var(--font-size-md);word-wrap:break-word;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);pointer-events:auto;will-change:transform,opacity}.toast.visible{opacity:var(--overlay-visible-opacity);transform:translateY(0)}.toast.success{border-left:4px solid var(--toast-success-color)}.toast.error{border-left:4px solid var(--toast-error-color)}.toast.info{border-left:4px solid var(--toast-info-color)}.toast.chrome-promo{position:relative;max-width:460px;width:calc(100% - 48px);background:linear-gradient(#000,#000),#000;background-blend-mode:overlay;backdrop-filter:blur(8px);--overlay-visible-opacity: 1;border:1px solid rgba(255,255,255,.08);border-radius:var(--overlay-border-radius);padding:24px 26px 24px 22px;display:flex;align-items:center;gap:20px;animation:promo-slide-in var(--transition-standard) ease-out}@keyframes promo-slide-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.chrome-promo .promo-copy{font-size:.95rem;line-height:1.35rem;color:var(--text-primary)}.chrome-promo .promo-copy strong{display:block;font-size:1.05rem;margin-bottom:6px}.chrome-promo .promo-cta{padding:10px 22px;border-radius:var(--overlay-border-radius);background:var(--color-primary-dark, #1bb0a0);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:background .2s ease,transform .15s ease}.chrome-promo .promo-cta:hover{background:#23c0b2;transform:translateY(-2px)}@media (max-width: 560px){html:not(.is-extension) #toast-container{top:0!important;bottom:auto!important;left:0!important;transform:none!important;width:100%;align-items:center}.toast.chrome-promo{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 18px 18px}.chrome-promo .promo-cta{width:100%;text-align:center}.chrome-promo .promo-cta-group{width:100%;display:flex;flex-wrap:wrap;gap:8px}.chrome-promo .promo-cta-group .promo-cta{flex:1 1 calc(50% - 8px)}.toast.chrome-promo.centered-promo{grid-template-columns:1fr;gap:20px;padding:24px 20px 26px;top:50%!important;left:50%;transform:translate(-50%,-50%)!important;max-height:92vh;overflow-y:auto}.promo-description,.promo-tagline,.promo-disclaimer{display:none!important}.promo-headline{margin-bottom:14px}.toast.chrome-promo.centered-promo{width:75%!important;max-width:420px}.promo-cta-group,.promo-cta-group.extensions{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:10px}.promo-cta-group .promo-cta{flex:1 1 100%!important;width:100%!important}.promo-copy{margin-bottom:6px!important}.promo-headline{margin-bottom:8px!important}.promo-description{display:block!important}.promo-mobile-note{font-size:.95rem;line-height:1.35rem;opacity:.85;margin-bottom:8px}.promo-actions{gap:10px!important}.promo-mobile-note{margin-bottom:0}.mobile-share .promo-cta{width:100%;text-align:center}.mobile-share{display:flex;flex-direction:column;gap:8px}}.chrome-promo .promo-cta-group{display:flex;gap:12px;flex-wrap:wrap}.chrome-promo .promo-cta-group .promo-cta{flex:0 0 auto}.toast a{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.toast a:hover{color:var(--color-primary-light)}.toast-close{background:none;border:none;color:var(--text-primary);font-size:var(--font-size-lg);cursor:pointer;opacity:.8;transition:opacity var(--transition-fast)}.toast-close:hover{opacity:1;color:var(--color-primary)}.chrome-promo .toast-close{font-size:calc(var(--font-size-lg) + 4px)}.toast.chrome-promo{position:relative}.toast.chrome-promo .toast-close{position:absolute;top:10px;right:12px}@media (min-width: 561px){.toast.chrome-promo{grid-template-columns:1fr auto auto;align-items:center}.toast.chrome-promo .toast-close{position:static;margin-left:2px}}.toast.centered-promo{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:320px;width:calc(100% - 64px);z-index:calc(var(--z-index-toast) + 10)}.chrome-promo .promo-description{margin-top:8px;font-size:.9rem;line-height:1.35rem;opacity:.85}.chrome-promo .promo-cta-group{margin-top:14px}.toast.chrome-promo.centered-promo{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 14px 12px}.toast.chrome-promo.centered-promo .promo-cta-group{margin-top:0}.promo-headline{font-size:.98rem;line-height:1.25;margin:0;max-width:none}.promo-tagline{margin:0 0 14px;font-size:1rem;line-height:1.4rem}.promo-disclaimer{display:block;margin-bottom:8px;opacity:.8}.promo-cta-group{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.promo-cta{min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;width:100%}.promo-cta[data-primary=true]{position:relative;animation:none;box-shadow:none}@keyframes cta-breathe{0%,to{box-shadow:0 0 #ffffff1a}50%{box-shadow:0 0 12px #ffffff59}}.promo-cta[data-primary=true]:hover{animation:none}@media (prefers-reduced-motion: reduce){.promo-cta[data-primary=true]{animation:none}}.toast.centered-promo .toast-close{position:absolute;top:12px;right:14px}@media (max-width: 450px){.promo-actions{gap:20px}.promo-cta-group.extensions{display:flex;flex-direction:column;gap:10px}.promo-cta-group{display:flex;flex-direction:column;gap:10px;width:100%}.promo-cta{flex:1 1 auto;width:100%}}.promo-actions{display:flex;flex-direction:column;gap:10px}.cta-heading{font-size:.72rem;text-transform:none;letter-spacing:0;opacity:.8;margin:0 0 6px;font-weight:600}.extensions .promo-cta{min-width:140px;padding:7px 10px;font-size:.84rem}.cta-icon{width:14px;height:14px;display:inline-block;filter:invert(1);margin-right:6px}.cta-badge{background:#fff;color:#000;font-size:.65rem;font-weight:600;border-radius:4px;padding:2px 6px;margin-left:6px;text-transform:uppercase}.promo-cta-group.extensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.promo-cta-group.wallpapers{display:flex;flex-direction:column;gap:10px}@media (max-width: 350px){.promo-cta-group.extensions{grid-template-columns:1fr}}.cta-icon.icon-safari{filter:invert(1) drop-shadow(0 0 .7px #fff) drop-shadow(0 0 .7px #fff)}.promo-link{color:var(--text-primary);opacity:.8;font-size:.82rem;text-decoration:underline;transition:opacity .2s ease}.promo-follow-x{display:inline-flex;align-items:center;gap:6px;text-decoration:none;width:100%;justify-content:center}.promo-follow-x:hover{text-decoration:underline}.promo-link:hover{opacity:1}@media (max-width: 768px){.toast.chrome-promo.centered-promo{display:flex!important;flex-direction:column!important;align-items:stretch}.promo-copy{margin-bottom:18px}}body.promo-active #player,body.promo-active #interactions{display:none!important}.alt-browsers{width:100%;margin-top:0}.alt-browsers summary{list-style:none}.alt-browsers summary::-webkit-details-marker{display:none}.alt-browsers summary{display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.promo-cta-group.extensions .alt-browsers{grid-column:1 / -1}.alt-browsers .promo-cta{margin-top:10px}.promo-cta-group.extensions{grid-template-columns:1fr!important;gap:8px!important}.promo-cta-group.extensions .promo-cta{width:100%;min-width:0;padding:7px 10px;font-size:.84rem}.promo-cta-group.wallpapers .promo-cta{padding:7px 10px;font-size:.84rem}.alt-browsers-toggle{list-style:none;cursor:pointer;color:var(--text-primary);font-size:.66rem;font-weight:500;opacity:.8;text-decoration:none;padding:0;margin:0;background:none;border:none;display:block!important;text-align:center!important;justify-content:center!important;align-items:center!important;gap:0!important}.alt-browsers-toggle:hover{opacity:1}.share-promo .promo-copy.share{margin-bottom:18px}.share-promo .share-description{margin-top:10px;margin-bottom:14px}.share-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:10px}.share-preview-card{position:relative;padding-top:72%;border-radius:14px;background:#111;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 12px 20px #00000059}.share-preview-card.no-thumb{padding-top:0;min-height:140px;background:linear-gradient(135deg,#ffffff14,#ffffff05);display:flex;align-items:flex-end}.share-preview-card .preview-meta{position:absolute;left:10px;right:10px;bottom:10px;background:#000000a6;border-radius:10px;padding:8px;font-size:.8rem;line-height:1.1rem}.share-preview-card.no-thumb .preview-meta{position:static;background:transparent;padding:16px}.preview-title{display:block;font-weight:600}.preview-artist{display:block;opacity:.75;font-size:.78rem}.share-promo .promo-cta-group.share-cta{flex-direction:row;flex-wrap:wrap;gap:12px}.share-promo .promo-cta.share-primary{flex:1 1 200px}.share-promo .promo-cta[data-state=done]{opacity:.6;pointer-events:none}.share-promo .promo-mobile-note{margin-top:14px;font-size:.9rem;opacity:.85}.toast.chrome-promo.share-promo{max-width:680px;width:min(92vw,680px);display:flex;flex-direction:column}.toast.chrome-promo.share-promo .promo-actions{width:100%}@media (max-width: 768px){.toast.chrome-promo.share-promo{position:fixed;inset:auto 0 0;transform:none!important;border-radius:24px 24px 0 0;width:100%;max-width:100%;padding:24px 20px 28px;max-height:80vh;overflow-y:auto}.share-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.share-promo .promo-cta-group.share-cta{flex-direction:column}}#player{position:fixed;top:6px;right:6px;display:flex;flex-direction:column;gap:0px;opacity:0;transition:var(--overlay-transition);pointer-events:auto;z-index:var(--z-index-overlay);width:auto;min-width:240px;max-width:max-content;align-items:stretch}#player:not(.visible) .control-row:not(:hover){pointer-events:none}#player.visible{opacity:var(--overlay-visible-opacity)}#player:hover{opacity:1}.control-row{display:flex;align-items:center;gap:var(--spacing-xs);justify-content:flex-end;padding:0;width:100%;pointer-events:auto;z-index:var(--z-index-controls);margin:1.8px 0}.control-row:first-of-type,#playlist-row{justify-content:flex-start;width:100%;gap:var(--spacing-xs)}#artwork-row{justify-content:center;width:100%;gap:var(--spacing-xs)}.action{width:var(--action-button-width);justify-content:center;cursor:pointer;pointer-events:auto!important;z-index:var(--z-index-controls);background-color:var(--overlay-background);border-radius:var(--overlay-border-radius);height:var(--action-button-height);display:flex;align-items:center;transition:var(--transition-fast);padding:0}.action:hover{background-color:var(--bg-light-transparent-hover)}.action.active:not(#layback):not(#login){background-color:var(--bg-dark-transparent-active)}.action img,.action svg{width:var(--icon-size);height:var(--icon-size);opacity:.85;transition:var(--transition-fast);display:block;pointer-events:none}.action:hover img,.action:hover svg{opacity:1;transform:scale(1.05)}.action.active img,.action.active svg{opacity:1}#login{width:var(--action-button-width);transition:var(--transition-fast)}#login.logged-in{width:auto;padding:0 6px;justify-content:flex-start;opacity:1}#login.logged-in .username-display{display:inline-block;color:var(--color-primary)}#login.logged-in svg{stroke:var(--color-primary);filter:drop-shadow(0 0 3px var(--color-primary));margin-left:0}.username-display{display:none;font-size:var(--font-size-sm);margin-left:var(--spacing-xs);color:var(--text-primary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#next{flex:1;pointer-events:auto!important;z-index:1003!important;margin-right:auto}#mute{transition:var(--transition-fast)}#mute.muted{background-color:#ff6b6b33}#mute.muted:hover{background-color:#ff6b6b59}#layback{position:relative;min-width:var(--action-button-width);transition:var(--transition-fast);padding:0}#layback:hover{background-color:var(--bg-light-transparent-hover)}#layback svg{opacity:.85}#layback:hover svg{opacity:1}#layback svg .clock-hands,#layback svg .play-symbol{transition:opacity var(--transition-fast)}#layback svg .clock-hands{opacity:1}#layback svg .play-symbol{opacity:0}#layback.active svg .clock-hands{opacity:0}#layback.active svg .play-symbol{opacity:1}#layback svg .clock-marks{opacity:.6}#layback .layback-seconds{display:none;font-size:var(--font-size-sm);margin-left:var(--spacing-xs);cursor:pointer;opacity:.85;transition:var(--transition-fast)}#layback.active svg,#layback.active .layback-seconds{color:var(--modal-color-primary);stroke:var(--modal-color-primary);filter:drop-shadow(0 0 3px var(--modal-color-primary));opacity:1}#layback.active .layback-seconds{display:inline}#layback.active{width:auto;padding:0 7px 0 var(--spacing-xs)}#layback .layback-seconds:hover{text-decoration:underline}.iframe-container{position:relative;width:100%;height:100%;overflow:hidden}@media (min-width: 601px){body.side-panel-open .iframe-container{width:calc(100% - var(--side-panel-width, 440px));margin-left:var(--side-panel-width, 440px)}}iframe,#myframe{width:100%;height:100%;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}#myframe::-webkit-scrollbar{display:none;width:0;height:0}#artwork-contain{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#artworkName{color:var(--text-primary);font-size:var(--font-size-sm);opacity:.9;white-space:nowrap;pointer-events:none;user-select:none;cursor:default;text-align:center;padding:0 var(--spacing-xs);display:inline}#artistName{color:var(--text-secondary);font-size:var(--font-size-sm);opacity:.7;white-space:nowrap;pointer-events:none;user-select:none;cursor:default;display:inline;margin-left:4px}#artistName:empty{display:none}#interactions{background-color:var(--overlay-background);color:var(--overlay-text);border-radius:var(--overlay-border-radius);box-shadow:var(--overlay-box-shadow);padding:var(--interaction-padding);position:fixed;bottom:var(--spacing-md);right:var(--spacing-md);font-size:var(--font-size-md);z-index:var(--z-index-toast);opacity:0;transition:var(--overlay-transition);max-width:300px;pointer-events:auto}#interactions:empty{display:none}#interactions.visible{opacity:var(--overlay-visible-opacity)}#interactions:hover{pointer-events:auto}#interactions table{width:100%;border-collapse:collapse}#interactions td{padding:var(--spacing-xs) var(--spacing-xs);opacity:.85;transition:opacity var(--transition-fast)}#interactions:hover td{opacity:1}#interactions td:first-child{text-align:right;font-weight:400;padding-right:var(--spacing-sm)}#interactions td:last-child{text-align:left}.toggle-row{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:var(--transition-standard)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--color-white);transition:var(--transition-standard)}input:checked+.slider{background-color:var(--modal-color-primary)}input:focus+.slider{box-shadow:0 0 1px var(--modal-color-primary)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.artwork-edit-mode #player{opacity:0;pointer-events:none;transition:var(--overlay-transition)}.artwork-edit-mode #player.visible,.artwork-edit-mode #interactions.visible{opacity:.4}.artwork-edit-mode #myframe{pointer-events:none}#player.sticky-during-edit,#interactions.sticky-during-edit{opacity:var(--overlay-visible-opacity)!important;pointer-events:auto!important;z-index:10001}.artwork-edit-mode #player.visible,.artwork-edit-mode #interactions.visible{pointer-events:none}.artwork-edit-mode #interactions{opacity:0}#artworkContain{display:flex;justify-content:center;overflow:hidden;position:relative;background-color:transparent}#artworkContain iframe{border:none!important}#artwork-contain>.artwork-content,#artworkContain>.artwork-content{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:none!important;object-fit:contain;max-width:100%;max-height:100%;opacity:0;transition:opacity .15s ease-in-out}#artworkContain.loading>.artwork-content,#artwork-contain.loading>.artwork-content{opacity:0}#artworkContain.loading,#artwork-contain.loading{background-color:#121212}#artworkContain.loading:before,#artwork-contain.loading:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--at-shimmer-highlight, rgba(77, 212, 191, .3)) 0%,var(--at-shimmer-mid, rgba(77, 212, 191, .1)) 45%,transparent 80%);z-index:0;opacity:.18;transform:scale(.95);animation:breathe 6s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}#artwork-contain>.artwork-content,#artworkContain>.artwork-content{z-index:1}#artworkContain.loaded>.artwork-content,#artwork-contain.loaded>.artwork-content{opacity:1}#artworkContain.error,#artwork-contain.error{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-triangle'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3E%3C/path%3E%3Cline x1='12' y1='9' x2='12' y2='13'%3E%3C/line%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-size:48px 48px}#artworkContain.error>.artwork-content,#artwork-contain.error>.artwork-content{opacity:0}body.css-ready #player.visible{opacity:var(--overlay-visible-opacity)}body.css-ready #player:not(.visible){opacity:0}body.css-ready #interactions.visible{opacity:var(--overlay-visible-opacity)}body.css-ready #interactions:not(.visible){opacity:0}.primary-button{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);border:none;border-radius:var(--overlay-border-radius);color:var(--text-primary);font-size:.95em;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.primary-button:hover{background:var(--color-primary-hover)}.secondary-button{background-color:var(--bg-light-transparent);color:var(--text-primary);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--overlay-border-radius);cursor:pointer;transition:var(--transition-fast)}.secondary-button:hover{background-color:var(--bg-light-transparent-hover)}.danger-button{background-color:#ff6b6b33;color:var(--color-danger);border:1px solid var(--border-danger);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--overlay-border-radius);cursor:pointer;transition:var(--transition-fast)}.danger-button:hover{background-color:#ff6b6b4d;border-color:var(--border-danger-hover)}.danger-button:disabled{opacity:.5;cursor:not-allowed}.button-row{display:flex;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-sm) 0;align-items:center}.button-separator{color:var(--text-muted);font-size:var(--font-size-md);margin:0 var(--spacing-xs)}.login-button,.add-to-playlist,.modal form button[type=submit],#addArtwork .save{@extend .primary-button;}.full-width-button{width:100%;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:6px}.skeleton-text{height:12px;margin-bottom:6px;width:80%}.skeleton-text.short{width:40%}@keyframes breathe{0%,to{transform:scale(.95);opacity:.14}50%{transform:scale(1.05);opacity:.28}}body{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:var(--bg-dark);font-family:var(--font-family);overflow:hidden}.overlay{background-color:var(--overlay-background);color:var(--overlay-text);border-radius:var(--overlay-border-radius);box-shadow:var(--overlay-box-shadow);pointer-events:auto;z-index:var(--z-index-overlay);transition:var(--overlay-transition)}#artwork{flex:1;justify-content:center;align-items:center;text-align:center;min-width:100px;width:auto;padding:0 var(--spacing-sm);margin:0 auto}.action,#playlistSelector,#artwork{background-color:var(--bg-dark-transparent);border-radius:var(--overlay-border-radius);height:var(--action-button-height);display:flex;align-items:center;transition:var(--transition-fast);pointer-events:auto;z-index:var(--z-index-controls);padding:0}#playlistSelector{flex:1 1 auto;min-width:100px;width:auto;cursor:pointer;user-select:none;transition:var(--transition-fast);padding:0 var(--spacing-sm);justify-content:center;margin-right:auto}#playlistSelector:hover{background-color:var(--bg-light-transparent-hover);box-shadow:0 0 8px #4dd4bf4d}#playlistSelector .edit-indicator{width:var(--icon-size);height:var(--icon-size);opacity:.5;transition:var(--transition-fast);margin-left:var(--spacing-xs)}#playlistSelector:hover .edit-indicator{opacity:.85}#currentPlaylistName{font-size:var(--font-size-sm);color:var(--text-primary);overflow:visible;white-space:nowrap;flex:1;text-align:center;padding:0 var(--spacing-xs);width:100%;display:block}#playlistSelector .preview-label{display:none;color:var(--color-primary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-right:var(--spacing-xs)}#playlistSelector.previewing{border:1px solid var(--color-primary);box-shadow:0 0 8px #4dd4bf33}#playlistSelector.previewing .preview-label{display:inline}::-webkit-scrollbar{width:var(--spacing-sm);height:var(--spacing-sm)}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--spacing-xs)}::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--spacing-xs);transition:background .15s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.playlist-menu-modal .visibility-indicator,.playlist-editor-modal .visibility-indicator,.playlist-item .visibility-indicator,.modal-header .visibility-indicator,.playlist-section .visibility-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;vertical-align:middle}.visibility-indicator.public,.playlist-item .visibility-indicator.public,.playlist-section .visibility-indicator.public,.playlist-name-row .visibility-indicator.public{color:var(--accent)!important}.visibility-indicator.private{color:var(--text-secondary)}.visibility-svg{display:inline-block;vertical-align:middle}#extension-prompt{position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:var(--z-index-base);padding:var(--spacing-sm);background-color:var(--overlay-background);border-radius:var(--overlay-border-radius);box-shadow:var(--overlay-box-shadow);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);max-width:300px;animation:fadeIn .5s ease-in-out;backdrop-filter:blur(2px);border:1px solid var(--border-light)}.prompt-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}#extension-prompt a{color:var(--text-primary);text-decoration:none;flex:1;transition:var(--transition-fast)}#extension-prompt a:hover{color:var(--color-info);text-decoration:underline}#close-prompt{background:transparent;border:none;color:var(--text-muted);font-size:var(--font-size-lg);cursor:pointer;padding:0;width:var(--spacing-xl);height:var(--spacing-xl);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition-fast)}#close-prompt:hover{color:var(--text-primary);background:var(--bg-light-transparent-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){#extension-prompt{left:var(--spacing-sm);right:var(--spacing-sm);max-width:calc(100% - calc(var(--spacing-sm) * 2))}}