*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg-raised:#ffffff0a;--bg-hover:#ffffff12;--border:#ffffff12;--border-hover:#ffffff24;--text:#fff;--text-2:#fff9;--text-3:#ffffff59;--accent:#ff6b35;--accent-pink:#e91e63;--accent-purple:#9c27b0;--heart:#ff2d55;--glass:#ffffff08;--glass-border:#ffffff0f;--radius:16px;--radius-sm:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 15% -5%,#ff6b351a 0%,#0000 60%),radial-gradient(70% 50% at 85% 105%,#9c27b01a 0%,#0000 55%),radial-gradient(60% 40%,#e91e630d 0%,#0000 60%);position:fixed;inset:0}#root{z-index:1;position:relative}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.logo-text{letter-spacing:.12em;background:linear-gradient(135deg, var(--accent), var(--accent-pink), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:900}.logo-year{color:var(--text-3);letter-spacing:.05em;font-size:.85rem;font-weight:700}.header{z-index:100;padding:max(18px, env(safe-area-inset-top)) 20px 0;background:linear-gradient(to bottom, var(--bg) 40%, #0a0a0fcc 80%, transparent 100%);-webkit-backdrop-filter:blur(24px);position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settings-btn{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:50%;place-items:center;transition:all .2s;display:grid}.settings-btn:hover{background:var(--bg-hover);color:var(--text)}.view-toggle{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.view-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:11px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.view-btn--active{color:var(--text);background:#ffffff17;box-shadow:0 1px 4px #0003}.badge{background:var(--heart);color:#fff;border-radius:10px;padding:2px 8px;font-size:.68rem;font-weight:700}.day-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.day-tabs::-webkit-scrollbar{display:none}.day-tab{border:1px solid var(--border);color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:8px 18px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .25s}.day-tab--active{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:700}.day-tab:not(.day-tab--active):hover{border-color:var(--border-hover);color:var(--text)}.search-wrap{margin-bottom:20px;position:relative}.search-icon{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);outline:none;padding:12px 40px;font-family:inherit;font-size:16px;transition:border-color .2s,background .2s}.search-input::placeholder{color:var(--text-3)}.search-input:focus{border-color:var(--border-hover);background:#ffffff0d}.search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;place-items:center;padding:6px;transition:color .2s;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear:hover{color:var(--text)}.group-count-badge{z-index:4;background:var(--accent);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.7rem;font-weight:800;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0000004d}.shuffle-btn{width:100%;color:var(--accent);cursor:pointer;background:linear-gradient(135deg,#ff6b351a,#e91e6314);border:1px solid #ff6b3533;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.shuffle-btn:hover{background:linear-gradient(135deg,#ff6b3526,#e91e631f);border-color:#ff6b354d;transform:translateY(-1px)}.shuffle-btn:active{transform:translateY(0)}.main{padding:0 20px 40px}.app--player-active .main{padding-bottom:160px}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px;display:grid}@media (min-width:640px){.header,.main{padding-left:28px;padding-right:28px}.artist-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px}}@media (min-width:1024px){.artist-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px}}.card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;aspect-ratio:1;flex-direction:column;justify-content:flex-end;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff0a}.card:active{transform:translateY(-1px)}.card--headliner{aspect-ratio:2;grid-column:span 2}.card--playing{border-color:var(--accent);box-shadow:0 0 24px #ff6b3533,0 0 0 1px #ff6b3526}.card-color-bg{opacity:.65;transition:opacity .3s;position:absolute;inset:0}.card:hover .card-color-bg{opacity:.8}.card-img{object-fit:cover;object-position:center 20%;z-index:0;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.card:hover .card-img{transform:scale(1.06)}.card-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000001a 0%,#00000026 35%,#00000073 65%,#000000e0 100%);transition:background .3s;position:absolute;inset:0}.card:hover .card-overlay{background:linear-gradient(#0000 0%,#0000000d 30%,#0000004d 60%,#000c 100%)}.card-content{z-index:2;position:relative}.card-name{text-shadow:0 2px 8px #0009;margin-bottom:3px;font-size:.95rem;font-weight:700;line-height:1.25}.card--headliner .card-name{letter-spacing:-.01em;font-size:1.5rem;font-weight:800}.card-day{color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 1px 4px #00000080;font-size:.68rem;font-weight:500}.card-tier{z-index:2;border-radius:50%;width:7px;height:7px;position:absolute;top:12px;left:12px;box-shadow:0 0 6px}.card-headliner-tag{letter-spacing:.14em;color:gold;z-index:2;text-shadow:0 1px 4px #00000080;font-size:.55rem;font-weight:800;position:absolute;top:11px;left:25px}.card-heart{z-index:3;-webkit-backdrop-filter:blur(10px);cursor:pointer;opacity:0;width:34px;height:34px;color:var(--text-2);background:#00000059;border:none;border-radius:50%;place-items:center;transition:all .25s;display:grid;position:absolute;top:8px;right:8px}.card:hover .card-heart,.card-heart--active{opacity:1}.card-heart--active{color:var(--heart)}.card-heart:hover{background:#00000080;transform:scale(1.15)}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.eq-bar{animation:.8s ease-in-out infinite alternate eq}.card-eq{z-index:3;align-items:flex-end;gap:2px;height:16px;display:flex;position:absolute;bottom:16px;right:16px}.card-eq span{background:var(--accent);border-radius:1px;width:3px}.layout-toggle{background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;gap:2px;padding:3px;display:flex}.layout-toggle-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;padding:6px 10px;transition:all .2s;display:grid}.layout-toggle-btn--active{color:var(--text);background:#ffffff17}.layout-toggle-btn:not(.layout-toggle-btn--active):hover{color:var(--text-2)}.timeline{flex-direction:column;gap:24px;display:flex}.timeline-notice{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-2);border-radius:12px;align-items:center;gap:10px;padding:14px 18px;font-size:.82rem;display:flex}.timeline-group-header{align-items:center;gap:10px;margin-bottom:10px;padding:0 4px;display:flex}.timeline-group-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px}.timeline-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);font-size:.8rem;font-weight:700}.timeline-group-count{color:var(--text-3);background:var(--bg-raised);border-radius:8px;padding:2px 8px;font-size:.7rem;font-weight:600}.timeline-list{flex-direction:column;gap:2px;display:flex}.timeline-row{cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:10px 12px;transition:all .2s;display:flex}.timeline-row:hover{background:var(--bg-hover)}.timeline-row--playing{background:#ff6b3512}.timeline-row-img{background:var(--bg-raised);border-radius:10px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.timeline-row-img img{object-fit:cover;width:100%;height:100%}.timeline-row-img-fallback{width:100%;height:100%}.timeline-row-info{flex:1;min-width:0}.timeline-row-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;line-height:1.3;overflow:hidden}.timeline-row-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.timeline-row-time{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:500}.timeline-row-stage{text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.timeline-row-eq{flex-shrink:0;align-items:flex-end;gap:2px;height:14px;display:flex}.timeline-row-eq span{background:var(--accent);border-radius:1px;width:2.5px}.timeline-row-heart{color:var(--text-3);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:8px;transition:all .2s;display:grid}.timeline-row:hover .timeline-row-heart,.timeline-row-heart--active{opacity:1}.timeline-row-heart--active{color:var(--heart)}.timeline-row-heart:hover{background:var(--bg-hover);color:var(--heart)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.player{z-index:200;-webkit-backdrop-filter:blur(40px);padding-bottom:env(safe-area-inset-bottom,0);background:#0a0a0feb;border-top:1px solid #ffffff14;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;bottom:0;left:0;right:0}.player--expanded{border-radius:var(--radius) var(--radius) 0 0;border-top:1px solid #ffffff1f;top:30vh;overflow-y:auto}.scrubber{cursor:pointer;align-items:center;height:20px;padding:7px 18px;display:flex}.scrubber-track{background:#ffffff14;border-radius:2px;width:100%;height:3px;transition:height .15s;position:relative}.scrubber:hover .scrubber-track{height:5px}.scrubber-fill{background:linear-gradient(90deg, var(--accent), var(--accent-pink));border-radius:2px;height:100%}.scrubber-thumb{opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #00000080}.scrubber:hover .scrubber-thumb{opacity:1}.player-main{align-items:center;gap:16px;min-height:76px;padding:6px 20px 16px;display:flex}.player-video{background:#ffffff0d;border-radius:10px;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.yt-container{width:100px;height:56px;margin-left:-22px}.yt-container iframe{pointer-events:none;border:none}.player-video-loading{background:#00000080;place-items:center;display:grid;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--text-3);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.player-info{flex:1;min-width:0}.player-artist{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;line-height:1.3;overflow:hidden}.player-track{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.75rem;overflow:hidden}.player-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.player-time{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:.65rem}.player-counter{color:var(--accent);letter-spacing:.02em;background:#ff6b351f;border-radius:4px;padding:2px 7px;font-size:.6rem;font-weight:600}.player-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.player-btn{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;padding:10px;transition:all .2s;display:grid}.player-btn:hover{color:var(--text);background:var(--bg-hover)}.player-btn--play{color:var(--text);background:#ffffff1a;width:48px;height:48px}.player-btn--play:hover{background:#ffffff29}.player-btn--heart-active{color:var(--heart)}.player-btn--queue-active{color:var(--accent)}.player-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.queue-badge{background:var(--accent);color:#fff;border-radius:8px;place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:.5rem;font-weight:800;line-height:1;display:grid;position:absolute;top:2px;right:2px}.player-queue{padding:4px 20px 20px}.queue-header{color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.75rem;font-weight:700}.queue-item{color:var(--text-2);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 8px;font-size:.82rem;transition:all .15s;display:flex}.queue-item:hover{background:#ffffff0a}.queue-item--active{color:var(--accent);background:#ff6b3512}.queue-num{text-align:center;font-variant-numeric:tabular-nums;width:22px;color:var(--text-3);flex-shrink:0;font-size:.7rem}.queue-item--active .queue-num{color:var(--accent)}.queue-thumb{object-fit:cover;background:var(--bg-raised);border-radius:6px;flex-shrink:0;width:42px;height:42px}.queue-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mini-eq{justify-content:center;align-items:flex-end;gap:1.5px;height:12px;display:flex}.mini-eq span{background:var(--accent);border-radius:1px;width:2px}.empty-state{text-align:center;color:var(--text-3);padding:96px 20px}.empty-state p:first-of-type{font-size:1.1rem;font-weight:500}.empty-state .empty-sub{margin-top:6px;font-size:.85rem}.empty-icon{opacity:.25;margin-bottom:16px}.setup{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.setup-inner{text-align:center;width:100%;max-width:520px}.setup-title{letter-spacing:-.02em;margin-bottom:8px;font-size:1.8rem;font-weight:800}.setup-subtitle{color:var(--text-2);max-width:380px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.5}.setup-card{background:var(--bg-raised);border:1px solid var(--border);text-align:left;border-radius:20px;margin-bottom:24px;padding:32px}.setup-card-title{margin-bottom:8px;font-size:1.1rem;font-weight:700}.setup-card-desc{color:var(--text-2);margin-bottom:24px;font-size:.85rem;line-height:1.6}.setup-steps{flex-direction:column;gap:14px;margin-bottom:28px;display:flex}.setup-step{color:var(--text-2);align-items:flex-start;gap:12px;font-size:.85rem;line-height:1.5;display:flex}.setup-step-num{width:26px;height:26px;color:var(--accent);background:#ff6b3524;border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:grid}.setup-link{color:var(--accent);font-weight:600;text-decoration:none}.setup-link:hover{text-decoration:underline}.setup-input-wrap{gap:10px;display:flex}.setup-input{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-family:monospace;font-size:16px;transition:border-color .2s}.setup-input:focus{border-color:var(--accent)}.setup-save{background:linear-gradient(135deg, var(--accent), var(--accent-pink));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:12px 28px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .2s}.setup-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 8px 24px #ff6b3533}.setup-save:disabled{opacity:.5;cursor:not-allowed}.setup-error{color:#f44;margin-top:10px;font-size:.8rem}.setup-footer{color:var(--text-3);font-size:.75rem}@keyframes fadeIn{0%{opacity:0}}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);background:#0009;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#151520;border-radius:20px;width:100%;max-width:400px;padding:28px;box-shadow:0 24px 64px #00000080}.modal-title{margin-bottom:20px;font-size:1.1rem;font-weight:700}.modal-section{margin-bottom:20px}.modal-label{color:var(--text-2);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.modal-input{background:var(--bg-raised);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;margin-bottom:12px;padding:10px 12px;font-family:monospace;font-size:16px;transition:border-color .2s}.modal-input:focus{border-color:var(--border-hover)}.modal-save{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:opacity .2s}.modal-save:hover{opacity:.85}.modal-danger{color:#ff2d55;cursor:pointer;background:#ff2d551a;border:1px solid #ff2d5533;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.modal-danger:hover{background:#ff2d5526}.modal-actions{gap:12px;display:flex}@media (max-width:480px){.player-main{gap:10px;padding:6px 14px 14px}.player-btn{padding:8px}.player-btn--play{width:42px;height:42px}.player-controls{gap:2px}.player-close-desktop{display:none}}@media (min-width:768px){.logo-text{font-size:2rem}}