.color[data-v-d2e143cf]{gap:.8em;margin-bottom:1.2em}.color[data-v-d2e143cf],.color .header[data-v-d2e143cf]{display:flex;flex-direction:column}.color .header[data-v-d2e143cf]{gap:.2em}.color .header .label[data-v-d2e143cf]{color:var(--c-text-1);font-size:.9em;font-weight:500}.color .header .description[data-v-d2e143cf]{color:var(--c-text-3);font-size:.75em}.color .input-group[data-v-d2e143cf]{align-items:center;display:flex;gap:.6em}.color .input-group .text_input[data-v-d2e143cf]{background-color:var(--ld-bg-card);border:1px solid var(--c-border);border-radius:.5em;box-shadow:0 1px 2px #0000000d;color:var(--c-text);flex:1;font-family:Courier New,monospace;font-size:.9em;padding:.5em .7em;transition:all .2s ease}.color .input-group .preview[data-v-d2e143cf]{border:1px solid var(--c-border);border-radius:.5em;box-shadow:0 2px 6px #0000001a;height:2.4em;transition:all .2s;width:2.4em}.toggle-switch[data-v-0f8cc0cd]{align-items:center;cursor:pointer;display:flex;gap:.8em;margin-bottom:.6em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-switch input[data-v-0f8cc0cd]{display:none}.toggle-switch .toggle-slider[data-v-0f8cc0cd]{background-color:var(--c-border);border-radius:999px;flex-shrink:0;height:1.2em;position:relative;transition:background-color .3s ease;width:2.2em}.toggle-switch .toggle-slider[data-v-0f8cc0cd]:after{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:1em;left:.1em;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease;width:1em}.toggle-switch .toggle-content[data-v-0f8cc0cd]{display:flex;flex-direction:column;gap:.2em}.toggle-switch .toggle-label[data-v-0f8cc0cd]{color:var(--c-text-1);font-size:.9em;font-weight:500;transition:color .2s}.toggle-switch .toggle-description[data-v-0f8cc0cd]{color:var(--c-text-3);font-size:.75em;transition:color .2s}.toggle-switch input:checked+.toggle-slider[data-v-0f8cc0cd]{background-color:var(--c-primary)}.toggle-switch input:checked+.toggle-slider[data-v-0f8cc0cd]:after{left:calc(100% - 1.1em)}.toggle-switch input:checked~.toggle-content .toggle-label[data-v-0f8cc0cd]{color:var(--c-text-1)}.toggle-switch input:checked~.toggle-content .toggle-description[data-v-0f8cc0cd]{color:var(--c-text-2)}.toggle-switch:hover .toggle-label[data-v-0f8cc0cd]{color:var(--c-text-1)}.toggle-switch:hover .toggle-description[data-v-0f8cc0cd]{color:var(--c-text-2)}.feature-toggles[data-v-0f8cc0cd]{display:flex;flex-direction:column;gap:.6em}.feature-toggles .toggle-switch[data-v-0f8cc0cd]{align-items:center;cursor:pointer;display:flex;gap:.8em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.feature-toggles .toggle-switch input[data-v-0f8cc0cd]{display:none}.feature-toggles .toggle-switch .toggle-slider[data-v-0f8cc0cd]{background-color:var(--c-border);border-radius:999px;flex-shrink:0;height:1.2em;position:relative;transition:background-color .3s ease;width:2.2em}.feature-toggles .toggle-switch .toggle-slider[data-v-0f8cc0cd] :after{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:1em;left:.1em;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease;width:1em}.feature-toggles .toggle-switch .toggle-content[data-v-0f8cc0cd]{display:flex;flex-direction:column;gap:.2em;-moz-column-gap:.2em;column-gap:.2em;row-gap:.2em}.feature-toggles .toggle-switch .toggle-content .toggle-label[data-v-0f8cc0cd]{color:var(--c-text-1);font-size:.9em;font-weight:500;transition:color .2s}.feature-toggles .toggle-switch .toggle-content .toggle-description[data-v-0f8cc0cd]{color:var(--c-text-3);font-size:.75em;transition:color .2s}.lyric-display[data-v-9f9dcbe1]{background:#f0f2f5;border-radius:4px;height:200px;overflow-y:auto;padding:1rem}p[data-v-9f9dcbe1]{color:#666;margin:0;padding:.5rem 0}p.active[data-v-9f9dcbe1]{color:#333;font-weight:700}.player-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:800px}.navbar{align-items:center;background:#f8f9fa;display:flex;justify-content:space-between;padding:1rem}.navbar .nav-tabs{display:flex;list-style:none}.navbar .nav-tabs li{cursor:pointer;padding:.5rem 1rem}.navbar .nav-tabs li.active{border-bottom:2px solid #d9363e;color:#d9363e}.main-content{display:grid;gap:2rem;grid-template-columns:250px 1fr;padding:2rem}.song-list .cover{border-radius:4px;height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.song-list .info{margin-left:1rem}.control-panel{align-items:center;display:flex;gap:1rem;margin-top:2rem}.control-panel .progress-bar{background:#eee;border-radius:2px;cursor:pointer;flex:1;height:4px}.control-panel .progress-bar .progress{background:#d9363e;border-radius:2px;height:100%}.time-display{color:#666;font-size:.8rem}.music-player-container{display:flex;flex-direction:column;gap:1em;margin:0 auto;max-width:600px}.music-settings[data-v-927c3be9]{display:flex;flex-direction:column;gap:1.2em}.aboutInfo[data-v-726f7739]{display:flex;flex-direction:column;gap:1.2em;margin-top:.5em}.aboutInfo img[data-v-726f7739]{margin:auto;width:200px}.aboutInfo .info-section[data-v-726f7739]{background-color:var(--c-bg-soft);border:1px solid var(--c-primary-soft);border-radius:.6em;margin-bottom:.4em;padding:.8em 1em}.has-border[data-v-42f7a7d0]{background-color:var(--ld-bg-card);border:1px solid var(--c-border);border-radius:.8em;padding:1.2em}.popover-mask[data-v-ee1b0805]{-webkit-backdrop-filter:blur(.2em);backdrop-filter:blur(.2em);background-color:#0003;inset:0;position:fixed;transition:opacity var(--delay,200);z-index:100}.popover-mask.v-enter-from[data-v-ee1b0805],.popover-mask.v-leave-to[data-v-ee1b0805]{opacity:0}.popover-panel[data-v-ee1b0805]{--float-distance:20vh;background-color:var(--ld-bg-card);border:1px solid var(--c-primary);border-radius:1em;box-shadow:0 .25em .5em var(--ld-shadow);left:50%;max-height:85vh;max-height:85dvh;max-width:500px;overflow-y:auto;padding:1.2em;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all var(--delay,200);width:95%;z-index:1000}.popover-panel .panel-header[data-v-ee1b0805]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1em}.popover-panel .panel-header h2[data-v-ee1b0805]{color:var(--c-text);font-size:1.2em;font-weight:600;margin:0}.popover-panel .panel-header .close-btn[data-v-ee1b0805]{background-color:transparent;border:none;border-radius:.5em;color:var(--c-text-2);cursor:pointer;padding:.4em;transition:all .1s}.popover-panel .panel-header .close-btn[data-v-ee1b0805]:hover{background-color:var(--c-bg-soft);color:var(--c-text-1)}.popover-panel .panel-content[data-v-ee1b0805]{color:var(--c-text-1);font-size:.95em;line-height:1.6}.float-in-enter-active[data-v-ee1b0805],.float-in-leave-active[data-v-ee1b0805]{transition:all var(--delay,200)}.float-in-enter-from[data-v-ee1b0805],.float-in-leave-to[data-v-ee1b0805]{opacity:0;transform:translate(-50%,calc(-50% - 20vh))}@media(max-width:768px){.popover-panel[data-v-ee1b0805]{max-height:75vh;max-height:75dvh;width:95vw}}