@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;700&display=swap";.login-screen.svelte-m9guup{min-height:100dvh;padding:var(--padding);justify-content:center;align-items:center;display:flex}.login-card.svelte-m9guup{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:340px;display:flex}.logo.svelte-m9guup{margin-bottom:4px}h1.svelte-m9guup{margin:0}.subtext.svelte-m9guup{max-width:280px}.login-btn.svelte-m9guup{background-color:var(--secondary);color:var(--primary);gap:8px;margin-top:8px;padding:10px 24px;font-weight:700;text-decoration:none}.login-btn.svelte-m9guup:hover{background-color:var(--button-active-hover)}.album-display.svelte-lcfjb5{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.artwork-wrapper.svelte-lcfjb5{aspect-ratio:1;border-radius:calc(var(--border-radius) + 2px);cursor:pointer;background:var(--button);width:100%;max-width:380px;box-shadow:var(--button-box-shadow);border:none;padding:0;display:block;position:relative;overflow:hidden}.artwork.svelte-lcfjb5{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block}.artwork-wrapper.svelte-lcfjb5:hover .artwork:where(.svelte-lcfjb5){transform:scale(1.03)}.play-overlay.svelte-lcfjb5{opacity:0;background:#0000001a;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.artwork-wrapper.svelte-lcfjb5:hover .play-overlay:where(.svelte-lcfjb5){opacity:1}.album-meta.svelte-lcfjb5{text-align:center;flex-direction:column;gap:4px;display:flex}.album-name.svelte-lcfjb5{text-overflow:ellipsis;white-space:nowrap;max-width:380px;overflow:hidden}.album-artist.svelte-lcfjb5{color:var(--gray);font-size:14.5px;font-weight:500}.album-detail.svelte-lcfjb5{margin-top:2px}.shuffle-btn.svelte-v2p101{background-color:var(--secondary);width:100%;max-width:380px;color:var(--primary);padding:12px;font-size:14.5px;font-weight:700}.shuffle-btn.svelte-v2p101:hover{background-color:var(--button-active-hover)}.shuffle-btn.svelte-v2p101:active{transform:scale(.98)}.progress-container.svelte-dxv9j7{width:100%;max-width:380px}.progress-bar.svelte-dxv9j7{background:var(--button);height:3px;box-shadow:var(--button-box-shadow);border-radius:2px;overflow:hidden}.progress-fill.svelte-dxv9j7{background:var(--secondary);border-radius:2px;height:100%;transition:width .3s}.progress-text.svelte-dxv9j7{text-align:center;margin-top:8px}.settings.svelte-182y78p{background:var(--button);border-radius:var(--border-radius);width:100%;max-width:380px;box-shadow:var(--button-box-shadow);flex-direction:column;gap:12px;padding:14px 16px;display:flex}.toggle-row.svelte-182y78p{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.toggle-label.svelte-182y78p{color:var(--gray);font-size:13px;font-weight:500}.toggle.svelte-182y78p{background:var(--button-elevated);cursor:pointer;width:38px;height:22px;box-shadow:0 0 0 1px var(--popup-stroke) inset;border:none;border-radius:11px;flex-shrink:0;padding:2px;transition:background .2s;position:relative}.toggle.enabled.svelte-182y78p{background:var(--secondary);box-shadow:none}.toggle-knob.svelte-182y78p{background:var(--gray);border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;display:block}.toggle.enabled.svelte-182y78p .toggle-knob:where(.svelte-182y78p){background:var(--primary);transform:translate(16px)}.count.svelte-182y78p{text-align:center;margin-top:2px}.header.svelte-oiwvqb{justify-content:space-between;align-items:center;width:100%;max-width:380px;padding:0 0 8px;display:flex}.title.svelte-oiwvqb{letter-spacing:-.5px;font-size:14.5px;font-weight:700}.logout-btn.svelte-oiwvqb{color:var(--gray);box-shadow:none;background:0 0;border:none;padding:6px 10px;font-size:12.5px;font-weight:500}.logout-btn.svelte-oiwvqb:hover{color:var(--secondary);background:var(--button)}.center-screen.svelte-1n46o8q{justify-content:center;align-items:center;min-height:100dvh;display:flex}.main-layout.svelte-1n46o8q{min-height:100dvh;padding:var(--padding);justify-content:center;display:flex}.content-column.svelte-1n46o8q{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:420px;padding-top:16px;padding-bottom:32px;display:flex}.center-area.svelte-1n46o8q{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.spinner.svelte-1n46o8q{border:2px solid var(--button);border-top-color:var(--secondary);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite svelte-1n46o8q-spin}@keyframes svelte-1n46o8q-spin{to{transform:rotate(360deg)}}.credit.svelte-1n46o8q{color:var(--gray);opacity:.5;pointer-events:none;font-size:11px;font-weight:500;position:fixed;bottom:10px;right:14px}:root{--primary:#000;--secondary:#e1e1e1;--white:#fff;--gray:#818181;--blue:#2a7ce1;--green:#37aa42;--spotify-green:#1db954;--button:#191919;--button-hover:#242424;--button-press:#2a2a2a;--button-active-hover:#f9f9f9;--button-elevated:#282828;--button-elevated-hover:#2f2f2f;--button-stroke:#ffffff0d;--button-box-shadow:0 0 0 1px var(--button-stroke) inset;--content-border:#ffffff0b;--popup-stroke:#ffffff14;--border-radius:11px;--padding:12px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--primary);color:var(--secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;min-height:100dvh;font-family:IBM Plex Mono,monospace;font-size:14.5px;font-weight:400}#app{flex-direction:column;min-height:100dvh;display:flex}h1{letter-spacing:-1px;font-size:24px;font-weight:500}h2{letter-spacing:-1px;font-size:20px;font-weight:500}h3{font-size:16px;font-weight:500}p{line-height:1.6}a{color:var(--secondary);text-underline-offset:3px}button{font-family:inherit;font-size:inherit;cursor:pointer}button:focus-visible{outline:solid 2px var(--blue);outline-offset:-2px}.subtext{color:var(--gray);font-size:12.5px;font-weight:500;line-height:1.4}