*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #080808;--bg-surface: #111111;--bg-surface-hover: #1a1a1a;--border: #222222;--border-bright: #333333;--text-primary: #f0f0f0;--text-secondary: #999999;--text-muted: #555555;--pink: #ff2d78;--lime: #b8ff00;--orange: #ff6b2b;--cyan: #00f0ff;--violet: #bf5af2;--yellow: #ffe600;--green: #00ff88;--red: #ff3b3b;--blue: #3b82f6;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "JetBrains Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}#root{width:100%;min-height:100vh;background:var(--bg-primary)}.App{min-height:100vh;color:var(--text-primary);font-family:var(--font-mono)}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);position:relative;overflow:hidden}.gol-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-bottom:48px}.hero-word{font-family:var(--font-mono);font-weight:900;font-size:clamp(40px,8vw,80px);color:var(--text-primary);letter-spacing:-2px;line-height:.95;text-transform:uppercase}.hero-word-sm{font-size:clamp(14px,2vw,18px);color:var(--text-secondary);letter-spacing:8px;margin-bottom:8px;font-weight:700}.spotify-login-btn{position:relative;z-index:2;background:var(--green);color:#000;padding:16px 56px;font-size:14px;font-weight:800;font-family:var(--font-mono);border:none;border-radius:0;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:3px}.spotify-login-btn:disabled{cursor:default;opacity:.9}.spotify-login-btn:hover:not(:disabled){background:#fff;color:#000}.btn-content{display:flex;align-items:center;gap:12px}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--cyan);border-radius:50%}.spinner-small{width:18px;height:18px;border-width:2px;border-top-color:#000}.callback-loading{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px}.callback-loading p{font-size:13px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:2px}.dashboard{position:relative;min-height:100vh;padding:16px 20px;max-width:1440px;margin:0 auto}.ripple-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;opacity:.4;z-index:0}.dashboard>*:not(.ripple-canvas){position:relative}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:none;gap:16px;z-index:10000}.header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sync-indicator{width:6px;height:6px;border-radius:0;background:var(--cyan);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.np-ticker{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:0;padding:6px 16px 6px 10px;max-width:480px;width:100%;height:42px;min-width:0}.np-ticker-idle{padding:6px 16px;border-left-color:var(--text-muted)}.np-live-badge{font-size:9px;font-family:var(--font-mono);font-weight:800;color:#000;background:var(--green);padding:2px 6px;border-radius:0;letter-spacing:2px;flex-shrink:0;animation:blink 2s infinite}.np-idle-badge{font-size:9px;font-family:var(--font-mono);font-weight:700;color:var(--text-muted);background:var(--border);padding:2px 6px;border-radius:0;letter-spacing:2px;flex-shrink:0}.np-ticker-art{width:28px;height:28px;border-radius:0;flex-shrink:0}.np-ticker-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.np-ticker-track{font-size:11px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-ticker-artist{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-ticker-duration{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0}.header-right{display:flex;align-items:center;gap:10px;position:relative}.user-name{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px}.menu-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:4px 8px;border-radius:0;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .08s ease;overflow:visible;font-size:11px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:1px}.menu-btn svg{flex-shrink:0}.menu-btn:hover{color:var(--text-primary);border-color:var(--pink);background:#ff2d7814}.public-user-name{font-size:11px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.public-menu-btn{display:none}.dropdown-item-inert{cursor:default;display:block}.dropdown-item-inert:hover{background:transparent}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:0;overflow:hidden;min-width:220px;z-index:10000;box-shadow:0 8px 32px #0009}.dropdown-item{display:block;width:100%;padding:8px 14px;background:transparent;border:none;color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);font-weight:600;cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:1px;transition:all .08s ease}.dropdown-item:hover{background:#ffffff0d;color:var(--text-primary)}.dropdown-item+.dropdown-item{border-top:1px solid var(--border)}.dropdown-item-danger:hover{background:#ff3b3b1a;color:var(--red)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:2px}.stat-card{background:var(--bg-surface);border:none;border-radius:0;padding:16px 18px 14px;display:flex;flex-direction:column;gap:4px;border-top:3px solid var(--border)}.stat-card:nth-child(1){border-top-color:var(--cyan)}.stat-card:nth-child(2){border-top-color:var(--pink)}.stat-card:nth-child(3){border-top-color:var(--lime)}.stat-card:nth-child(4){border-top-color:var(--violet)}.stat-value{font-size:28px;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-1px;line-height:1.15}.stat-card:nth-child(1) .stat-value{color:var(--cyan)}.stat-card:nth-child(2) .stat-value{color:var(--pink)}.stat-card:nth-child(3) .stat-value{color:var(--lime)}.stat-card:nth-child(4) .stat-value{color:var(--violet)}.stat-trend{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;margin-left:6px;padding:3px 6px;vertical-align:middle;letter-spacing:0}.stat-trend-up{background:var(--green);color:#000}.stat-trend-down{background:var(--red);color:#000}.stat-value-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-label{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.top-song-card{flex-direction:row!important;align-items:center;gap:12px;position:relative;overflow:hidden;border-top:none!important;padding-top:19px}.top-song-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--violet);z-index:1}.top-song-card:after{content:"";position:absolute;top:0;left:0;right:0;height:0;background:repeating-linear-gradient(-45deg,var(--violet),var(--violet) 10px,#fff 10px,#fff 20px);background-size:28.28px 28.28px;background-repeat:repeat;background-position:var(--stripe-offset, 0px) 0;transition:height .12s cubic-bezier(.4,0,.2,1);z-index:0}.top-song-card:hover:after{height:100%}.top-song-art{width:52px;height:52px;border-radius:4px;flex-shrink:0;object-fit:cover;position:relative;z-index:2}.top-song-info{display:flex;flex-direction:column;gap:1px;min-width:0;position:relative;z-index:2}.top-song-label{font-size:10px;font-family:var(--font-mono);color:var(--violet);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.top-song-name{font-size:15px;font-weight:800;color:var(--text-primary);letter-spacing:-.3px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-song-artist{font-size:11px;color:var(--text-muted);font-weight:500}.top-song-card:hover .top-song-label,.top-song-card:hover .top-song-name,.top-song-card:hover .top-song-artist{color:#fff;mix-blend-mode:difference;-webkit-text-stroke:1px #000;paint-order:stroke fill}.top-song-card .stat-value,.top-song-card .stat-label{position:relative;z-index:2;transition:color .4s cubic-bezier(.4,0,.2,1)}.top-song-card:hover .stat-value,.top-song-card:hover .stat-label{color:#fff;mix-blend-mode:difference}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;min-height:45px;border-bottom:1px solid var(--border);background:#ffffff05}.panel-label{font-size:10px;font-family:var(--font-mono);font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:3px}.panel-count{font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.panel-badge{font-size:10px;font-family:var(--font-mono);color:var(--cyan);background:#00f0ff1a;padding:2px 8px;border-radius:0;font-weight:700}.window-selector{display:flex;gap:0}.window-btn{padding:4px 10px;background:transparent;border:1px solid var(--border);border-radius:0;color:var(--text-muted);font-size:10px;font-family:var(--font-mono);font-weight:700;cursor:pointer;transition:all .08s ease;letter-spacing:1px;margin-left:-1px}.window-btn:first-child{margin-left:0}.window-btn:hover{color:var(--text-secondary);background:#ffffff08}.window-btn.active{background:var(--pink);color:#000;border-color:var(--pink);position:relative;z-index:1}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.panel{background:var(--bg-surface);border:none;border-radius:0;overflow:hidden;display:flex;flex-direction:column}.track-list{flex:1}.track-row{display:flex;align-items:center;gap:10px;padding:7px 16px;border-bottom:1px solid var(--border);transition:background .06s ease}.track-row:last-child{border-bottom:none}.track-row:hover{background:var(--bg-surface-hover)}.track-row:hover .track-name{color:var(--cyan)}.track-art{width:32px;height:32px;border-radius:0;flex-shrink:0}.track-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.track-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .08s ease}.track-artist{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-time{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;white-space:nowrap}.artist-list{flex:1}.artist-row{display:flex;align-items:center;gap:10px;padding:8px 16px;border-bottom:1px solid var(--border);transition:background .06s ease}.artist-row:last-child{border-bottom:none}.artist-row:hover{background:var(--bg-surface-hover)}.artist-rank{font-size:14px;font-family:var(--font-mono);font-weight:900;color:var(--text-muted);width:22px;text-align:right;flex-shrink:0}.artist-art{width:32px;height:32px;border-radius:0;object-fit:cover;flex-shrink:0}.artist-art-placeholder{background:var(--bg-surface-hover);border:1px solid var(--border)}.artist-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.artist-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-bar-track{width:100%;height:4px;background:var(--border);border-radius:0;overflow:hidden}.artist-bar-fill{height:100%;background:var(--pink);border-radius:0}.artist-row-skeleton .artist-rank{color:var(--border-bright)}.skeleton-text{height:12px;width:60%;background:var(--border);animation:blink 1s infinite}.skeleton-block{background:var(--border);animation:blink 1s infinite}.skeleton-badge{width:36px;height:16px;background:var(--border);animation:blink 1s infinite;flex-shrink:0}.skeleton-bar{background:var(--border)!important;animation:blink 1s infinite}.artist-time{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);flex-shrink:0;white-space:nowrap;font-weight:600}.plays-panel{margin-bottom:2px}.plays-panel .panel-label{color:var(--orange)}.recent-panel .panel-label{color:var(--cyan)}.artists-panel .panel-label{color:var(--lime)}.plays-chart-container{padding:14px 16px;min-height:180px}.plays-chart{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;height:200px;gap:0}.plays-y-axis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:8px;width:40px}.plays-y-axis span{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);line-height:1;font-weight:600}.plays-bars{display:flex;align-items:flex-end;gap:1px;border-bottom:1px solid var(--border);min-width:0;overflow:visible;position:relative;padding-top:40px}.plays-bar-col{flex:1;height:100%;display:flex;align-items:flex-end;min-width:0}.pixel-car{position:absolute;bottom:2px;left:-20px;width:2px;height:2px;z-index:3;animation:drive 20s linear infinite;image-rendering:pixelated;background:#1e6ae1;box-shadow:2px 0 #1e6ae1,4px 0 #1e6ae1,6px 0 #1e6ae1,8px 0 #1e6ae1,-2px 2px #1e6ae1,0 2px #1e6ae1,2px 2px #1e6ae1,4px 2px #8df,6px 2px #8df,8px 2px #1e6ae1,10px 2px #1e6ae1,-4px 4px #2878f0,-2px 4px #1e6ae1,0 4px #1e6ae1,2px 4px #1e6ae1,4px 4px #fff,6px 4px #1e6ae1,8px 4px #1e6ae1,10px 4px #1e6ae1,12px 4px #1e6ae1,14px 4px #2878f0,-2px 6px #1e6ae1,0 6px #1e6ae1,2px 6px #1e6ae1,4px 6px #1e6ae1,6px 6px #1e6ae1,8px 6px #1e6ae1,10px 6px #1e6ae1,12px 6px #1e6ae1,14px 6px #1e6ae1,16px 6px #1545a0,0 8px #333,2px 8px #555,10px 8px #555,12px 8px #333}@keyframes drive{0%{left:var(--car-left);transform:scaleX(1)}45%{left:var(--car-right);transform:scaleX(1)}50%{left:var(--car-right);transform:scaleX(-1)}95%{left:var(--car-left);transform:scaleX(-1)}to{left:var(--car-left);transform:scaleX(1)}}.pixel-rocket{position:absolute;bottom:0;z-index:3;pointer-events:none}.pixel-rocket-sprite{position:absolute;bottom:0;width:2px;height:2px;image-rendering:pixelated;animation:launch 12s ease-in-out infinite;background:#e8e8e8;box-shadow:2px 0 #f33,0 2px #e8e8e8,2px 2px #f33,4px 2px #e8e8e8,0 4px #ccc,2px 4px #e8e8e8,4px 4px #ccc,0 6px #ccc,2px 6px #5cf,4px 6px #ccc,0 8px #e8e8e8,2px 8px #e8e8e8,4px 8px #e8e8e8,-2px 10px #f33,0 10px #ccc,2px 10px #ccc,4px 10px #ccc,6px 10px #f33,0 12px #f60,2px 12px #fa0,4px 12px #f60,2px 14px #f40,2px 16px #f208}.pixel-moon{position:absolute;bottom:160px;left:-4px;width:2px;height:2px;image-rendering:pixelated;background:#ffe866;box-shadow:2px 0 #ffe866,4px 0 #ffe866,6px 0 #ffe866,0 2px #ffe866,2px 2px #fff4a3,4px 2px #fff4a3,6px 2px #ffe866,8px 2px #ffe866,0 4px #ffe866,2px 4px #fff4a3,4px 4px #ddc844,6px 4px #fff4a3,8px 4px #ffe866,0 6px #ffe866,2px 6px #ffe866,4px 6px #fff4a3,6px 6px #ffe866,8px 6px #ffe866,2px 8px #ffe866,4px 8px #ffe866,6px 8px #ffe866}.hanging-man-wrapper{position:absolute;top:-16px;left:50%;transform:translate(-50%);pointer-events:none;z-index:4}.hanging-man-bubble{position:absolute;top:-20px;left:-4px;font-size:9px;font-family:var(--font-mono);font-weight:700;color:#000;background:#fff;padding:2px 5px;border-radius:3px;white-space:nowrap;line-height:1}.hanging-man-bubble:after{content:"";position:absolute;bottom:-2px;left:4px;width:0;height:0;border-left:2px solid transparent;border-right:2px solid transparent;border-top:2px solid #fff}.hanging-man{width:3px;height:3px;image-rendering:pixelated;background:#fc0;box-shadow:3px 0 #fc0,-3px 3px #fc0,6px 3px #fc0,0 3px #0f8,3px 3px #0f8,0 6px #ff2d78,3px 6px #ff2d78}.pixel-jet{position:absolute;top:20px;left:var(--jet-left);width:2px;height:2px;z-index:3;pointer-events:none;animation:fly 10s linear infinite;image-rendering:pixelated;background:#888;box-shadow:2px 0 #aaa,4px 0 #aaa,6px 0 #ccc,-2px 2px #888,0 2px #888,2px 2px #5cf,4px 2px #aaa,-6px 4px #888,-4px 4px #888,-2px 4px #888,0 4px #aaa,2px 4px #aaa,4px 4px #aaa,6px 4px #888,-10px 6px #666,-8px 6px #888,-6px 6px #888,-4px 6px #aaa,-2px 6px #aaa,0 6px #aaa,2px 6px #aaa,4px 6px #aaa,6px 6px #888,8px 6px #888,10px 6px #888,12px 6px #666,-2px 8px #888,0 8px #aaa,2px 8px #aaa,4px 8px #888,-6px 10px #666,-4px 10px #888,-2px 10px #888,0 10px #888,2px 10px #888,4px 10px #666,-8px 4px #f60,-10px 4px #fa0}@keyframes fly{0%{left:var(--jet-left);top:30px}20%{top:10px}40%{top:25px}60%{top:8px}80%{top:20px}to{left:var(--jet-right);top:15px}}@keyframes launch{0%,10%{bottom:0;opacity:1}70%{bottom:140px;opacity:1}80%{bottom:150px;opacity:0}90%,to{bottom:0;opacity:0}}.plays-bar{width:100%;background:var(--pink);border-radius:0;min-height:0;position:relative;overflow:visible}.plays-bar-col:hover .plays-bar,.plays-bar-col-peak .plays-bar{background:var(--yellow)}.plays-bar-col-nye{position:relative;overflow:visible}.nye-fireworks{position:absolute;left:50%;transform:translate(-50%);width:40px;height:60px;pointer-events:none;image-rendering:pixelated}.plays-bar-bday{background:#89cff0!important}.plays-bar-nye{background:#ffe600!important}.plays-bar-halloween{background:repeating-linear-gradient(0deg,#ff6b00,#ff6b00 3px,#888 3px,#888 6px)!important}.plays-bar-pride{background:repeating-linear-gradient(0deg,#e40303,#e40303 3px,#ff8c00 3px,#ff8c00 6px,#ffed00 6px,#ffed00 9px,#008026 9px,#008026 12px,#24408e 12px,#24408e 15px,#732982 15px,#732982 18px)!important}.plays-bar-xmas{background:repeating-linear-gradient(0deg,#c00,#c00 3px,#fff 3px,#fff 6px)!important}.plays-bar-july4{background:repeating-linear-gradient(0deg,#b22234,#b22234 3px,#fff 3px,#fff 6px,#3c3b6e 6px,#3c3b6e 9px)!important}.peak-annotation{position:absolute;top:0;pointer-events:none;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.peak-annotation:not(.peak-flip) .peak-label{align-self:flex-end;padding-left:20px}.peak-annotation.peak-flip{transform:translate(-100%)}.peak-annotation.peak-flip .peak-arrow{transform:scaleX(-1)}.peak-annotation.peak-flip .peak-label{align-self:flex-start;padding-right:20px}.peak-arrow{width:70px;height:30px;display:block;flex-shrink:0}.peak-label{font-family:Gaegu,Chalkboard SE,Marker Felt,cursive;font-size:14px;line-height:1;font-weight:700;color:var(--yellow);white-space:nowrap;letter-spacing:0;text-transform:none;font-style:italic}.plays-x-axis{grid-column:2;position:relative;height:18px;margin-top:4px}.x-label{position:absolute;font-size:9px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;transform:translate(-50%);font-weight:600}.artists-loading-text{font-family:var(--font-mono);color:var(--text-muted);animation:blink 1s infinite;text-transform:uppercase;letter-spacing:2px;font-size:11px}.trending-panel{margin-top:2px}.trending-panel .panel-label{color:var(--orange)}.panel-sublabel{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.trending-list{display:grid;grid-template-columns:repeat(3,1fr)}.trending-card{display:flex;align-items:center;gap:12px;padding:12px 16px;transition:background .06s ease;position:relative;overflow:hidden}.fire-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.trending-card-fire>*:not(.fire-canvas){position:relative;z-index:1}.trending-card+.trending-card{border-left:1px solid var(--border)}.trending-card:hover{background:var(--bg-surface-hover)}.trending-art{width:48px;height:48px;border-radius:0;flex-shrink:0;object-fit:cover}.trending-art-placeholder{background:var(--border)}.trending-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.trending-track{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-artist{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trending-plays{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary);font-weight:600}.trending-delta{font-size:22px;font-family:var(--font-mono);font-weight:900;flex-shrink:0;letter-spacing:-1px;line-height:1}.empty-state{padding:32px 16px;text-align:center;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:2px}.track-list::-webkit-scrollbar,.artist-list::-webkit-scrollbar{width:3px}.track-list::-webkit-scrollbar-track,.artist-list::-webkit-scrollbar-track{background:transparent}.track-list::-webkit-scrollbar-thumb,.artist-list::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:0}.track-list::-webkit-scrollbar-thumb:hover,.artist-list::-webkit-scrollbar-thumb:hover{background:var(--pink)}.dashboard-footer{padding:24px 0 16px;text-align:center}.footer-link{background:none;border:none;color:var(--text-muted);font-size:10px;font-family:var(--font-mono);font-weight:600;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:color .08s ease}.footer-link:hover{color:var(--text-secondary)}.footer-link-danger:hover{color:var(--red)}.footer-sep{color:var(--border-bright);font-size:10px;margin:0 8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--bg-surface);border:1px solid var(--border-bright);border-top:3px solid var(--pink);border-radius:0;padding:24px;max-width:400px;width:calc(100% - 32px);box-shadow:0 16px 48px #0009}.modal-title{font-size:13px;font-weight:800;color:var(--text-primary);margin-bottom:12px;text-transform:uppercase;letter-spacing:2px;font-family:var(--font-mono)}.modal-body{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.modal-wide{max-width:540px}.modal-scroll{max-height:60vh;overflow-y:auto;margin-bottom:20px}.modal-scroll h3{font-size:11px;font-weight:800;color:var(--pink);margin-top:16px;margin-bottom:6px;text-transform:uppercase;letter-spacing:2px;font-family:var(--font-mono)}.modal-scroll p{font-size:12px;color:var(--text-secondary);line-height:1.6;margin-bottom:4px}.modal-meta{font-size:11px!important;color:var(--text-muted)!important;font-family:var(--font-mono);margin-bottom:12px!important}.modal-scroll::-webkit-scrollbar{width:3px}.modal-scroll::-webkit-scrollbar-track{background:transparent}.modal-scroll::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:0}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-btn{padding:8px 18px;border-radius:0;font-size:11px;font-family:var(--font-mono);font-weight:700;cursor:pointer;border:none;transition:all .08s ease;text-transform:uppercase;letter-spacing:1px}.modal-btn:disabled{opacity:.5;cursor:default}.modal-btn-cancel{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.modal-btn-cancel:hover:not(:disabled){background:#ffffff0d;border-color:var(--border-bright)}.modal-btn-confirm{background:var(--red);color:#000;font-weight:800}.modal-btn-confirm:hover:not(:disabled){background:#f55}@media (max-width: 900px){.main-grid{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard{padding:8px}.stats-row{grid-template-columns:repeat(2,1fr)}.dashboard-header{flex-wrap:wrap}.header-center{order:3;width:100%;justify-content:flex-start}.np-ticker{max-width:none}.dashboard-header h1{font-size:11px;letter-spacing:3px}.np-ticker-duration{display:none}.stat-value{font-size:22px}.plays-bars{gap:0}.plays-y-axis{width:30px;padding-right:4px}.plays-chart-container{padding:14px 8px}.peak-annotation{display:none}.x-label{font-size:7px}.trending-list{grid-template-columns:repeat(2,1fr)}.trending-card:nth-child(3){display:none}.trending-card{flex-wrap:wrap}.trending-delta{width:100%;text-align:center}.menu-btn-name,.public-user-name{display:none}.public-menu-btn{display:flex}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}