:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#c4d4e3;background-color:#1c2c3b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#eef2f7;text-decoration:inherit}a:hover{color:#f2e9e2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#213547;cursor:pointer;transition:border-color .25s}button:hover{border-color:#e3d3c4}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#eef2f7}a:hover{color:#f2e9e2}button{background-color:#e3d3c4}}.album-display.svelte-26c7rx{display:flex;flex-direction:column;align-items:center;gap:20px;margin:40px auto;max-width:400px}.album-cover-large.svelte-26c7rx{width:300px;height:300px;border-radius:8px;object-fit:cover;box-shadow:0 8px 32px #00000080;position:relative;z-index:1}.track-info-large.svelte-26c7rx{text-align:center}.track-title-large.svelte-26c7rx{font-size:1.8em;font-weight:700;color:#c4d4e3;margin-bottom:8px}.album-name-large.svelte-26c7rx{font-size:1.2em;color:#f2e9e2}.player-layout.svelte-26c7rx{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:700px;margin:20px auto;padding:0 20px}.center-controls.svelte-26c7rx{display:flex;flex-direction:column;align-items:center;gap:12px}button.svelte-26c7rx{padding:10px 20px;font-size:16px;cursor:pointer;background-color:#f2e9e2;color:#213547;border:none;border-radius:4px;box-shadow:0 1px 4px #00000014;transition:background .2s}button.svelte-26c7rx:hover{background-color:#e3d3c4}.progress-bar-bottom.svelte-26c7rx{position:fixed;left:0;bottom:0;width:100vw;padding:20px 0 0;z-index:100;background:linear-gradient(to top,#1c2c3b,#1c2c3bcc)}.progress-bar.svelte-26c7rx{position:relative;width:100%;height:12px;background-color:#eef2f733;border-radius:6px;margin:0 auto 5px}.progress-fill.svelte-26c7rx{position:absolute;left:0;top:0;height:100%;background-color:#e3d3c4;border-radius:6px;transition:width .1s linear}.progress-bar.svelte-26c7rx:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.connected-clients.svelte-26c7rx{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#1c2c3bcc;border-radius:20px;color:#f2e9e2;font-size:.9em}.connected-clients.svelte-26c7rx svg:where(.svelte-26c7rx){width:16px;height:16px;stroke:#f2e9e2}.volume-control.svelte-26c7rx{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:100}.volume-slider.svelte-26c7rx{-webkit-appearance:none;width:500px;height:6px;background:#eef2f733;border-radius:3px;transform:rotate(-90deg) translate(250px);transform-origin:right;position:relative;margin:0;padding:0}.volume-slider.svelte-26c7rx::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#f2e9e2;border-radius:50%;cursor:pointer;transition:background .2s;margin-top:-7px}.volume-slider.svelte-26c7rx::-webkit-slider-thumb:hover{background:#e3d3c4}.volume-slider.svelte-26c7rx::-moz-range-thumb{width:20px;height:20px;background:#f2e9e2;border-radius:50%;cursor:pointer;transition:background .2s;border:none}.volume-slider.svelte-26c7rx::-moz-range-thumb:hover{background:#e3d3c4}.volume-slider.svelte-26c7rx::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:linear-gradient(to right,#f2e9e2,#f2e9e2 calc(var(--volume, 0) * 1%),#eef2f733 calc(var(--volume, 0) * 1%));border-radius:3px;margin:0;padding:0}.volume-slider.svelte-26c7rx::-moz-range-track{width:100%;height:6px;cursor:pointer;background:linear-gradient(to right,#f2e9e2,#f2e9e2 calc(var(--volume, 0) * 1%),#eef2f733 calc(var(--volume, 0) * 1%));border-radius:3px;margin:0;padding:0}.contact-container.svelte-26c7rx{position:fixed;top:20px;left:20px;z-index:1000}.contact-button.svelte-26c7rx{width:48px;height:48px;background-color:#1c2c3be6;color:#f2e9e2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;border:none}.contact-button.svelte-26c7rx:hover{transform:scale(1.1);background-color:#f2e9e21a}.contact-button.svelte-26c7rx svg:where(.svelte-26c7rx){width:24px;height:24px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:filter .3s ease}.contact-button.svelte-26c7rx:hover svg:where(.svelte-26c7rx){filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}.contact-menu.svelte-26c7rx{position:absolute;top:0;left:60px;display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#1c2c3bf2;border:1px solid rgba(242,233,226,.2);border-radius:8px;color:#f2e9e2;opacity:0;visibility:hidden;transform:translate(-10px);transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-container.svelte-26c7rx:hover .contact-menu:where(.svelte-26c7rx){opacity:1;visibility:visible;transform:translate(0)}.contact-logo.svelte-26c7rx{width:20px;height:20px;flex-shrink:0;color:#f2e9e2}.contact-separator.svelte-26c7rx{color:#f2e9e299;font-size:1.1em;margin:0 4px}.contact-username.svelte-26c7rx{color:#f2e9e2;font-size:1em;font-weight:500}