.navbar-button[data-v-ac84e421]{text-decoration:none;width:60px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-surface);border:0;border-radius:8px;padding:4px;gap:4px;transition:background-color .1s}@media(display-mode:standalone){.navbar-button[data-v-ac84e421]{margin-bottom:30px}}.navbar-button[data-v-ac84e421]:hover,.router-link-active[data-v-ac84e421]{background-color:var(--color-surface-hover)}.navbar-button[data-v-ac84e421]:active{background-color:var(--color-surface-active)}.navbar-button img[data-v-ac84e421]{height:24px;max-width:100%;object-fit:contain;flex-grow:0;-webkit-user-select:none;user-select:none}.navbar-button p[data-v-ac84e421]{font-size:10pt;margin:0;line-height:1.2;color:var(--color-foreground);font-family:var(--font-sans);font-weight:500;-webkit-user-select:none;user-select:none}button[data-v-129c722f]{aspect-ratio:1 / 1;border:1.5px solid var(--color-surface-hover);box-sizing:border-box;background-color:var(--color-surface);border-radius:100%;transition:background-color .1s;padding:6px;flex-shrink:0;display:flex;justify-content:center}button[data-v-129c722f]:hover{background-color:var(--color-surface-hover)}button[data-v-129c722f]:active{background-color:var(--color-surface-active)}button.currentlyActive[data-v-129c722f]{background-color:var(--color-surface-hover)}button.currentlyActive[data-v-129c722f]:active{background-color:var(--color-surface-active)}button img[data-v-129c722f]{aspect-ratio:1 / 1;height:100%;width:100%}.floating-card[data-v-22a394f3]{position:fixed;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}input[type=range][data-v-2a022c7c]{appearance:none;background:linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--pct),var(--color-surface-active) var(--pct),var(--color-surface-active) 100%);border-radius:10px}input[type=range][data-v-2a022c7c]:focus{outline:none}input[type=range][data-v-2a022c7c]::-webkit-slider-runnable-track{background:transparent;height:8px}input[type=range][data-v-2a022c7c]::-moz-range-track{background:transparent;height:8px}input[type=range][data-v-2a022c7c]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:200px;height:20px;width:20px;border:6px solid var(--color-accent);background:var(--color-surface-active);margin-top:-6px;border-radius:50%;cursor:pointer}input[type=range][data-v-2a022c7c]::-moz-range-thumb{appearance:none;box-sizing:border-box;height:200px;height:20px;width:20px;border:6px solid var(--color-accent);background:var(--color-surface-active);margin-top:-6px;border-radius:50%;cursor:pointer}.song-item[data-v-017a1453]{height:48px;border-radius:12px;padding:8px;display:flex;justify-content:space-between;flex-wrap:nowrap;width:100%;text-align:left}.left-card-info[data-v-017a1453]{display:flex;gap:8px;flex-shrink:1;min-width:0}h3[data-v-017a1453],p[data-v-017a1453]{margin:0 0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}h3[data-v-017a1453]{font-size:12px;font-family:var(--font-display)}p[data-v-017a1453]{font-size:12px}.cover-art[data-v-017a1453]{height:100%;aspect-ratio:1 / 1;flex-shrink:0;object-fit:cover;border-radius:8px}.song-data[data-v-017a1453]{display:flex;flex-direction:column;justify-content:center;height:100%;min-width:0;flex-shrink:1;gap:0px}.right-card-info[data-v-017a1453]{display:flex;height:100%;align-items:center;margin-right:16px}.queue[data-v-d63082a5]{display:flex;flex-direction:column;overflow-y:scroll;overflow-x:hidden;gap:4px}.queue h2[data-v-d63082a5]{margin:0 0 8px}.card-content[data-v-d63082a5]{display:flex;flex-direction:column;gap:12px;height:100%}.time-control[data-v-d63082a5]{display:flex;align-items:center;align-self:stretch;flex-grow:1;gap:12px}.time-control p[data-v-d63082a5]{min-width:30px}.time-control input[data-v-d63082a5]{flex-grow:1}.second-card-content[data-v-d63082a5]{display:flex;flex-direction:column}.pill-button[data-v-d63082a5]{height:35px;width:80px;border-radius:20px}.floating-card-bar[data-v-d63082a5]{width:calc(100% - 32px);margin:16px;padding:12px;bottom:76px;height:92px;cursor:pointer;transition:border-color .2s ease,height .5s cubic-bezier(.6,-.2,.3,1.2)}.floating-card-bar[data-v-d63082a5]:hover{border-color:var(--color-surface-active)}.expanded[data-v-d63082a5]{height:60%}@media(display-mode:standalone){.floating-card[data-v-d63082a5]{margin-bottom:30px}}.left-card-info[data-v-d63082a5]{display:flex;gap:8px;flex-shrink:1;min-width:0}h3[data-v-d63082a5],p[data-v-d63082a5]{margin:0 0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}h3[data-v-d63082a5]{font-size:large;font-family:var(--font-display)}p[data-v-d63082a5]{font-size:small}.top-card-content[data-v-d63082a5]{display:flex;height:40px;justify-content:space-between;flex-wrap:nowrap}.cover-art[data-v-d63082a5]{height:100%;aspect-ratio:1 / 1;flex-shrink:0;object-fit:cover;border-radius:8px}.song-data[data-v-d63082a5]{display:flex;flex-direction:column;justify-content:center;height:100%;min-width:0;flex-shrink:1;gap:4px}.right-card-buttons[data-v-d63082a5]{display:flex;gap:10px;flex:0 0 auto;height:100%}.content[data-v-ffdfce37]{display:flex;align-items:center;width:max-content;max-width:400px;gap:10px;background-color:var(--color-surface);border-radius:22px;padding:10px 16px}.content.error[data-v-ffdfce37]{background-color:var(--color-error)}.content.success[data-v-ffdfce37]{background-color:var(--color-success)}.content.important[data-v-ffdfce37]{background-color:var(--color-info)}.content img[data-v-ffdfce37]{height:20px}.content p[data-v-ffdfce37]{margin:0}.toasts[data-v-0630e1da]{display:flex;flex-direction:column;width:auto;gap:8px;align-items:center;left:50%;right:50%;top:8px;position:absolute}.toast-enter-from[data-v-0630e1da],.toast-leave-to[data-v-0630e1da]{opacity:0;transform:translateY(-10px)}.toast-enter-active[data-v-0630e1da],.toast-leave-active[data-v-0630e1da]{transition:all .4s ease}.toast-move[data-v-0630e1da]{transition:transform .4s ease}.navbar{--nav-height: 50px}@media(display-mode:standalone){.navbar{--nav-height: 80px}}html,body{margin:0;padding:0;height:100%;overscroll-behavior:none}#app{display:flex;flex-direction:column;height:100dvh;width:100%;overflow:hidden}#content{flex:1;overflow-y:auto;padding:20px 20px 128px;background:transparent}#navbar{background-color:var(--color-surface);padding-bottom:env(safe-area-inset-bottom);width:100%;border-top:1.5px solid var(--color-surface-hover);height:auto;display:flex;justify-content:space-evenly}.fade-enter-active,.fade-leave-active{transition:opacity .15s ease,transform .15s ease}.fade-enter-from{opacity:0;transform:translateY(10px)}header{-webkit-app-region:drag;height:env(titlebar-area-height,33px);width:100%}.login-card[data-v-8f7f1dd7]{top:calc(50% - (var(--nav-height, 50px) / 2));left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.library-nav-button[data-v-30a74d13]{text-decoration:none;height:20px;display:flex;align-items:center;justify-content:space-between;background-color:transparent;border:0;border-radius:12px;padding:12px;gap:8px;transition:background-color .1s}.library-nav-button[data-v-30a74d13]:hover{background-color:var(--color-surface)}.library-nav-button[data-v-30a74d13]:active{background-color:var(--color-surface-hover)}.left-info[data-v-30a74d13]{display:flex;gap:8px}.left-info img[data-v-30a74d13]{height:28px;align-self:center}.library-nav-button img[data-v-30a74d13]{max-height:100%;object-fit:contain;flex-grow:0;-webkit-user-select:none;user-select:none}.library-nav-button p[data-v-30a74d13]{color:var(--color-foreground);font-family:var(--font-sans);font-weight:500;-webkit-user-select:none;user-select:none}.nav-buttons[data-v-4dc8152a]{display:flex;flex-direction:column;align-items:stretch}@property --hole-x{syntax: "<length>"; initial-value: 12px; inherits: false;}button[data-v-5d9aeb2f]{padding:0}.toggle-container[data-v-5d9aeb2f]{display:flex;align-items:center;justify-content:space-between;min-width:100px;gap:.5rem;background:transparent;border:none;cursor:pointer}.toggle-container.disabled[data-v-5d9aeb2f]{cursor:not-allowed}.toggle-track[data-v-5d9aeb2f]{position:relative;min-width:48px;width:48px;height:24px;display:flex;align-items:center}.toggle-thumb[data-v-5d9aeb2f]{position:absolute;inset:0;border-radius:9999px;background-color:var(--color-primary);transition:--hole-x .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s ease;-webkit-mask:radial-gradient(circle 6px at var(--hole-x) center,transparent 100%,black 101%);mask:radial-gradient(circle 6px at var(--hole-x) center,transparent 100%,black 101%)}.toggle-thumb.active[data-v-5d9aeb2f]{background-color:var(--color-accent)}.toggle-thumb.disabled[data-v-5d9aeb2f]{background-color:var(--color-primary-disabled)}.auth-content[data-v-00772e3d]{display:flex;flex-direction:column;gap:16px}.toggle-content[data-v-00772e3d]{display:flex;flex-direction:column;align-items:start;text-align:left;flex-shrink:1;flex-grow:0;max-width:calc(100% - 48px);gap:4px}p.toggle-content[data-v-00772e3d]{margin:0}p.toggle-content-lower[data-v-00772e3d]{font-size:12px;color:var(--color-surface-active)}h2[data-v-00772e3d],h3[data-v-00772e3d],p[data-v-00772e3d]{margin:0}p.tiny[data-v-00772e3d]{font-size:14px;color:var(--color-surface-active)}.auth-true[data-v-00772e3d]{display:flex;justify-content:space-between;align-items:center;gap:8px;word-break:break-all}.auth-true img[data-v-00772e3d]{border-radius:12px}.auth-true-left[data-v-00772e3d]{display:flex;gap:16px}.auth-card[data-v-00772e3d]{background-color:var(--color-surface);width:100%;height:auto;display:flex;flex-direction:column;gap:12px;transition:all .3s ease}.interactive-card-content[data-v-00772e3d]{display:flex;justify-content:space-between;gap:12px}.vertical-list[data-v-00772e3d]{display:flex;flex-direction:column;gap:12px;align-items:stretch}.label-input[data-v-00772e3d]{display:flex;gap:16px;align-items:center;justify-content:space-between}.bottom-auth[data-v-00772e3d]{display:flex;justify-content:space-between}.album-card[data-v-0d03295d]{display:flex;flex-direction:column;width:170px;gap:8px;padding:12px}.img-wrapper[data-v-0d03295d]{width:100%;aspect-ratio:1 / 1;background-size:cover;border-radius:12px;overflow:hidden}.img-wrapper img[data-v-0d03295d]{width:100%;height:100%;object-fit:cover}.album-card h3[data-v-0d03295d]{font-size:14px}.album-card p[data-v-0d03295d]{font-size:12px}.album-card h3[data-v-0d03295d],.album-card p[data-v-0d03295d]{margin:0;display:-webkit-box;text-align:left;line-clamp:1;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow-wrap:anywhere;word-break:break-all;overflow:hidden}.back-nav[data-v-782309f6]{position:sticky;top:-20px;width:100%;height:80px;background:linear-gradient(to bottom,var(--color-background) 0%,var(--color-background) 20%,transparent 100%);margin-bottom:-20px}.inner-nav[data-v-782309f6]{display:flex;align-items:center;justify-content:space-between}.button[data-v-782309f6]{padding:10px;width:48px;height:48px}h1[data-v-782309f6]{display:-webkit-box;margin:0;text-align:right;line-clamp:1;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow-wrap:anywhere;word-break:break-all;overflow:hidden}.album-grid[data-v-442fd4d6]{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;overflow-x:hidden}.song-list[data-v-4fb63d74]{display:flex;flex-direction:column;gap:4px}.content[data-v-a72603d2]{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:8px}.content h2[data-v-a72603d2]{margin:0}.content p[data-v-a72603d2]{margin:0 0 16px}.content img[data-v-a72603d2]{max-width:256px;border-radius:16px;align-self:center}.song-list[data-v-a72603d2]{display:flex;flex-direction:column;gap:4px}@font-face{font-family:Figtree;font-style:normal;font-weight:300 400 500 600 700 800 900;font-display:swap;src:url(/fonts/Figtree-VariableFont_wght.ttf) format("truetype-variations")}@font-face{font-family:Figtree;font-style:italic;font-weight:300 400 500 600 700 800 900;font-display:swap;src:url(/fonts/Figtree-Italic-VariableFont_wght.ttf) format("truetype-variations")}@font-face{font-family:Merriweather;font-style:normal;font-weight:300 400 500 600 700 800 900;font-display:swap;src:url(/fonts/Merriweather-VariableFont_opsz,wdth,wght.ttf) format("truetype-variations")}@font-face{font-family:Merriweather;font-style:italic;font-weight:300 400 500 600 700 800 900;font-display:swap;src:url(/fonts/Merriweather-Italic-VariableFont_opsz,wdth,wght.ttf) format("truetype-variations")}:root{--font-display: "Merriweather", "serif";--font-sans: "Figtree", "sans-serif";--text-xs: 7px;--text-s: 12px;--text-m: 16px;--text-l: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--color-foreground: #f6f3c2;--color-foreground-hover: #fdf793;--color-foreground-active: #e8d468;--color-background: #0a0908;--color-tooltip: #060403;--color-surface: #1c1a17;--color-surface-hover: #2c2826;--color-surface-active: #46413c;--color-surface-disabled: #1f1f1f;--color-primary: #6b3499;--color-primary-hover: #814eac;--color-primary-active: #9766bf;--color-primary-disabled: #69616f;--color-accent: #ba76ff;--color-error: #8e2525;--color-success: #398e25;--color-info: #147180}.bg-surface-static{background-color:var(--color-surface);background-image:url(/bg-surface-static.png)}.bg-surface-static-90{position:fixed;z-index:50;overflow:hidden}.bg-surface-static-90:before{content:"";position:absolute;inset:0;background-image:url(/bg-surface-static.png);border-radius:inherit;opacity:.95;pointer-events:none;z-index:-1}.card{box-sizing:border-box;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;padding:12px;border:1.5px solid var(--color-surface-hover)}.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}div.divider{width:calc(100% + 24px);background-color:var(--color-surface-hover);height:2px;margin-left:-12px;margin-right:-12px}div{scrollbar-width:auto;scrollbar-color:auto}div::-webkit-scrollbar{width:8px}div::-webkit-scrollbar-track{background:transparent}div::-webkit-scrollbar-thumb{background:var(--color-foreground);border-radius:9999px}div::-webkit-scrollbar-thumb:hover{background:var(--color-foreground-hover)}div::-webkit-scrollbar-thumb:active{background:var(--color-foreground-active)}body{background-color:var(--color-background);background-image:url(/background.png);background-attachment:fixed;background-size:cover;color:var(--color-foreground);font-family:var(--font-sans);font-weight:500}h1,h2,h3{font-family:var(--font-display)}p{font-size:16px}button,.btn-link{display:inline-block;text-decoration:none;transition:all 75ms;cursor:pointer;border-radius:12px;border:0;padding:10px 16px;background-color:var(--color-primary);color:var(--color-foreground);font-family:var(--font-sans);font-size:16px}button:hover,.btn-link:hover{background-color:var(--color-primary-hover)}button:active,.btn-link:active{background-color:var(--color-primary-active)}.surface{background-color:var(--color-surface);border:1.5px solid var(--color-surface-hover)}button.surface:hover{background-color:var(--color-surface-hover)}button.surface:active{background-color:var(--color-surface-active)}input[type=text],input[type=password],input[type=email],input[type=search],textarea{background-color:var(--color-surface);border:1.5px solid var(--color-surface-hover);border-radius:12px;padding:12px 18px;font-family:var(--font-sans);font-weight:500;font-size:16px;color:var(--color-foreground)}input::placeholder,textarea::placeholder{color:var(--color-surface-active)}