:root{--winamp-bg: #c0c0c0;--winamp-dark: #808080;--winamp-darker: #404040;--winamp-light: #dfdfdf;--winamp-lighter: #ffffff;--winamp-green: #00ff00;--winamp-red: #ff0000;--winamp-blue: #0000ff;--winamp-yellow: #ffff00;--winamp-black: #000000;--window-bg: #c0c0c0;--window-border-light: #dfdfdf;--window-border-dark: #808080;--window-border-darker: #404040;--button-bg: #c0c0c0;--button-light: #dfdfdf;--button-dark: #808080;--button-pressed: #a0a0a0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Tahoma,sans-serif;font-size:11px;background:teal;overflow:hidden}body.authenticated{background:teal url(/FY.svg) no-repeat center center;background-size:200px 200px;background-attachment:fixed}body.landing{overflow-y:auto}.winamp-window{background:var(--window-bg);border:2px solid;border-color:var(--window-border-light) var(--window-border-dark) var(--window-border-dark) var(--window-border-light);position:absolute;user-select:none;font-family:Tahoma,sans-serif;font-size:11px}.winamp-titlebar{height:14px;background:linear-gradient(to bottom,#3a6ea5,#004e98);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;padding:0 4px;cursor:move}.winamp-titlebar.inactive{background:linear-gradient(to bottom,gray,#404040)}.winamp-button{background:var(--button-bg);border:1px solid;border-color:var(--button-light) var(--button-dark) var(--button-dark) var(--button-light);cursor:pointer;font-size:11px;padding:2px 4px;display:inline-flex;align-items:center;justify-content:center}.winamp-button:hover{background:var(--button-light)}.winamp-button:active{border-color:var(--button-dark) var(--button-light) var(--button-light) var(--button-dark);background:var(--button-pressed)}.winamp-button:disabled{opacity:.5;cursor:not-allowed}.landing-page{display:flex;flex-direction:column;min-height:100vh;padding:20px;gap:20px;background:teal;position:relative}.landing-header{display:flex;flex-direction:column;gap:15px;align-items:center;width:100%}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;background:var(--window-bg);border:2px outset var(--window-bg);padding:8px 16px;box-shadow:2px 2px 4px #0000004d}.header-logo{display:flex;align-items:center;gap:12px}.logo-image{width:48px;height:48px;object-fit:contain}.logo-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:18px;font-weight:700;color:#000;font-family:Tahoma,sans-serif}.brand-tagline{font-size:10px;color:#666;font-family:Tahoma,sans-serif}.header-nav{display:flex;gap:8px;align-items:center}.nav-button{font-size:11px!important;padding:4px 12px!important;height:24px!important;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 768px){.header-container{flex-direction:column;gap:10px;align-items:center}.header-logo{flex-direction:column;text-align:center}.logo-image{width:40px;height:40px}.brand-name{font-size:14px}.brand-tagline{font-size:9px}.header-nav{flex-wrap:wrap;justify-content:center;gap:6px}.nav-button{font-size:10px!important;padding:3px 8px!important;height:20px!important}}.header-slogan{text-align:center;margin-top:10px}.slogan-text{font-size:16px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin-bottom:4px}.slogan-subtitle{font-size:12px;color:#e0e0e0;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.landing-titlebar{width:100%;max-width:800px;position:relative}.landing-titlebar-content{display:flex;justify-content:space-between;align-items:center;padding:8px 12px}.landing-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#000}.landing-icon{font-size:16px}.landing-title-text{font-size:13px}.landing-title-buttons{display:flex;gap:4px}.landing-title-button{width:20px;height:16px;font-size:10px;font-weight:700;padding:0}.landing-tagline{text-align:center;color:#fff;background:#0000004d;padding:15px 20px;border-radius:8px;border:2px solid var(--window-border-light);max-width:600px}.tagline-text{font-size:18px;font-weight:700;margin-bottom:5px}.tagline-subtitle{font-size:12px;opacity:.9}.landing-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:1000px;margin:0 auto;width:100%}.landing-main-section{display:flex;flex-direction:column;gap:20px;width:100%}.landing-hero-section{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start;width:100%}.landing-hero{width:100%;position:relative}.landing-hero-content{padding:20px}.hero-text{color:#000}.hero-text h2{font-size:16px;margin-bottom:15px;color:#004080}.hero-text p{margin-bottom:12px;line-height:1.4;font-size:12px}.hero-login-section{display:flex;justify-content:flex-start}.developer-section{margin-top:20px;width:100%;display:flex;justify-content:center}.login-window{width:280px;position:relative}.login-content{padding:20px;text-align:center;color:#000}.login-content p{margin-bottom:15px;font-size:12px}.login-button{font-size:14px;padding:8px 16px;margin-bottom:10px;font-weight:700}.login-loading{padding:20px;font-size:12px;color:#004080}.login-note{font-size:10px;color:#666;margin-top:8px}.landing-features{width:100%}.feature-window{width:100%;position:relative}.features-grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.feature-item{display:flex;gap:12px;align-items:flex-start;padding:12px;background:#ffffff1a;border:1px solid var(--window-border-dark);border-radius:4px}.feature-icon{font-size:20px;flex-shrink:0}.feature-text{color:#000}.feature-text strong{display:block;margin-bottom:5px;font-size:11px}.feature-text p{font-size:10px;line-height:1.3;color:#333}.landing-tech{width:100%;position:relative}.tech-content{padding:20px;color:#000}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px}.tech-item{font-size:11px;padding:8px;background:#ffffff1a;border:1px solid var(--window-border-dark);border-radius:3px}.tech-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tech-badge{font-size:10px;padding:4px 8px;background:var(--winamp-blue);color:#fff;border-radius:12px;border:1px solid var(--window-border-dark)}.developer-info{width:100%;position:relative;align-self:flex-start}.developer-content{padding:20px;color:#000}.developer-profile{display:flex;gap:15px;margin-bottom:20px;align-items:center}.developer-avatar{width:60px;height:60px;background:var(--button-bg);border:2px solid var(--window-border-dark);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-icon{font-size:24px}.developer-details h3{margin:0 0 8px;font-size:14px;color:#004080}.developer-description{font-size:11px;line-height:1.4;margin-bottom:12px;color:#333}.developer-links{display:flex;gap:8px}.developer-link{font-size:11px;padding:6px 12px;text-decoration:none;color:#000;display:flex;align-items:center;gap:4px}.project-info{border-top:1px solid var(--window-border-dark);padding-top:15px}.project-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:15px}.stat-item{display:flex;align-items:center;gap:6px;font-size:11px;padding:6px;background:#ffffff1a;border:1px solid var(--window-border-dark);border-radius:3px}.stat-icon{font-size:14px}.project-description{font-size:11px;line-height:1.4;color:#333}.landing-footer{width:100%;margin-top:20px}.landing-footer.draggable{position:absolute!important;cursor:move;margin-top:0!important;z-index:10}.landing-footer.draggable:hover{z-index:20}.landing-footer .winamp-titlebar{cursor:grab}.landing-footer .winamp-titlebar:active{cursor:grabbing}.footer-content{width:100%;position:relative}.footer-links-row{padding:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:#000;flex-wrap:wrap}.link-separator{font-size:12px;color:#666;user-select:none}.footer-link{font-size:10px;color:#333;text-decoration:none;padding:2px 0}.footer-link:hover{color:#004080}.footer-bottom{border-top:1px solid var(--window-border-dark);padding:15px 20px;text-align:center;color:#000}.footer-copyright{font-size:11px;margin-bottom:8px;font-weight:700}.footer-disclaimer{font-size:9px;color:#666;line-height:1.3}@media (max-width: 768px){.landing-page{padding:10px;gap:15px}.landing-hero,.developer-info,.landing-footer{position:relative!important;cursor:default!important;margin:0 auto!important;width:100%!important;max-width:none!important}.header-container{width:100%!important;max-width:none!important;margin:0!important}.landing-hero-section{display:flex;flex-direction:column;gap:15px;width:100%}.hero-login-section{order:-1;justify-content:center;width:100%}.hero-login-section .login-window{width:100%!important;max-width:none!important;margin:0!important}.features-grid{grid-template-columns:1fr;gap:10px}.feature-item{flex-direction:column;text-align:center;gap:8px}.tech-stack{grid-template-columns:1fr}.developer-profile{flex-direction:column;text-align:center}.footer-links-row{padding:15px;gap:8px}.tagline-text{font-size:16px}.hero-text h2{font-size:14px}}@media (max-width: 480px){.landing-page{padding:5px}.landing-titlebar-content{padding:6px 8px}.landing-title-text{font-size:11px}.tagline-text{font-size:14px}.tagline-subtitle{font-size:11px}}.transport-button{width:23px;height:18px;background:linear-gradient(135deg,#e8e8e8,#d0d0d0 25%,#b8b8b8 75%,#a0a0a0);border:2px outset #c0c0c0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:1px;box-shadow:inset 1px 1px 2px #fffc,inset -1px -1px 2px #0000004d}.transport-button:hover{background:linear-gradient(135deg,#f0f0f0,#d8d8d8 25%,silver 75%,#a8a8a8)}.transport-button:active{border:2px inset #c0c0c0;background:linear-gradient(135deg,#a0a0a0,#b8b8b8 25%,#d0d0d0 75%,#e8e8e8);box-shadow:inset -1px -1px 2px #fffc,inset 1px 1px 2px #0000004d}.transport-button:disabled{opacity:.5;cursor:not-allowed}.transport-button:before{content:"";display:block;filter:drop-shadow(.5px .5px .5px rgba(0,0,0,.3))}.transport-button.prev:before{content:"|◀";font-size:10px;color:var(--winamp-black);font-family:monospace;line-height:1}.transport-button.play:before{content:"▶";font-size:10px;color:var(--winamp-black);line-height:1}.transport-button.pause:before{content:"||";font-size:10px;color:var(--winamp-black);font-family:monospace;line-height:1}.transport-button.stop:before{content:"■";font-size:10px;color:var(--winamp-black);line-height:1}.transport-button.next:before{content:"▶|";font-size:10px;color:var(--winamp-black);font-family:monospace;line-height:1}.transport-button.eject:before{content:"📁";font-size:10px;line-height:1}.transport-button.shuffle:before{content:"🔀";font-size:10px;color:var(--winamp-black);line-height:1}.transport-button.shuffle.active{background:linear-gradient(135deg,#90ff90,#60ff60 25%,#30ff30 75%,#0f0)}.transport-button.shuffle.active:before{color:var(--winamp-black)}.led-display{background:var(--winamp-black);color:var(--winamp-green);font-family:Courier New,monospace;font-size:12px;font-weight:700;padding:2px 4px;border:1px inset var(--window-bg);letter-spacing:1px;text-align:center}.volume-slider{width:68px;height:13px;background:#000;border:1px inset var(--window-bg);position:relative;overflow:hidden}.volume-track{position:absolute;top:2px;left:2px;right:2px;height:7px;background:linear-gradient(to right,var(--winamp-green) 0%,var(--winamp-yellow) 50%,var(--winamp-red) 100%)}.volume-handle{position:absolute;top:0;width:4px;height:11px;background:var(--button-bg);border:1px solid;border-color:var(--button-light) var(--button-dark) var(--button-dark) var(--button-light);cursor:pointer;max-left:64px}.equalizer-band{width:14px;height:63px;margin:0 1px;position:relative;background:#000;border:1px inset var(--window-bg)}.eq-slider{position:absolute;width:10px;height:4px;background:var(--button-bg);border:1px solid;border-color:var(--button-light) var(--button-dark) var(--button-dark) var(--button-light);cursor:pointer;left:1px}.playlist-container{background:var(--window-bg);border:1px inset var(--window-bg)}.playlist-item{padding:1px 4px;font-size:11px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-item:hover,.playlist-item.selected{background:var(--winamp-blue);color:#fff}.winamp-scrollbar{width:16px;background:var(--window-bg)}.winamp-scrollbar::-webkit-scrollbar{width:16px}.winamp-scrollbar::-webkit-scrollbar-track{background:var(--window-bg);border:1px inset var(--window-bg)}.winamp-scrollbar::-webkit-scrollbar-thumb{background:var(--button-bg);border:1px solid;border-color:var(--button-light) var(--button-dark) var(--button-dark) var(--button-light)}.winamp-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--button-light)}@media (max-width: 768px){body{overflow:auto!important;padding:0;margin:0}.winamp-window{position:relative!important;width:100%!important;margin:0 0 10px!important;max-width:none!important;left:0!important;top:0!important}.transport-button{width:35px;height:28px}.led-display{font-size:16px;padding:4px 6px}.mobile-layout{display:flex;flex-direction:column;padding:10px;gap:20px;height:auto;overflow:visible;min-height:100vh;box-sizing:border-box}.mobile-layout>div:not(.mobile-controls){position:relative!important;z-index:auto!important}.mobile-controls{display:flex;justify-content:center;gap:10px;margin-bottom:15px;padding:10px;background:teal;border-radius:5px;order:-1}.mobile-toggle-button{padding:10px 20px;font-size:16px;min-width:90px;font-weight:700}.mobile-hidden{display:none!important}.mobile-visible{position:relative!important;left:0!important;top:0!important;width:100%!important;margin:0!important;transform:none!important}.main-player-mobile{width:100%!important;margin:0!important;position:relative!important;z-index:auto!important;order:1}.main-player-mobile .volume-slider{width:60px;touch-action:none}.main-player-mobile .volume-handle{width:6px;height:11px;touch-action:none}.mobile-visible .equalizer-band{width:18px;height:80px;margin:0 2px}.mobile-visible .eq-slider{width:14px;height:6px}.mobile-visible .winamp-window{padding:8px!important}.main-player-mobile{z-index:20!important}.mobile-visible .winamp-window{z-index:10!important}.search-window-mobile{z-index:5!important}.mobile-visible .equalizer-bands-container{overflow-x:auto;display:flex;justify-content:space-between;min-width:100%;padding:5px 0}}@media (min-width: 769px){.mobile-layout{display:block;height:100vh;overflow:hidden;position:relative}.mobile-controls{display:none}.mobile-hidden,.mobile-visible{display:block!important}.winamp-window.main-player-desktop,.winamp-window.playlist-desktop{left:calc(50% - 580px)!important}.winamp-window.main-player-desktop{top:20px!important}.winamp-window.playlist-desktop{top:150px!important}.winamp-window.search-desktop{left:calc(50% + 210px)!important;top:20px!important}.winamp-window.equalizer-desktop{left:calc(50% - 290px)!important;top:350px!important}.winamp-window.visualization-desktop{left:calc(50% - 290px)!important;top:180px!important}@media (max-width: 1240px){.winamp-window.main-player-desktop,.winamp-window.playlist-desktop{left:20px!important}.winamp-window.search-desktop{right:20px!important;left:auto!important}.winamp-window.equalizer-desktop,.winamp-window.visualization-desktop{left:310px!important}}}@keyframes spectrum-dance{0%,to{height:20%}50%{height:80%}}.spectrum-bar{display:inline-block;width:3px;background:var(--winamp-green);margin:0 1px;animation:spectrum-dance .5s ease-in-out infinite}.spectrum-bar:nth-child(2n){animation-delay:.1s}.spectrum-bar:nth-child(3n){animation-delay:.2s}.winamp-window.dragging{z-index:1000;opacity:.9}.winamp-window:focus{z-index:100}.winamp-window.focused .winamp-titlebar{background:linear-gradient(to bottom,#3a6ea5,#004e98)}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}.start-button-container,.start-button-container.logged-in{position:fixed;bottom:0;left:0;z-index:1000}.start-button{background:linear-gradient(to bottom,#e8e8e8,#d0d0d0,#b8b8b8);border:2px outset #c0c0c0;padding:4px 20px 4px 8px;font-family:Tahoma,sans-serif;font-size:11px;font-weight:700;color:#000;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:30px;border-radius:0 8px 0 0;position:relative;box-shadow:2px 0 4px #0000004d}.start-button:hover{background:linear-gradient(to bottom,#f0f0f0,#d8d8d8,silver)}.start-button:active{border:2px inset #c0c0c0;background:linear-gradient(to bottom,#d0d0d0,#b8b8b8,#a0a0a0)}.start-button-icon{font-size:16px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.start-button-text{text-shadow:1px 1px 1px rgba(255,255,255,.8)}.start-menu{position:fixed;bottom:30px;left:0;width:200px;background:var(--window-bg);border:2px outset #c0c0c0;box-shadow:4px 4px 8px #0000004d;z-index:1001;font-family:Tahoma,sans-serif;font-size:11px}.start-menu-header{background:linear-gradient(to right,#3a6ea5,#004e98);color:#fff;padding:8px 12px;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.start-menu-item{padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e0e0e0}.start-menu-item:hover{background:#316ac5;color:#fff}.start-menu-item:last-child{border-bottom:none}.start-menu-item-icon{width:16px;text-align:center}.explainer-box{background:var(--window-bg)!important;border:2px inset #c0c0c0!important;box-shadow:2px 2px 4px #0003}.about-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.about-dialog{width:450px;max-width:90vw;max-height:80vh;overflow-y:auto;background:var(--window-bg);box-shadow:4px 4px 12px #0006}.about-dialog .winamp-titlebar{display:flex;align-items:center;justify-content:space-between;padding:2px 4px}@media (max-width: 768px){.start-button-container{position:relative;order:-2;margin-bottom:10px}.start-button{border-radius:4px;box-shadow:2px 2px 4px #0000004d}.start-menu{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:250px}.explainer-box{width:95%!important;max-width:350px!important}.mobile-start-menu{position:relative!important;width:100%!important;max-width:300px!important;margin:10px auto!important;transform:none!important;left:auto!important;bottom:auto!important}.about-overlay{padding:50px 10px 10px;align-items:flex-start;z-index:9999!important;position:fixed!important}.about-dialog{width:100%!important;max-width:350px!important;max-height:85vh!important;margin:0 auto;position:relative!important;z-index:10000!important}.search-window-mobile{width:100%!important;height:auto!important;max-height:400px!important;margin:40px 0 10px!important;overflow:hidden!important}.search-window-mobile .winamp-titlebar{font-size:11px!important}.playlist-window-mobile{margin-bottom:40px!important}}.playlist-selector-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.playlist-selector-window{background:silver;border:2px outset #c0c0c0;box-shadow:4px 4px 8px #0000004d;width:600px;max-width:90vw;height:500px;max-height:90vh;display:flex;flex-direction:column;font-family:"MS Sans Serif",sans-serif;font-size:11px;overflow:hidden;box-sizing:border-box}.playlist-selector-window.mobile{width:95vw;height:90vh;max-width:none;max-height:none}.playlist-selector-titlebar{background:linear-gradient(to right,#0054e3,#4297d7);color:#fff;height:18px;display:flex;align-items:center;padding:2px 4px;font-weight:700;font-size:11px}.playlist-selector-toolbar{background:silver;border-bottom:1px solid #808080;padding:4px;display:flex;align-items:center;gap:8px}.playlist-selector-content{flex:1;display:flex;border-bottom:1px solid #808080;min-height:0;overflow:hidden}.playlist-categories{width:150px;background:#f0f0f0;border-right:1px solid #808080;overflow-y:auto}.playlist-list-container{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0;overflow:hidden}.playlist-list-header{background:silver;border-bottom:1px solid #808080;display:flex;padding:2px 0;font-weight:700;flex-shrink:0;min-width:0;overflow:hidden}.header-column{padding:2px 8px;border-right:1px solid #808080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-column.name{flex:2;min-width:0}.header-column.description{flex:3;min-width:0}.playlist-list{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff}.playlist-item{display:flex;align-items:center;padding:2px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;min-height:24px;width:100%;max-width:100%;min-width:0;overflow:hidden}.playlist-item:hover{background:#e0e0f0}.playlist-item.selected{background:#316ac5;color:#fff}.playlist-icon{width:20px;height:20px;margin:0 4px;display:flex;align-items:center;justify-content:center}.playlist-thumbnail{width:20px;height:20px;object-fit:cover;border:1px solid #ccc}.playlist-placeholder{font-size:14px;color:#666}.playlist-name{flex:2;min-width:0;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-tracks{width:60px;text-align:center;padding:0 8px}.playlist-description{flex:3;min-width:0;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}.playlist-item.selected .playlist-description{color:#ddd}.no-playlists{padding:20px;text-align:center;color:#666;font-style:italic}.playlist-selector-statusbar{background:silver;border-top:1px solid #dfdfdf;padding:2px 8px;display:flex;justify-content:space-between;font-size:10px;height:16px;align-items:center}.playlist-selector-buttons{background:silver;padding:8px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 768px){.playlist-selector-window{width:95vw!important;height:90vh!important;max-width:none!important;max-height:none!important}.playlist-categories{width:120px}.header-column.description,.playlist-description{display:none}.header-column.name,.playlist-name{flex:1}.search-input{width:150px}.playlist-selector-buttons{padding:12px 8px}.dialog-button{padding:8px 16px;font-size:14px;min-width:80px}}.playlist-list::-webkit-scrollbar,.playlist-categories::-webkit-scrollbar{width:16px}.playlist-list::-webkit-scrollbar-track,.playlist-categories::-webkit-scrollbar-track{background:#f0f0f0}.playlist-list::-webkit-scrollbar-thumb,.playlist-categories::-webkit-scrollbar-thumb{background:silver;border:1px outset #c0c0c0}.playlist-list::-webkit-scrollbar-thumb:hover,.playlist-categories::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.album-selector-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.album-selector-window{background:silver;border:2px outset #c0c0c0;box-shadow:4px 4px 8px #0000004d;width:600px;height:500px;display:flex;flex-direction:column;font-family:"MS Sans Serif",sans-serif;font-size:11px}.album-selector-window.mobile{width:95vw;height:90vh;max-width:none;max-height:none}.album-selector-titlebar{background:linear-gradient(to right,#0054e3,#4297d7);color:#fff;height:18px;display:flex;align-items:center;padding:2px 4px;font-weight:700;font-size:11px}.titlebar-icon{margin-right:4px;font-size:12px}.titlebar-text{flex:1}.titlebar-close{background:silver;border:1px outset #c0c0c0;width:16px;height:14px;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000}.titlebar-close:hover{background:#e0e0e0}.titlebar-close:active{border:1px inset #c0c0c0}.album-selector-toolbar{background:silver;border-bottom:1px solid #808080;padding:4px;display:flex;align-items:center;gap:8px}.toolbar-item{display:flex;align-items:center;gap:4px}.search-input{border:2px inset #c0c0c0;padding:2px 4px;font-size:11px;font-family:inherit;width:200px}.search-input:focus{outline:none}.album-selector-content{flex:1;display:flex;border-bottom:1px solid #808080}.album-categories{width:150px;background:#f0f0f0;border-right:1px solid #808080;overflow-y:auto}.category-header{background:#e0e0e0;padding:4px 8px;font-weight:700;border-bottom:1px solid #c0c0c0}.category-item{padding:3px 8px;cursor:pointer;display:flex;align-items:center;gap:6px;border-bottom:1px solid transparent}.category-item:hover{background:#e0e0f0}.category-item.active{background:#316ac5;color:#fff}.category-icon{font-size:12px;width:16px;text-align:center}.album-list-container{flex:1;display:flex;flex-direction:column;background:#fff}.album-list-header{background:silver;border-bottom:1px solid #808080;display:flex;padding:2px 0;font-weight:700}.header-column{padding:2px 8px;border-right:1px solid #808080}.header-column.name{flex:2;min-width:150px}.header-column.tracks{width:60px;text-align:center}.header-column.artist{flex:2;min-width:150px}.header-column.year{width:60px;text-align:center}.album-list{flex:1;overflow-y:auto;background:#fff}.album-item{display:flex;align-items:center;padding:2px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;min-height:24px}.album-item:hover{background:#e0e0f0}.album-item.selected{background:#316ac5;color:#fff}.album-icon{width:20px;height:20px;margin:0 4px;display:flex;align-items:center;justify-content:center}.album-thumbnail{width:20px;height:20px;object-fit:cover;border:1px solid #ccc}.album-placeholder{font-size:14px;color:#666}.album-name{flex:2;min-width:150px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-tracks{width:60px;text-align:center;padding:0 8px}.album-artist{flex:2;min-width:150px;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}.album-year{width:60px;text-align:center;padding:0 8px;color:#666}.album-item.selected .album-artist,.album-item.selected .album-year{color:#ddd}.no-albums{padding:20px;text-align:center;color:#666;font-style:italic}.album-selector-statusbar{background:silver;border-top:1px solid #dfdfdf;padding:2px 8px;display:flex;justify-content:space-between;font-size:10px;height:16px;align-items:center}.selected-info{color:#666;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-selector-buttons{background:silver;padding:8px;display:flex;justify-content:flex-end;gap:8px}.dialog-button{background:silver;border:2px outset #c0c0c0;padding:4px 16px;font-size:11px;font-family:inherit;cursor:pointer;min-width:75px}.dialog-button:hover{background:#e0e0e0}.dialog-button:active{border:2px inset #c0c0c0}.dialog-button.primary{font-weight:700}@media (max-width: 768px){.album-selector-window{width:95vw!important;height:90vh!important;max-width:none!important;max-height:none!important}.album-categories{width:120px}.header-column.artist,.album-artist,.header-column.year,.album-year{display:none}.header-column.name,.album-name{flex:1}.search-input{width:150px}.album-selector-buttons{padding:12px 8px}.dialog-button{padding:8px 16px;font-size:14px;min-width:80px}}.album-list::-webkit-scrollbar,.album-categories::-webkit-scrollbar{width:16px}.album-list::-webkit-scrollbar-track,.album-categories::-webkit-scrollbar-track{background:#f0f0f0}.album-list::-webkit-scrollbar-thumb,.album-categories::-webkit-scrollbar-thumb{background:silver;border:1px outset #c0c0c0}.album-list::-webkit-scrollbar-thumb:hover,.album-categories::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.bookmark-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;backdrop-filter:blur(2px)}.bookmark-dialog{width:400px;max-width:90vw;max-height:90vh;background:silver;border:2px outset #c0c0c0;box-shadow:4px 4px 8px #00000080;animation:bookmarkSlideIn .3s ease-out}@keyframes bookmarkSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.bookmark-content{padding:20px;color:#000;text-align:center}.bookmark-header{margin-bottom:20px}.bookmark-icon{font-size:32px;margin-bottom:10px}.bookmark-header h3{margin:0 0 8px;font-size:16px;font-weight:700;color:navy}.bookmark-header p{margin:0;font-size:12px;color:#333;line-height:1.4}.bookmark-options{margin:20px 0}.bookmark-action-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;font-size:14px;font-weight:700;background:linear-gradient(180deg,#f0f0f0,#d0d0d0);border:2px outset #c0c0c0;color:#000;cursor:pointer;transition:all .1s ease}.bookmark-action-button:hover{background:linear-gradient(180deg,#f8f8f8,#e0e0e0)}.bookmark-action-button:active{border:2px inset #c0c0c0;background:linear-gradient(180deg,#d0d0d0,#f0f0f0)}.action-icon{font-size:16px}.bookmark-benefits{display:flex;justify-content:space-around;margin-top:15px;padding-top:15px;border-top:1px solid #999}.benefit-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:#333}.benefit-icon{font-size:16px}@media (max-width: 768px){.bookmark-dialog{width:320px;margin:20px}.bookmark-content{padding:15px}.bookmark-header h3{font-size:14px}.bookmark-header p{font-size:11px}.bookmark-action-button{padding:10px 16px;font-size:13px}.bookmark-benefits{flex-direction:column;gap:8px;align-items:center}.benefit-item{flex-direction:row;gap:8px;font-size:11px}.benefit-icon{font-size:14px}}@media (min-width: 769px) and (max-width: 1024px){.bookmark-dialog{width:350px}}@media (prefers-contrast: high){.bookmark-overlay{background:#000000e6}.bookmark-dialog{border:3px solid #000}.bookmark-content,.bookmark-header h3{color:#000}}@media (prefers-reduced-motion: reduce){.bookmark-dialog{animation:none}.bookmark-action-button{transition:none}}body{margin:0;padding:0;background:teal;font-family:Tahoma,sans-serif;overflow:hidden}