:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;margin:0;padding:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex}#app{width:100%}}.app-container{position:relative;width:100%;min-height:100vh}.search-container[data-v-bda6583b]{position:relative;width:100%;height:80%;max-width:800px;margin:0 auto;padding:20px;border-radius:12px;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .8s cubic-bezier(.4,0,.2,1);z-index:2}.search-container.search-container-hidden[data-v-bda6583b]{display:none}.search-input-layout[data-v-bda6583b]{position:relative;margin:0 60px}.search-input[data-v-bda6583b]{width:100%;height:50px;padding:0 50px 0 20px;border:none;border-radius:25px;background-color:#fff3;color:#fff;font-size:16px;outline:none;transition:all .3s ease}.search-input[data-v-bda6583b]:focus{background-color:#ffffff4d}.search-input[data-v-bda6583b]::placeholder{color:#ffffffb3}.search-icon[data-v-bda6583b]{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;cursor:pointer;transition:all .3s ease}.search-icon[data-v-bda6583b]:hover:not(.disabled){transform:translateY(-50%) scale(1.1)}.search-icon.disabled[data-v-bda6583b]{opacity:.5;cursor:not-allowed}.close-search-button[data-v-bda6583b]{width:36px;height:36px;border-radius:50%;background-color:#fff0;border:none;color:#fff;font-size:20px;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-right:8px;position:absolute;right:-50px;top:50%;transform:translateY(-50%)}.close-search-button[data-v-bda6583b]:hover{background-color:#fff3;transform:translateY(-50%) scale(1.05)}.search-results[data-v-bda6583b]{margin-top:20px;overflow-y:auto;height:100%}.loading-container[data-v-bda6583b]{display:flex;justify-content:center;align-items:center;height:100px}.loading-spinner[data-v-bda6583b]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-bda6583b 1s linear infinite}@keyframes spin-bda6583b{to{transform:rotate(360deg)}}.error-message[data-v-bda6583b]{color:#ff6b6b;text-align:center;padding:20px}.results-list[data-v-bda6583b]{list-style:none;padding:0;margin-bottom:20px}.result-item[data-v-bda6583b]{display:flex;align-items:center;padding:10px;cursor:pointer;border-radius:8px;transition:all .3s ease;position:relative}.result-item[data-v-bda6583b]:hover{background-color:#ffffff1a}.result-item.selected[data-v-bda6583b]:after{content:"✓";position:absolute;right:15px;color:#1db954;font-size:20px;font-weight:700;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.result-item.selected[data-v-bda6583b]:after{opacity:1;transform:scale(1)}.item-actions[data-v-bda6583b]{display:flex;align-items:center;margin-right:30px}.play-button[data-v-bda6583b]{width:24px;height:24px;border-radius:12px;background:#0009;border:1px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.3;transition:opacity .3s ease,background-color .2s;margin-right:10px}.play-button[data-v-bda6583b]:hover{opacity:1;background:#000c}.play-button.playing[data-v-bda6583b]{opacity:1;background:#3498dbcc}.result-item:hover .play-button[data-v-bda6583b]{display:flex}.play-icon[data-v-bda6583b]{font-size:12px;line-height:1;color:#fff;transform:translate(1px) translateY(1px)}.album-cover[data-v-bda6583b]{width:60px;height:60px;border-radius:4px;margin-right:15px}.item-info[data-v-bda6583b]{flex:1}.title[data-v-bda6583b]{color:#fff;margin:0 0 5px;font-size:16px}.artist[data-v-bda6583b]{color:#ffffffb3;margin:0;font-size:14px}.confirm-button-container[data-v-bda6583b]{text-align:center;padding:20px 0;position:sticky;bottom:0;background-color:#000}.confirm-button[data-v-bda6583b]{padding:12px 30px;border:none;border-radius:25px;background-color:#1db954;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}.select-all-button[data-v-bda6583b]{position:absolute;right:50px;padding:4px;border:none;background-color:transparent}.select-all-icon[data-v-bda6583b]{width:20px;height:20px;filter:brightness(0) saturate(100%) invert(100%);opacity:.5}.select-all-icon[data-v-bda6583b]:hover{opacity:1}.confirm-button[data-v-bda6583b]:hover:not(:disabled){transform:scale(1.05);background-color:#1ed760}.confirm-button[data-v-bda6583b]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.slogan-text[data-v-bda6583b]{font-size:32px}.close-search-button[data-v-bda6583b]{width:32px;height:32px;font-size:18px}.search-input-layout[data-v-bda6583b]{margin:0 40px 0 20px}.search-icon[data-v-bda6583b]{right:15px;width:24px;height:24px;padding:4px}.search-results[data-v-bda6583b]{left:10px;right:10px;max-height:calc(100vh - 180px)}.confirm-button-container[data-v-bda6583b]{padding:15px}.confirm-button[data-v-bda6583b]{padding:10px 20px;font-size:14px}}.tournament-bracket-container[data-v-41d3153b]{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px 0;overflow-x:auto}.canvas-container[data-v-41d3153b]{overflow-x:auto;overflow-y:auto;max-width:100%;max-height:80vh;padding:20px}.tournament-bracket-canvas[data-v-41d3153b]{display:block}.button-group[data-v-41d3153b]{display:flex;gap:16px;margin:20px auto}.share-button[data-v-41d3153b],.new-list-button[data-v-41d3153b]{padding:12px 24px;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.share-button[data-v-41d3153b]{background-color:#2ecc71cc}.new-list-button[data-v-41d3153b]{background-color:#3498dbcc}.share-button[data-v-41d3153b]:hover{background-color:#2ecc71;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.share-button[data-v-41d3153b]:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.share-container[data-v-41d3153b]{display:flex;flex-direction:column;align-items:center;gap:8px}.share-hint[data-v-41d3153b]{font-size:12px;color:#fff9;text-align:center}.bracket-header[data-v-41d3153b]{display:flex;justify-content:center;align-items:center;padding:0 20px 20px;width:100%}.close-button[data-v-41d3153b]{position:relative;padding:8px 12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:20px;font-weight:300;line-height:1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:0 2px 10px #0000001a;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.close-button[data-v-41d3153b]:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px) rotate(90deg);box-shadow:0 4px 15px #00000026}.close-button[data-v-41d3153b]:active{transform:translateY(0) rotate(90deg);background:#fff3;box-shadow:0 2px 5px #0000001a}.loading-overlay[data-v-41d3153b]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.loading-spinner[data-v-41d3153b]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-41d3153b 1s linear infinite;margin-bottom:10px}.loading-text[data-v-41d3153b]{color:#fff;font-size:16px;font-weight:600;margin-top:10px}@keyframes spin-41d3153b{to{transform:rotate(360deg)}}.tournament-header[data-v-6b7dea5a]{text-align:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.tournament-title[data-v-6b7dea5a]{font-size:32px;margin-bottom:15px;background:linear-gradient(45deg,#f3ec78,#af4261);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.round-info[data-v-6b7dea5a]{font-size:16px;color:#ffffffe6;font-weight:500}.tournament-bracket-container[data-v-6b7dea5a]{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:20px 0}.tournament-bracket[data-v-6b7dea5a]{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:40px;overflow-x:auto;padding:20px 0;min-height:500px}.bracket-round[data-v-6b7dea5a]{display:flex;flex-direction:column;min-width:280px;gap:15px}.round-title[data-v-6b7dea5a]{text-align:center;font-size:18px;font-weight:600;color:#ffffffe6;padding:10px 0;background:#ffffff0d;border-radius:8px;margin-bottom:10px}.bracket-matches[data-v-6b7dea5a]{display:flex;flex-direction:column;gap:30px}.bracket-match[data-v-6b7dea5a]{position:relative;display:flex;flex-direction:column;gap:10px;background:#ffffff08;border-radius:12px;padding:15px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.bracket-match[data-v-6b7dea5a]:hover{background:#ffffff0d}.bracket-team[data-v-6b7dea5a]{position:relative;border-radius:8px;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.bracket-team[data-v-6b7dea5a]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background-color:#ffffff14}.bracket-team.current-match[data-v-6b7dea5a]{border:2px solid rgba(52,152,219,.7);box-shadow:0 0 15px #3498db4d}.bracket-winner[data-v-6b7dea5a]{background-color:#2ecc7126;border:2px solid rgba(46,204,113,.5)!important}.team-content[data-v-6b7dea5a]{display:flex;align-items:center;gap:10px;padding:10px}.team-image[data-v-6b7dea5a]{width:40px;height:40px;object-fit:cover;border-radius:4px;box-shadow:0 2px 6px #0003}.team-info[data-v-6b7dea5a]{flex:1;overflow:hidden}.team-name[data-v-6b7dea5a]{font-size:14px;font-weight:600;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-artist[data-v-6b7dea5a]{font-size:12px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-connector[data-v-6b7dea5a]{position:absolute;right:-40px;top:50%;width:40px;height:2px;background-color:#fff3;z-index:1}.match-connector[data-v-6b7dea5a]:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:#ffffff4d}.match-connector.active[data-v-6b7dea5a]{background-color:#2ecc7199}.match-connector.active[data-v-6b7dea5a]:after{background-color:#2ecc71cc;box-shadow:0 0 8px #2ecc7180}.vertical-connector[data-v-6b7dea5a]{position:absolute;right:-20px;width:2px;background-color:#fff3}.vertical-connector.active[data-v-6b7dea5a]{background-color:#2ecc7199}.match-container[data-v-6b7dea5a]{display:flex;flex-direction:column;gap:10px;padding:0 10px}.match-title[data-v-6b7dea5a]{text-align:center;font-size:18px;color:#fffc;margin-bottom:10px}.media-items-battle[data-v-6b7dea5a]{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1}.media-item-card[data-v-6b7dea5a]{flex:1;display:flex;flex-direction:column;align-items:center;background-color:#ffffff0d;border-radius:12px;cursor:pointer;transition:all .3s ease;height:100%;max-height:450px;overflow:hidden;position:relative}.media-item-card[data-v-6b7dea5a]:hover{transform:translateY(-5px);background-color:#ffffff1a;box-shadow:0 10px 20px #0003}.media-item-selected[data-v-6b7dea5a]{background-color:#3498db33;border:2px solid rgba(52,152,219,.5);transform:scale(1.05)}.media-item-image-container[data-v-6b7dea5a]{position:relative;width:100%;max-width:250px}.media-item-image[data-v-6b7dea5a]{width:100%;max-width:250px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0003}.play-button[data-v-6b7dea5a]{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.8);cursor:pointer;opacity:.3;transition:opacity .3s ease}.play-button[data-v-6b7dea5a]:hover{opacity:1;background:#000c}.play-button.playing[data-v-6b7dea5a]{opacity:1;background:#3498dbcc}.play-icon[data-v-6b7dea5a]{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:4px;height:4px;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent rgba(255,255,255,.9)}.media-item-details[data-v-6b7dea5a]{width:100%;padding:15px 0;text-align:center}.media-item-title[data-v-6b7dea5a]{font-size:16px;font-weight:600;margin-bottom:5px;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.media-item-artist[data-v-6b7dea5a]{font-size:14px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vs-badge[data-v-6b7dea5a]{font-size:24px;font-weight:700;color:#ffffffe6;background:linear-gradient(45deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:10px 30px;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:pulse-6b7dea5a 1.5s infinite}@media screen and (max-width: 768px){.media-item-card[data-v-6b7dea5a]{max-height:350px}.media-item-image-container[data-v-6b7dea5a],.media-item-image[data-v-6b7dea5a]{max-width:180px}.media-item-details[data-v-6b7dea5a]{padding:10px 0}.media-item-title[data-v-6b7dea5a]{font-size:14px}.media-item-artist[data-v-6b7dea5a]{font-size:12px}.play-button[data-v-6b7dea5a]{width:24px;height:24px}.play-icon[data-v-6b7dea5a]{border-width:3px 0 3px 5px}.vs-badge[data-v-6b7dea5a]{font-size:20px;padding:5px 15px}}@keyframes pulse-6b7dea5a{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tournament-controls[data-v-6b7dea5a]{display:flex;justify-content:center;padding:20px 0;margin-top:30px}.tournament-controls[data-v-6b7dea5a]{display:flex;gap:20px;justify-content:center;padding:20px 0;margin-top:30px}.back-button[data-v-6b7dea5a]{padding:10px 20px;font-size:16px;color:#ffffffe6;background-color:#3498db33;border:1px solid rgba(52,152,219,.4);border-radius:8px;cursor:pointer;transition:all .3s ease}.back-button[data-v-6b7dea5a]:hover:not(:disabled){background-color:#3498db4d;transform:translateY(-2px)}.back-button[data-v-6b7dea5a]:disabled{opacity:.5;cursor:not-allowed}.cancel-button[data-v-6b7dea5a]{padding:10px 20px;font-size:16px;color:#ffffffe6;background-color:#ff3b3033;border:1px solid rgba(255,59,48,.4);border-radius:8px;cursor:pointer;transition:all .3s ease}.cancel-button[data-v-6b7dea5a]:hover{background-color:#ff3b304d;transform:translateY(-2px)}.finish-button[data-v-6b7dea5a]{width:120px;padding:12px 30px;font-size:16px;font-weight:600;color:#ffffffe6;background:transparent;border:#fff solid 1px;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-top:30px}.finish-button[data-v-6b7dea5a]:hover{transform:translateY(-2px) scale(1.05)}.winner-container[data-v-6b7dea5a]{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.confirm-modal[data-v-6b7dea5a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-modal-content[data-v-6b7dea5a]{background-color:#1e1e1ef2;border-radius:12px;padding:24px;width:90%;max-width:400px;text-align:center;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1)}.confirm-modal-content h3[data-v-6b7dea5a]{font-size:20px;margin-bottom:16px;color:#ffffffe6}.confirm-modal-content p[data-v-6b7dea5a]{font-size:16px;margin-bottom:24px;color:#ffffffb3}.confirm-modal-buttons[data-v-6b7dea5a]{display:flex;justify-content:center;gap:16px}.confirm-modal-buttons button[data-v-6b7dea5a]{padding:10px 24px;font-size:16px;border-radius:8px;cursor:pointer;transition:all .3s ease}.confirm-modal-buttons .confirm-button[data-v-6b7dea5a]{background-color:#ff3b3033;border:1px solid rgba(255,59,48,.4);color:#ffffffe6}.confirm-modal-buttons .confirm-button[data-v-6b7dea5a]:hover{background-color:#ff3b304d;transform:translateY(-2px)}.confirm-modal-buttons .cancel-button[data-v-6b7dea5a]{background-color:#3498db33;border:1px solid rgba(52,152,219,.4);color:#ffffffe6}.confirm-modal-buttons .cancel-button[data-v-6b7dea5a]:hover{background-color:#3498db4d;transform:translateY(-2px)}.background-layer[data-v-b7afd6cd]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.top-toolbar[data-v-b7afd6cd]{position:relative;z-index:1;display:flex;justify-content:flex-start;align-items:center;height:100px;transition:opacity 1s .5s ease;opacity:1}.hidden[data-v-b7afd6cd]{opacity:0}.visible[data-v-b7afd6cd]{opacity:1}.search-container-hidden[data-v-b7afd6cd]{opacity:0;visibility:hidden}.main-layout[data-v-b7afd6cd]{position:relative;z-index:1}.wallpaper-view[data-v-b7afd6cd]{display:flex;flex-direction:column;height:100vh;background-color:#000;overflow:hidden}.loading-overlay[data-v-b7afd6cd]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-spinner[data-v-b7afd6cd]{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-b7afd6cd 1s ease-in-out infinite}.loading-text[data-v-b7afd6cd]{color:#fff;margin-top:16px;font-size:16px}.main-layout[data-v-b7afd6cd]{display:flex;flex-direction:row;width:100%;height:100%}.top-toolbar[data-v-b7afd6cd]{display:flex;justify-content:flex-start;align-items:center;height:100px}.toolbar-left[data-v-b7afd6cd]{display:flex;align-items:center;height:100%}.logo[data-v-b7afd6cd]{height:40px;display:flex;margin-left:80px;align-items:center}.content-area[data-v-b7afd6cd]{position:relative;display:flex;align-items:center;flex:1;flex-direction:column;overflow:hidden;padding:20px;height:100vh}.preview-container[data-v-b7afd6cd]{flex:1;max-width:1200px;position:relative;overflow:hidden}.preview-mode-enter-active[data-v-b7afd6cd],.preview-mode-leave-active[data-v-b7afd6cd],.coverflow-mode-enter-active[data-v-b7afd6cd],.coverflow-mode-leave-active[data-v-b7afd6cd]{transition:opacity .3s ease,transform .3s ease}.preview-mode-enter-from[data-v-b7afd6cd],.preview-mode-leave-to[data-v-b7afd6cd],.coverflow-mode-enter-from[data-v-b7afd6cd],.coverflow-mode-leave-to[data-v-b7afd6cd]{opacity:0;transform:scale(.95)}.preview-mode-enter-to[data-v-b7afd6cd],.preview-mode-leave-from[data-v-b7afd6cd],.coverflow-mode-enter-to[data-v-b7afd6cd],.coverflow-mode-leave-from[data-v-b7afd6cd]{opacity:1;transform:scale(1)}.search-icon[data-v-b7afd6cd]{position:absolute;right:40px;width:20px;height:20px;cursor:pointer;transition:all .3s ease}.search-icon[data-v-b7afd6cd]:hover:not(.disabled){transform:scale(1.1)}.search-icon.disabled[data-v-b7afd6cd]{opacity:.5;cursor:not-allowed}.search-panel[data-v-b7afd6cd]{position:fixed;top:0;right:-400px;width:400px;height:100%;background-color:#000000e6;transition:right .3s ease;z-index:1002}.search-panel.show[data-v-b7afd6cd]{right:0}.close-button[data-v-b7afd6cd]{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background-color:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:24px;cursor:pointer;z-index:1001;display:flex;justify-content:center;align-items:center}.left-panel[data-v-b7afd6cd]{width:300px;padding:20px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.action-buttons[data-v-b7afd6cd]{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:16px}.action-buttons[data-v-b7afd6cd] button{min-width:200px}#clear-btn[data-v-b7afd6cd]{background-color:transparent;border:1px solid rgba(255,255,255,.7)}@media (max-width: 768px){.slogan-text[data-v-b7afd6cd]{font-size:32px!important}.top-toolbar[data-v-b7afd6cd]{height:70px}.logo[data-v-b7afd6cd]{height:18px;margin-left:20px}.content-area[data-v-b7afd6cd]{padding:10px;height:100vh}.left-panel[data-v-b7afd6cd]{position:fixed;bottom:0;left:0;width:100%;height:auto;padding:10px;background-color:#c5bfb8;box-shadow:0 -2px 10px #0000001a;z-index:5}.action-buttons[data-v-b7afd6cd]{width:100%;flex-direction:row!important;justify-content:space-around;margin-bottom:0}.preview-container[data-v-b7afd6cd]{margin-bottom:80px}.albums-list[data-v-b7afd6cd]{padding:10px;gap:5px}.add-album-row[data-v-b7afd6cd]{padding:8px 10px}.add-icon[data-v-b7afd6cd]{width:40px;height:40px;font-size:20px;margin-right:10px}.close-button[data-v-b7afd6cd]{top:10px;right:10px;width:36px;height:36px;font-size:20px}.preview-button-container[data-v-b7afd6cd]{bottom:15px;padding:0 10px}.preview-button[data-v-b7afd6cd]{height:44px;font-size:14px}.confirm-button-container[data-v-b7afd6cd]{padding:15px;position:fixed;bottom:0;left:0;right:0;z-index:10}.confirm-button[data-v-b7afd6cd]{padding:10px 20px;font-size:14px}}@media (max-width: 480px){.top-toolbar[data-v-b7afd6cd]{height:60px}.content-area[data-v-b7afd6cd]{height:100vh}.add-icon[data-v-b7afd6cd]{width:36px;height:36px;font-size:18px;margin-right:8px}.add-text[data-v-b7afd6cd]{color:#fffc;font-size:14px}.album-name[data-v-b7afd6cd]{color:#ffffffe6;font-size:14px;margin-bottom:4px}.artist-name[data-v-b7afd6cd]{color:#fff9;font-size:12px;margin:0}.album-cover[data-v-b7afd6cd]{width:40px;height:40px;margin-right:10px}.title[data-v-b7afd6cd]{color:#ffffffe6;margin:0 0 5px;font-size:14px}.artist[data-v-b7afd6cd]{color:#fff9;margin:0;font-size:12px}}.albums-list[data-v-b7afd6cd]{display:flex;flex-direction:column;gap:10px;padding:20px;width:100%;max-width:800px;margin:0 auto;height:100%;transform:translateY(0);transition:opacity .6s ease,transform .6s ease;border-radius:16px}.albums-list.hide[data-v-b7afd6cd]{opacity:0;transform:translateY(-20px);pointer-events:none}.add-album-row[data-v-b7afd6cd]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:10px;transition:background-color .2s}.add-button[data-v-b7afd6cd]{display:flex;align-items:center;cursor:pointer}.add-button[data-v-b7afd6cd]:hover{opacity:.8}.clear-all-button[data-v-b7afd6cd]{width:100px;height:24px;border:none;background-color:transparent;color:#ffffff80;font-size:16px;display:flex;align-items:center;justify-content:end;cursor:pointer}.clear-all-button[data-v-b7afd6cd]:hover{color:#ff00004d}.add-icon[data-v-b7afd6cd]{width:50px;height:50px;background:#fff9;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#00000080;margin-right:15px}.add-text[data-v-b7afd6cd]{color:#ffffff80;font-size:14px}.album-item[data-v-b7afd6cd]{display:flex;align-items:center;padding:10px 20px;border-radius:10px;transition:background-color .2s;cursor:pointer}.album-item[data-v-b7afd6cd]:hover{background-color:#ffffff1a}.album-info[data-v-b7afd6cd]{margin-left:0}.album-name[data-v-b7afd6cd]{color:#ffffffe6;font-size:14px;margin-bottom:4px}.artist-name[data-v-b7afd6cd]{color:#fff9;font-size:12px;margin:0}.album-item[data-v-b7afd6cd]{position:relative}.delete-button[data-v-b7afd6cd]{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:12px;background:#ffffff1a;border:none;color:#fff;font-size:16px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.delete-button[data-v-b7afd6cd]:hover{background:#ff00004d}.play-button[data-v-b7afd6cd]{position:absolute;right:54px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:12px;background:#0009;border:1px solid rgba(255,255,255,.8);display:none;align-items:center;justify-content:center;cursor:pointer;opacity:.3;transition:opacity .3s ease,background-color .2s}.play-button[data-v-b7afd6cd]:hover{opacity:1;background:#000c}.play-button.playing[data-v-b7afd6cd]{opacity:1;background:#3498dbcc}.play-icon[data-v-b7afd6cd]{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent rgba(255,255,255,.9)}.album-item:hover .delete-button[data-v-b7afd6cd],.album-item:hover .play-button[data-v-b7afd6cd]{display:flex}.loading-container[data-v-b7afd6cd]{display:flex;justify-content:center;padding:20px}.loading-overlay[data-v-b7afd6cd]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-spinner[data-v-b7afd6cd]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-b7afd6cd 1s linear infinite}.loading-text[data-v-b7afd6cd]{color:#fff;margin-top:15px;font-size:16px}@keyframes spin-b7afd6cd{to{transform:rotate(360deg)}}.error-message[data-v-b7afd6cd]{color:#ff6b6b;text-align:center;padding:20px}.results-list[data-v-b7afd6cd]{list-style:none;padding:0;margin:0}.result-item[data-v-b7afd6cd]{display:flex;align-items:center;padding:10px 20px;cursor:pointer;transition:background-color .2s;position:relative}.result-item[data-v-b7afd6cd]:hover{background-color:#ffffff1a}.result-item.selected[data-v-b7afd6cd]{background-color:#fff3}.result-item.selected[data-v-b7afd6cd]:after{content:"✓";position:absolute;right:20px;color:#fffc;font-size:18px;opacity:0;transform:scale(.8);transition:all .2s ease;animation:checkmark-appear-b7afd6cd .2s ease forwards}@keyframes checkmark-appear-b7afd6cd{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.confirm-button-container[data-v-b7afd6cd]{position:sticky;bottom:-5px;width:100%;padding:20px;background-color:#000;display:flex;justify-content:center;z-index:5}.confirm-button[data-v-b7afd6cd]{padding:12px 24px;border-radius:25px;background-color:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease}.confirm-button[data-v-b7afd6cd]:hover:not(:disabled){background-color:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.confirm-button[data-v-b7afd6cd]:disabled{opacity:.5;cursor:not-allowed}.album-cover[data-v-b7afd6cd]{width:50px;height:50px;border-radius:5px;margin-right:15px}.item-info[data-v-b7afd6cd]{flex:1}.title[data-v-b7afd6cd]{color:#ffffffe6;margin:0 0 5px;font-size:14px}.artist[data-v-b7afd6cd]{color:#fff9;margin:0;font-size:12px}.albums-list.has-preview-button[data-v-b7afd6cd]{padding-bottom:80px}.preview-button-container[data-v-b7afd6cd]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1000;width:100%;max-width:800px;padding:0 20px;box-sizing:border-box;pointer-events:none;display:flex;gap:10px}.preview-button[data-v-b7afd6cd]{flex:1;height:50px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;pointer-events:auto;box-shadow:0 4px 12px #0000001a}.coverflow-button[data-v-b7afd6cd]{background:#27ae6033!important;border:2px solid rgba(39,174,96,.4)!important}.preview-button[data-v-b7afd6cd]:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.preview-icon[data-v-b7afd6cd]{font-size:20px}.preview-text[data-v-b7afd6cd]{font-weight:500;color:#fffc}.slogan-text[data-v-b7afd6cd]{font-size:46px;font-weight:600;color:#fff;margin:20px 0;text-align:center;transform:translateY(0)}.start-button[data-v-b7afd6cd]{background:transparent;border:#ffffff solid 1px;padding:15px 40px;border-radius:5px;color:#fff;font-size:18px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:20px;display:inline-block}.start-button[data-v-b7afd6cd]:hover{background:#264625}.logo-container[data-v-b7afd6cd]{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-100%);width:100%;display:flex;flex-direction:column;align-items:center;transition:opacity .6s ease}.tournament-selection-view[data-v-b7afd6cd]{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000f2;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease}