:root{--page:#050605;--surface:#121212;--surface-hover:#242424;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#777;--accent:#1ed760;--accent-soft:#1ed76024;--border:#ffffff14;--grid-line:#ffffff0f;--radius-card:18px;--content-max:1720px;--desktop-gutter:clamp(32px, 2.5vw, 44px)}*{box-sizing:border-box}html{background:var(--page);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;max-width:100%;overflow-x:clip}body{max-width:100%;min-height:100vh;color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(circle at 16% -10%,#1ed76017,#0000 28rem),radial-gradient(circle at 92% 20%,#6b4fff12,#0000 25rem),linear-gradient(145deg,#090c0a 0%,#050605 48%,#08070c 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.ambient{z-index:-1;filter:blur(100px);pointer-events:none;border-radius:50%;position:fixed}.ambient-one{background:#1ed7601c;width:16rem;height:16rem;top:26rem;left:-12rem}.ambient-two{background:#6c54ff1a;width:20rem;height:20rem;top:68rem;right:-16rem}.app-shell{width:min(var(--content-max), 100%);min-height:100vh;padding:0 var(--desktop-gutter) 40px;margin:0 auto}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#000000e6;min-height:78px;position:sticky;top:0}.topbar-inner{width:min(var(--content-max), 100%);min-height:78px;padding-inline:var(--desktop-gutter);grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;display:grid}.brand{letter-spacing:-.04em;justify-self:start;align-items:center;gap:11px;font-size:18px;font-weight:790;display:inline-flex}.brand-mark{background:var(--accent);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 28px #1ed7602e}.brand-letter{color:#031408;letter-spacing:-.08em;font-size:20px;font-weight:900;line-height:1}.primary-nav{align-self:stretch;align-items:center;gap:clamp(18px,2vw,30px);display:flex}.nav-link{height:100%;color:var(--text-muted);place-items:center;font-size:11px;font-weight:680;transition:color .16s;display:grid;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{background:var(--accent);content:"";border-radius:999px 999px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.nav-short{display:none}.view-toggle{color:var(--text-muted);letter-spacing:.04em;justify-self:end;align-items:center;gap:10px;font-size:10px;font-weight:720;transition:color .16s;display:inline-flex;position:relative}.view-toggle:after{z-index:40;width:max-content;max-width:min(250px,100vw - 32px);color:var(--text-secondary);content:attr(data-tooltip);letter-spacing:0;opacity:0;pointer-events:none;text-align:left;text-transform:none;background:#0c0c0cf5;border:1px solid #ffffff21;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:650;line-height:1.35;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 13px);right:0;transform:translateY(-4px);box-shadow:0 12px 32px #00000061}.view-toggle:hover:after,.view-toggle:focus-visible:after{opacity:1;transform:translateY(0)}.view-toggle:hover,.view-toggle.active{color:var(--text-primary)}.view-toggle-track{background:#ffffff12;border:1px solid #ffffff2b;border-radius:999px;flex:none;width:38px;height:21px;transition:border-color .16s,background .16s;position:relative}.view-toggle-track>span{background:var(--text-muted);border-radius:50%;width:15px;height:15px;transition:transform .18s,background .18s,box-shadow .18s;position:absolute;top:2px;left:2px}.view-toggle.active .view-toggle-track{background:#1ed76029;border-color:#1ed76066}.view-toggle.active .view-toggle-track>span{background:var(--accent);transform:translate(17px);box-shadow:0 0 12px #1ed76073}.view-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:6px}.dashboard-page,.deep-dive-page{padding-top:46px}.lastfm-dashboard-explorer{padding-top:38px}.viewer-intro{grid-template-columns:minmax(0,1fr) minmax(370px,.62fr);align-items:end;gap:48px;margin-bottom:28px;display:grid}.viewer-intro h2{letter-spacing:-.045em;max-width:850px;margin:0;font-size:clamp(25px,2.8vw,38px);line-height:1.05}.viewer-intro>div>p:last-child{max-width:690px;color:var(--text-secondary);margin:14px 0 0;line-height:1.5}.viewer-search{border:1px solid var(--border);background:#121212e6;border-radius:16px;padding:14px}.viewer-search>label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px 2px;font-size:9px;font-weight:750;display:block}.viewer-search>div{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.viewer-search>div>span{color:var(--accent);font-size:18px;font-weight:800}.viewer-search input{border:1px solid var(--border);min-width:0;height:42px;color:var(--text-primary);background:#0b0c0b;border-radius:10px;outline:none;padding:0 12px}.viewer-search input:focus{border-color:#1ed76080}.viewer-search button{background:var(--accent);color:#041408;cursor:pointer;border:0;border-radius:999px;height:42px;padding:0 16px;font-size:13px;font-weight:800}.viewer-search button:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.45}.viewer-progress,.viewer-cache-status,.viewer-error{border:1px solid var(--border);background:#121212db;border-radius:16px}.viewer-progress{grid-template-columns:minmax(220px,auto) minmax(180px,1fr) auto;align-items:center;gap:20px;margin-bottom:24px;padding:16px 18px;display:grid}.viewer-progress>div{flex-direction:column;gap:4px;display:flex}.viewer-progress strong{font-size:12px}.viewer-progress span,.viewer-progress small{color:var(--text-muted);font-size:9px}.viewer-progress progress{width:100%;height:8px;accent-color:var(--accent);border:0;border-radius:999px;overflow:hidden}.viewer-error{color:#ff9292;border-color:#ff6b6b40;margin:0 0 24px;padding:14px 16px;font-size:12px}.viewer-cache-status{color:var(--text-muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;padding:10px 13px;font-size:10px;display:flex}.viewer-cache-status strong{color:var(--accent)}.viewer-cache-status button{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:7px 10px;font-size:9px}.viewer-cache-status button:hover{color:var(--text-primary);border-color:#ffffff2e}.owner-snapshot-divider{background:var(--border);height:1px;margin:34px 0 22px}.lastfm-dashboard-explorer.has-visitor-history+.example-data-panel{display:none}.example-data-panel{border:1px solid var(--border);border-radius:var(--radius-card);background:#121212b8;overflow:hidden}.example-data-panel>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px 20px;min-height:68px;padding:16px 20px;list-style:none;display:flex}.example-data-panel>summary::-webkit-details-marker{display:none}.example-data-panel>summary:after{color:var(--accent);content:"+";margin-left:auto;font-size:24px;font-weight:500;line-height:1}.example-data-panel[open]>summary:after{content:"−"}.example-data-panel>summary:hover{background:var(--surface-hover)}.example-data-panel>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.example-data-panel>summary span{font-size:14px;font-weight:780}.example-data-panel>summary small{color:var(--text-muted);font-size:10px}.example-data-content{border-top:1px solid var(--border);padding:0 20px 20px}.public-dashboard .range-toggle button{cursor:pointer;background:0 0;border:0}.public-dashboard .range-toggle button.active{background:var(--surface-hover)}.public-dashboard .playback-card{margin-bottom:34px}.dashboard-intro{justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px;display:flex}.eyebrow,.card-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 11px;font-size:11px;font-weight:780}.dashboard-intro h1,.deep-dive-intro h1{letter-spacing:-.065em;max-width:850px;margin:0;font-size:clamp(43px,4.5vw,64px);font-weight:820;line-height:.99}.deep-dive-intro>p:not(.eyebrow){max-width:690px;color:var(--text-secondary);margin:15px 0 0;font-size:16px;line-height:1.5}.snapshot-disclosure{color:#c7baff;background:#8f72ff12;border:1px solid #8f72ff33;border-radius:9px;width:fit-content;max-width:720px;margin:13px 0 0;padding:8px 11px;font-size:13px;font-weight:620;line-height:1.45}.history-status{flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding-bottom:8px;display:flex}.history-status>div{flex-direction:column;gap:4px;display:flex}.history-status strong{font-size:12px}.history-status>div>span{color:var(--text-muted);font-size:11px}.playback-card{border:1px solid var(--border);background:linear-gradient(100deg,#1ed76012,#0000 45%),#121212e6;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;min-height:88px;margin-bottom:16px;padding:14px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 70px #0003}.playback-live{border-color:#1ed76038}.playback-visual{background:var(--accent-soft);border-radius:13px;justify-content:center;align-items:center;gap:3px;width:48px;height:48px;display:flex}.playback-visual span{background:var(--accent);opacity:.72;border-radius:4px;width:3px;height:18px}.playback-visual span:nth-child(2){height:27px}.playback-visual span:nth-child(3){height:13px}.playback-live .playback-visual span{transform-origin:50%;animation:.9s ease-in-out infinite alternate playback-bars}.playback-live .playback-visual span:nth-child(2){animation-delay:-600ms}.playback-live .playback-visual span:nth-child(3){animation-delay:-300ms}.playback-live .playback-visual span:nth-child(4){animation-delay:-750ms}.playback-copy{min-width:0}.playback-copy .eyebrow{margin-bottom:5px}.playback-copy h2,.playback-copy>p:last-child{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.playback-copy h2{letter-spacing:-.035em;font-size:clamp(20px,2.5vw,30px)}.playback-copy>p:last-child{color:var(--text-muted);margin-top:5px;font-size:12px}.playback-copy>p strong{color:var(--text-secondary)}.playback-status{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;font-size:10px;font-weight:750;display:flex}.playback-status-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.playback-live .playback-status-dot{background:var(--accent);box-shadow:0 0 10px #1ed760b3}.primary-button{background:var(--accent);color:#041408;cursor:pointer;border:0;border-radius:999px;min-height:42px;font-size:12px;font-weight:800;transition:scale .15s,filter .15s}.primary-button:hover{filter:brightness(1.08);scale:1.02}.range-section,.lifetime-section{margin-bottom:52px}.section-heading,.panel-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-heading{margin-bottom:18px}.section-heading h2,.panel-heading h2{letter-spacing:-.035em;margin:0}.section-heading h2{font-size:28px}.range-toggle{border:1px solid var(--border);background:#0a0a0a;border-radius:999px;padding:4px;display:flex}.range-option{color:var(--text-muted);border-radius:999px;padding:9px 14px;font-size:11px;font-weight:700;transition:color .15s,background .15s}.range-option:hover{color:var(--text-primary)}.range-option.active{background:var(--surface-hover);color:var(--text-primary);box-shadow:inset 0 0 0 1px #ffffff0a}.range-short{display:none}.metric-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:12px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius-card);background:linear-gradient(145deg,#1b1b1bf5,#101010f5);min-height:140px;padding:18px;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.metric-card:hover,.panel:hover,.record-card:hover{border-color:#ffffff21;transform:translateY(-2px)}.metric-card>span,.metric-card>small{color:var(--text-muted);font-size:11px;display:block}.metric-card>span{letter-spacing:.08em;text-transform:uppercase;font-weight:740}.metric-card>strong{letter-spacing:-.06em;margin:16px 0 9px;font-size:clamp(33px,2.7vw,43px);font-weight:790;display:block}.metric-primary{background:radial-gradient(circle at 85% 10%,#1ed76036,#0000 10rem),linear-gradient(145deg,#18241b,#101411)}.metric-primary:after{content:"";border:1px solid #1ed76026;border-radius:50%;width:115px;height:115px;position:absolute;top:-30px;right:-15px}.featured-card{background:linear-gradient(105deg, #092714f5, #0c120efa 60%, #101010), var(--surface);cursor:pointer;border:1px solid #1ed76024;border-radius:24px;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);min-height:340px;margin-bottom:18px;padding:clamp(28px,4vw,50px);display:grid;position:relative;overflow:hidden}.featured-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.featured-card:before{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);content:"";opacity:.4;background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.featured-copy,.featured-orbit{z-index:1;position:relative}.featured-slide{animation:.42s ease-out featured-slide-in}.featured-pagination{z-index:2;gap:7px;display:flex;position:absolute;bottom:24px;left:clamp(28px,4vw,50px)}.featured-pagination button{cursor:pointer;background:#ffffff3b;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .18s,background .18s}.featured-pagination button:hover{background:#ffffff85}.featured-pagination button.active{background:var(--accent);width:24px}.featured-pagination button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card-kicker{align-items:center;gap:8px;display:flex}.kicker-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero-stat{letter-spacing:-.07em;margin:18px 0 12px;font-size:clamp(45px,5vw,66px);font-weight:820;line-height:.95}.featured-copy h2{max-width:720px;color:var(--text-secondary);margin:0;font-size:clamp(17px,1.5vw,22px);font-weight:510;line-height:1.55}.featured-copy q{color:var(--text-primary);font-weight:680}.rediscovery-dates{max-width:560px;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:14px;margin-top:24px;font-size:11px;font-weight:700;display:flex}.date-line{background:linear-gradient(90deg,#1ed760bf,#1ed7601f);flex:1;height:1px;position:relative}.date-line:before,.date-line:after{background:var(--accent);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:-3px}.date-line:before{left:0}.date-line:after{right:0}.featured-orbit{place-items:center;min-height:230px;display:grid}.orbit-ring{border:1px solid #1ed76024;border-radius:50%;position:absolute}.ring-one{width:270px;height:270px}.ring-two{width:190px;height:190px}.orbit-core{text-align:center;background:#1ed76014;border:1px solid #1ed76052;border-radius:50%;place-content:center;width:120px;height:120px;display:grid;box-shadow:0 0 75px #1ed7601a}.orbit-core span{letter-spacing:-.05em;font-size:24px;font-weight:800}.orbit-core small{color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:750}.analytics-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:14px;margin-bottom:52px;display:grid}.panel{border:1px solid var(--border);border-radius:var(--radius-card);background:#121212eb;min-width:0;padding:20px;transition:transform .18s,border-color .18s;overflow:hidden}.panel-heading{margin-bottom:11px}.panel-heading h2{font-size:20px}.panel-meta{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:650}.timeline-chart{width:100%;height:278px}.heatmap-chart{width:100%;height:270px}.calendar-chart{width:100%;height:185px}.heatmap-panel,.calendar-panel{grid-column:span 1}.ranked-list{flex-direction:column;gap:13px;margin:17px 0 0;padding:0;list-style:none;display:flex}.ranked-row{align-items:center;gap:13px;display:flex}.rank-number{color:#535353;font-variant-numeric:tabular-nums;width:23px;font-size:10px}.rank-main{flex:1;min-width:0}.rank-labels{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.rank-labels strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.rank-labels span{color:var(--text-muted);flex:none;font-size:9px}.rank-track{background:#ffffff0f;border-radius:999px;height:3px;overflow:hidden}.rank-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #87f4ad);height:100%;display:block}.lifetime-heading>p{max-width:290px;color:var(--text-muted);text-align:right;margin:0;font-size:11px;line-height:1.5}.record-carousel-controls{justify-content:flex-end;align-items:center;gap:13px;margin:-8px 0 14px;display:flex}.record-carousel-controls>span{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.record-carousel-controls>div{gap:7px;display:flex}.record-carousel-controls button{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:border-color .15s,background .15s,transform .15s;display:grid}.record-carousel-controls button:hover{background:var(--surface-hover);border-color:#1ed76061;transform:translateY(-1px)}.record-carousel-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.record-carousel-controls button span{font-size:18px;line-height:1}.record-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.record-page{animation:.22s ease-out record-page-in}.record-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-height:220px;padding:20px;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.record-card:after{content:"";filter:blur(2px);opacity:.12;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-52px;right:-44px}.record-green:after{background:var(--accent)}.record-violet:after{background:#8f72ff}.record-blue:after{background:#52a8ff}.record-amber:after{background:#f5b84b}.record-index{color:#4c4c4c;font-size:11px;font-weight:750}.record-card p{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;margin:24px 0 9px;font-size:10px;font-weight:750}.record-card>strong{letter-spacing:-.055em;font-size:30px;display:block}.record-card h3{text-overflow:ellipsis;white-space:nowrap;max-width:85%;margin:16px 0 4px;font-size:14px;overflow:hidden}.record-card>span{color:var(--text-muted);font-size:10px}.dashboard-footer{border-top:1px solid var(--border);color:#555;justify-content:space-between;gap:24px;padding:24px 0 4px;font-size:10px;display:flex}.deep-dive-page{padding-bottom:60px}.deep-dive-intro{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;max-width:1240px;margin:0 auto 30px;display:grid}.deep-dive-intro h1{max-width:760px;font-size:clamp(38px,4vw,58px)}.deep-dive-intro>p:not(.eyebrow){max-width:720px;font-size:14px}.privacy-pill{background:var(--accent-soft);color:#8cebad;border:1px solid #1ed7602b;border-radius:999px;grid-area:1/2/span 3;align-items:center;gap:8px;margin:0 0 3px;padding:8px 13px;font-size:10px;font-weight:700;display:inline-flex}.deep-dive-grid{max-width:1240px;margin:0 auto}.spotify-export-guide{background:linear-gradient(110deg,#1ed76012,#0000 44%),#121212d1;border:1px solid #1ed76029;border-radius:18px;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:22px 36px;max-width:1240px;margin:0 auto 22px;padding:20px 22px;display:grid}.spotify-workspace>.spotify-export-guide{width:100%;margin:0}.spotify-export-guide-copy h2,.spotify-export-guide-copy p{margin:0}.spotify-export-guide-copy h2{letter-spacing:-.035em;font-size:21px}.spotify-export-guide-copy>p:not(.eyebrow){color:var(--text-muted);margin-top:8px;font-size:10px;line-height:1.5}.spotify-export-guide-copy>a{color:var(--accent);align-items:center;gap:6px;margin-top:14px;font-size:11px;font-weight:780;display:inline-flex}.spotify-export-guide-copy>a:hover,.spotify-export-guide-note a:hover{text-underline-offset:3px;text-decoration:underline}.spotify-export-guide ol{counter-reset:export-step;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none;display:grid}.spotify-export-guide li{min-height:58px;color:var(--text-secondary);counter-increment:export-step;background:#ffffff06;border:1px solid #ffffff0f;border-radius:11px;padding:11px 11px 11px 39px;font-size:10px;line-height:1.45;position:relative}.spotify-export-guide li:before{background:var(--accent-soft);width:20px;height:20px;color:var(--accent);content:counter(export-step);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid;position:absolute;top:10px;left:10px}.spotify-export-guide-note{color:var(--text-muted);grid-column:1/-1;margin:-8px 0 0;font-size:9px}.spotify-export-guide-note a{color:var(--text-secondary)}.spotify-workspace{flex-direction:column;gap:17px;min-width:0;display:flex}.upload-card.spotify-upload-starter{min-height:390px}.spotify-results-panel .spotify-results{padding-top:20px}.spotify-results .snapshot-disclosure{margin:0 0 4px}.upload-card{text-align:center;background:radial-gradient(circle at 50% 20%,#1ed76012,#0000 18rem),#121212db;border:1px dashed #ffffff26;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:48px;display:flex}.upload-card-compact{align-items:center;justify-content:initial;border-radius:var(--radius-card);background:var(--surface);text-align:left;border-style:solid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;min-height:0;padding:18px 22px;display:grid}.upload-card-compact .upload-icon,.upload-card-compact>p:not(.eyebrow,.upload-error),.upload-card-compact .upload-note{display:none}.upload-card-compact .eyebrow{margin:0}.upload-card-compact h2{font-size:18px}.upload-card-compact .upload-actions{grid-area:1/2/span 2}.upload-card-compact .selected-files,.upload-card-compact .processing-progress,.upload-card-compact .upload-error{grid-column:1/-1;width:100%;margin:8px 0 0}.upload-icon{background:var(--accent-soft);width:70px;height:70px;color:var(--accent);border:1px solid #1ed76033;border-radius:50%;place-items:center;margin-bottom:28px;font-size:27px;display:grid}.upload-card h2{letter-spacing:-.05em;margin:0;font-size:clamp(25px,3vw,38px)}.upload-card>p:not(.eyebrow,.upload-error){max-width:520px;color:var(--text-secondary);margin:17px 0 26px;font-size:13px;line-height:1.65}.upload-card .primary-button,.secondary-button{min-width:190px;padding:0 22px}.upload-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.secondary-button{min-height:42px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:999px;font-size:11px;font-weight:750}.secondary-button:hover:not(:disabled){background:var(--surface-hover);border-color:#ffffff47}.secondary-button:disabled,.upload-actions .primary-button:disabled{cursor:wait;opacity:.5}.upload-note{color:var(--text-muted);margin-top:13px;font-size:9px}.upload-error{color:#ff8585;margin:0 0 16px;font-size:11px}.selected-files{border:1px solid var(--border);text-align:left;background:#0c0c0c;border-radius:10px;width:min(470px,100%);margin:0 0 22px;padding:12px}.selected-files div{justify-content:space-between;gap:12px;padding:5px;font-size:10px;display:flex}.selected-files span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-files small{color:var(--text-muted)}.processing-progress{width:min(470px,100%);margin:0 0 22px}.processing-progress>div{background:#ffffff12;border-radius:999px;height:4px;margin-bottom:9px;overflow:hidden}.processing-progress>div>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .18s;display:block}.processing-progress small{color:var(--text-muted);font-size:9px}.spotify-results{flex-direction:column;gap:13px;display:flex}.spotify-results-heading{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);justify-content:space-between;align-items:end;gap:20px;padding:24px;display:flex}.spotify-results-heading h2{letter-spacing:-.04em;margin:0;font-size:20px}.snapshot-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.snapshot-actions button{border:1px solid var(--border);min-height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:999px;padding:0 13px;font-size:9px;font-weight:700}.snapshot-actions button:hover:not(:disabled){color:var(--text-primary);border-color:#fff3}.snapshot-actions button:first-child{background:var(--accent-soft);color:#8cebad;border-color:#1ed76033}.spotify-summary-grid,.spotify-trip-detail-grid,.spotify-insight-grid{gap:10px;display:grid}.spotify-summary-grid{grid-template-columns:repeat(4,1fr)}.spotify-trip-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spotify-summary-grid article,.spotify-trip-detail-grid article,.spotify-insight-grid article,.spotify-chart-panel,.spotify-breakdowns article{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.spotify-summary-grid article{padding:20px}.spotify-summary-grid span,.spotify-insight-grid span{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:12px;font-size:9px;font-weight:730;display:block}.spotify-summary-grid strong{letter-spacing:-.05em;font-size:27px;display:block}.spotify-summary-grid small{color:var(--text-muted);margin-top:8px;font-size:9px;line-height:1.45;display:block}.spotify-trip-detail-grid article{min-width:0;padding:20px}.spotify-trip-detail-grid header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:15px;display:flex}.spotify-trip-detail-grid header span,.spotify-trip-detail-grid dt{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:730;display:block}.spotify-trip-detail-grid h4{letter-spacing:-.04em;margin:5px 0 0;font-size:22px}.spotify-trip-detail-grid header small{color:var(--text-muted);text-align:right;font-size:9px}.spotify-trip-detail-grid dl{grid-template-columns:.85fr 1.5fr 1fr;gap:18px;margin:17px 0 0;display:grid}.spotify-trip-detail-grid dd{min-width:0;color:var(--text-primary);margin:7px 0 0;font-size:14px;font-weight:720;line-height:1.35}.spotify-trip-detail-grid dd strong,.spotify-trip-detail-grid dd small{text-overflow:ellipsis;display:block;overflow:hidden}.spotify-trip-detail-grid dd strong{white-space:nowrap}.spotify-trip-detail-grid dd small{color:var(--text-muted);margin-top:3px;font-size:9px;font-weight:500}.spotify-chart-panel{padding:23px}.spotify-chart-panel h3{margin:0;font-size:16px}.spotify-duration-chart{width:100%;height:270px}.spotify-analysis-section{flex-direction:column;gap:10px;padding-top:12px;display:flex}.spotify-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.spotify-analysis-grid .spotify-chart-panel{min-width:0}.spotify-wide-chart-panel{grid-column:1/-1}.spotify-chart-copy{justify-content:space-between;align-items:flex-end;gap:18px;min-height:37px;display:flex}.spotify-chart-copy h4{margin:0;font-size:14px}.spotify-chart-copy p{max-width:320px;color:var(--text-muted);text-align:right;margin:0;font-size:8px;line-height:1.45}.spotify-analysis-chart{width:100%;height:250px;margin-top:12px}.spotify-section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.spotify-section-heading h3{margin:0;font-size:16px}.spotify-section-heading>p{max-width:510px;color:var(--text-muted);margin:0;font-size:9px;line-height:1.5}.spotify-behavior-section,.spotify-trip-section,.spotify-insight-section{flex-direction:column;gap:10px;padding-top:12px;display:flex}.spotify-behavior-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.spotify-behavior-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);min-width:0;padding:18px}.spotify-behavior-card>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.spotify-behavior-card span{color:var(--text-secondary);font-size:9px;font-weight:730}.spotify-behavior-card strong{letter-spacing:-.04em;font-size:16px}.spotify-behavior-meter{background:#ffffff12;border-radius:999px;height:4px;margin-top:13px;overflow:hidden}.spotify-behavior-meter>span{border-radius:inherit;background:#777;height:100%;display:block}.spotify-behavior-card.green .spotify-behavior-meter>span{background:var(--accent)}.spotify-behavior-card.violet .spotify-behavior-meter>span{background:#8f72ff}.spotify-behavior-card.blue .spotify-behavior-meter>span{background:#52a8ff}.spotify-behavior-card.amber .spotify-behavior-meter>span{background:#f5b84b}.spotify-behavior-card p{color:var(--text-muted);margin:11px 0 0;font-size:8px;line-height:1.45}.spotify-insight-grid{grid-template-columns:repeat(2,1fr)}.spotify-insight-grid article{min-width:0;padding:20px}.spotify-ranking-card .spotify-ranking-label{margin-bottom:0}.spotify-ranking-description{min-height:30px;color:var(--text-muted);margin:7px 0 13px;font-size:9px;line-height:1.45}.spotify-ranking-list{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.spotify-ranking-list li{border-top:1px solid #ffffff0e;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:10px 0;display:grid}.spotify-ranking-list b{background:var(--accent-soft);width:20px;height:20px;color:var(--accent);border-radius:50%;place-items:center;font-size:8px;display:grid}.spotify-ranking-list div{min-width:0}.spotify-ranking-list strong,.spotify-ranking-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.spotify-ranking-list strong{font-size:11px}.spotify-ranking-list small{color:var(--text-muted);margin-top:3px;font-size:8px}.spotify-ranking-list em{color:var(--text-secondary);white-space:nowrap;font-size:9px;font-style:normal;font-weight:700}.spotify-ranking-empty{color:var(--text-muted);margin:20px 0 0;font-size:10px}.spotify-breakdowns{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.spotify-breakdowns article{padding:22px}.spotify-breakdowns article:last-child{grid-column:auto}.spotify-breakdowns .spotify-device-breakdown{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;display:grid}.spotify-device-breakdown h3{grid-column:1/-1}.spotify-breakdowns h3{margin:0 0 17px;font-size:13px}.spotify-breakdowns article>div{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0;display:flex}.spotify-breakdowns article>div:last-child{border-bottom:0}.spotify-breakdowns span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.spotify-breakdowns strong{flex:none;font-size:10px}.centered-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.state-mark{color:#ff7e7e;border:1px solid #ff6e6e4d;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:24px;font-size:25px;display:grid}.centered-state h1{letter-spacing:-.05em;max-width:580px;margin:0;font-size:35px}.muted-copy{color:var(--text-muted);margin:16px 0 24px}.centered-state .primary-button{padding:0 24px}.loading-shell{padding-top:24px}.shimmer{background:linear-gradient(90deg,#111 20%,#1a1a1a 50%,#111 80%) 0 0/250% 100%;border-radius:16px;animation:1.6s linear infinite shimmer;overflow:hidden}.loading-nav{height:54px}.loading-title{width:58%;height:82px;margin-top:80px}.loading-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px;display:grid}.loading-card{height:170px}.loading-chart{height:380px;margin-top:18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes shimmer{to{background-position:-250% 0}}@keyframes playback-bars{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes record-page-in{0%{opacity:.55;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes featured-slide-in{0%{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.command-center-shell{height:calc(100svh - 78px);min-height:0;padding-bottom:12px}.command-center-page{grid-template-rows:auto auto minmax(0,1fr);gap:10px;height:100%;padding-top:12px;display:grid}.command-toolbar{border:1px solid var(--border);background:#0f110ff0;border-radius:14px;grid-template-columns:auto minmax(440px,1fr) auto auto;align-items:center;gap:10px;padding:7px 9px;display:grid}.command-range,.command-range>div:first-child,.command-sync,.command-sync>div{align-items:center;display:flex}.command-range{gap:10px}.command-range>div:first-child,.command-sync>div{flex-direction:column;align-items:flex-start;gap:2px}.command-range>div:first-child>span,.command-sync>div>span{color:var(--text-muted);letter-spacing:.11em;text-transform:uppercase;font-size:8px;font-weight:750}.command-range>div:first-child>strong,.command-sync>div>strong{white-space:nowrap;font-size:11px}.command-range .range-toggle{padding:2px}.command-range .range-option{padding:6px 8px;font-size:9px}.command-range .range-full{display:none}.command-range .range-short{display:inline}.command-sync{gap:8px}.command-summary{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:10px;display:grid}.command-summary .playback-card{border-radius:14px;min-height:68px;margin:0;padding:9px 12px}.command-summary .playback-visual{width:42px;height:42px}.command-summary .playback-copy h2{font-size:18px}.command-summary .playback-copy>p:last-child{margin-top:2px}.command-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.command-metric{border:1px solid var(--border);background:#121212e6;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.command-metric-primary{background:linear-gradient(145deg,#18241b,#101411);border-color:#1ed7602e}.command-metric>span{color:var(--text-muted);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:750}.command-metric>strong{letter-spacing:-.055em;text-overflow:ellipsis;font-size:clamp(17px,1.45vw,27px);overflow:hidden}.command-workspace{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;min-height:0;display:grid}.command-panel{border-radius:14px;flex-direction:column;min-height:0;padding:11px 12px;display:flex}.command-panel .panel-heading{flex:none;margin-bottom:2px}.command-panel .eyebrow,.command-lifetime .eyebrow{margin-bottom:3px;font-size:8px}.command-panel .panel-heading h2,.command-lifetime h2{font-size:14px}.command-panel .panel-meta{font-size:8px}.command-panel .timeline-chart,.command-panel .heatmap-chart,.command-panel .calendar-chart{flex:1;height:auto;min-height:0}.command-timeline,.command-heatmap{grid-column:1/span 5}.command-timeline{grid-row:1}.command-heatmap{grid-row:2}.command-featured,.command-calendar{grid-column:6/span 4;min-height:0}.command-featured{grid-row:1}.command-calendar{grid-row:2}.command-artists{grid-area:1/10/span 2/span 3;min-height:0}.command-featured .featured-card{border-radius:14px;grid-template-columns:1fr;height:100%;min-height:0;margin:0;padding:13px 14px 28px}.command-featured .featured-orbit{display:none}.command-featured .card-kicker{margin-bottom:0;font-size:8px}.command-featured .hero-stat{margin:8px 0 5px;font-size:clamp(24px,2.3vw,38px)}.command-featured .featured-copy h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(10px,.8vw,13px);line-height:1.35;display:-webkit-box;overflow:hidden}.command-featured .rediscovery-dates{gap:7px;margin-top:8px;font-size:8px}.command-featured .featured-pagination{gap:4px;bottom:10px;left:14px}.command-featured .featured-pagination button{width:5px;height:5px}.command-featured .featured-pagination button.active{width:14px}.command-artists .ranked-list{gap:clamp(3px,.55vh,8px);min-height:0;margin-top:5px}.command-artists .ranked-row{gap:7px}.command-artists .rank-labels{margin-bottom:3px}.command-artists .rank-labels strong{font-size:9px}.command-artists .rank-labels span,.command-artists .rank-number{font-size:7px}.command-lifetime{border:1px solid var(--border);background:#121212c2;border-radius:14px;grid-area:3/1/auto/-1;min-height:0;padding:11px 12px;position:relative;overflow:hidden}.command-lifetime-heading{width:125px;position:absolute;top:14px;left:14px}.command-lifetime .record-carousel{grid-template-rows:26px minmax(0,1fr);height:100%;margin-left:140px;display:grid}.command-lifetime .record-carousel-controls{margin:0}.command-lifetime .record-carousel-controls button{width:24px;height:24px}.command-lifetime .record-carousel-controls button span{font-size:12px}.command-lifetime .record-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:0}.command-lifetime .record-card{border-radius:9px;grid-template-rows:auto auto auto;grid-template-columns:minmax(82px,.78fr) minmax(0,1.22fr);align-content:center;gap:2px clamp(8px,.8vw,15px);min-height:0;padding:clamp(7px,.65vw,11px);display:grid}.command-lifetime .record-index{display:none}.command-lifetime .record-card p{grid-column:1/-1;margin:0 0 1px;font-size:clamp(7px,.55vw,9px)}.command-lifetime .record-card>strong{text-overflow:ellipsis;white-space:nowrap;grid-area:2/1/span 2;align-self:center;font-size:clamp(18px,1.45vw,27px);line-height:1;overflow:hidden}.command-lifetime .record-card h3{grid-area:2/2;max-width:100%;margin:0;font-size:clamp(9px,.7vw,12px)}.command-lifetime .record-card>span{text-overflow:ellipsis;white-space:nowrap;grid-area:3/2;font-size:clamp(7px,.55vw,9px);display:block;overflow:hidden}@media (max-width:1180px){.command-center-shell{height:auto;min-height:calc(100svh - 78px);padding-bottom:32px}.command-center-page{height:auto}.command-toolbar{grid-template-columns:1fr auto auto}.command-summary{grid-template-columns:1fr}.command-workspace{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.command-timeline,.command-featured,.command-artists,.command-heatmap,.command-calendar{grid-area:auto;min-height:250px}.command-lifetime{grid-area:auto/1/auto/-1;min-height:330px}}@media (max-width:1050px){.app-shell,.topbar-inner{padding-inline:24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.featured-card{grid-template-columns:minmax(0,1.4fr) 230px}.ring-one{width:220px;height:220px}.ring-two{width:155px;height:155px}.analytics-grid{grid-template-columns:1fr 1fr}.timeline-panel{grid-column:1/-1}.spotify-behavior-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spotify-trip-detail-grid{grid-template-columns:1fr}.viewer-intro{grid-template-columns:1fr;gap:24px}}@media (max-width:760px){body{background-attachment:scroll}.app-shell{padding-inline:16px}.topbar,.topbar-inner{min-height:66px}.topbar-inner{grid-template-columns:auto minmax(0,1fr) auto;column-gap:6px;padding-inline:16px}.primary-nav{justify-self:end;gap:18px}.nav-link{font-size:11px}.view-toggle-label{display:none}.view-toggle{justify-content:center;min-width:44px;min-height:44px}.dashboard-page,.deep-dive-page{padding-top:48px}.dashboard-intro{flex-direction:column;align-items:start}.history-status{padding:0}.playback-card{grid-template-columns:auto minmax(0,1fr)}.playback-status{grid-column:2}.range-heading{flex-direction:column;align-items:start}.range-toggle{scrollbar-width:none;justify-content:space-between;width:100%;overflow-x:auto}.range-toggle::-webkit-scrollbar{display:none}.range-option{flex:1 0 auto;min-height:40px;padding-inline:12px}.range-full{display:none}.range-short{display:inline}.featured-card{grid-template-columns:1fr;padding:34px 25px 60px}.featured-pagination{bottom:22px;left:25px}.featured-orbit{display:none}.analytics-grid{grid-template-columns:1fr}.timeline-panel,.ranking-panel,.heatmap-panel,.calendar-panel{grid-column:1}.record-grid{grid-template-columns:1fr}.record-card{min-height:230px}.upload-card{min-height:460px;padding:30px 20px}.viewer-search input,.viewer-search button,.primary-button,.secondary-button{min-height:44px}.example-data-panel>summary{gap:5px 12px;padding:14px 16px}.example-data-panel>summary small{flex-basis:calc(100% - 36px)}.example-data-content{padding:0 10px 12px}.deep-dive-intro{grid-template-columns:1fr}.privacy-pill{grid-area:auto/1;width:fit-content;margin-top:8px}.upload-card-compact{grid-template-columns:1fr;min-height:0;padding:16px}.upload-card-compact .upload-actions{grid-area:auto/1;justify-content:flex-start}.spotify-results-heading{flex-direction:column;align-items:flex-start;padding:16px}.snapshot-actions{justify-content:flex-start}.dashboard-footer{flex-direction:column}.spotify-summary-grid,.spotify-trip-detail-grid{grid-template-columns:1fr}.spotify-summary-grid article,.spotify-trip-detail-grid article,.spotify-chart-panel,.spotify-insight-grid article,.spotify-breakdowns article{padding:16px}.spotify-trip-detail-grid header{flex-direction:column;align-items:flex-start;gap:6px}.spotify-trip-detail-grid header small{text-align:left}.spotify-trip-detail-grid dl{grid-template-columns:1fr;gap:14px}.spotify-behavior-grid,.spotify-insight-grid,.spotify-analysis-grid,.spotify-breakdowns{grid-template-columns:1fr}.spotify-wide-chart-panel{grid-column:auto}.spotify-chart-copy{flex-direction:column;align-items:flex-start;gap:5px}.spotify-chart-copy p{text-align:left}.spotify-analysis-chart{height:220px}.spotify-section-heading{flex-direction:column;align-items:flex-start;gap:7px}.spotify-breakdowns .spotify-device-breakdown,.spotify-export-guide,.spotify-export-guide ol{grid-template-columns:1fr}.spotify-export-guide{gap:16px;padding:16px}.spotify-export-guide-note{margin-top:0;line-height:1.5}.lastfm-dashboard-explorer{padding-top:30px}.viewer-progress{grid-template-columns:1fr;gap:12px}.viewer-cache-status{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.brand>span:last-child{display:none}.primary-nav{gap:13px}.dashboard-intro h1,.deep-dive-intro h1{font-size:43px}.playback-card{gap:14px;padding:16px}.playback-visual{width:46px;height:46px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:145px}.metric-card>strong{margin-block:17px 10px}.panel{padding:19px 12px}.panel-heading{padding-inline:8px}.lifetime-heading{flex-direction:column;align-items:start}.lifetime-heading>p{text-align:left}.viewer-intro h2{font-size:39px}.viewer-search>div{grid-template-columns:auto minmax(0,1fr)}.viewer-search button{grid-column:1/-1}}html.command-mode .deep-dive-page{padding-top:12px;padding-bottom:16px}html.command-mode .deep-dive-intro{display:none}html.command-mode .deep-dive-grid{max-width:none}html.command-mode .spotify-workspace,html.command-mode .spotify-results{gap:8px}html.command-mode .upload-card,html.command-mode .upload-card-compact{border-radius:14px;min-height:122px;padding:14px 18px}html.command-mode .upload-icon,html.command-mode .upload-card>p:not(.eyebrow,.upload-error),html.command-mode .upload-note{display:none}html.command-mode .upload-card .eyebrow{margin-bottom:5px;font-size:8px}html.command-mode .upload-card h2{font-size:18px}html.command-mode .upload-actions{margin-top:10px}html.command-mode .upload-card .primary-button,html.command-mode .upload-card .secondary-button{min-width:0;min-height:32px;padding-inline:14px;font-size:9px}html.command-mode .spotify-results-heading{border-radius:12px;align-items:center;padding:12px 14px}html.command-mode .spotify-results-heading .eyebrow{margin-bottom:4px;font-size:8px}html.command-mode .spotify-results-heading h2{font-size:14px}html.command-mode .spotify-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}html.command-mode .spotify-trip-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}html.command-mode .spotify-trip-detail-grid article{border-radius:11px;padding:10px}html.command-mode .spotify-trip-detail-grid header{padding-bottom:8px}html.command-mode .spotify-trip-detail-grid h4{font-size:16px}html.command-mode .spotify-trip-detail-grid dl{gap:10px;margin-top:9px}html.command-mode .spotify-trip-detail-grid dd{font-size:11px}html.command-mode .spotify-summary-grid article{border-radius:11px;padding:10px}html.command-mode .spotify-summary-grid span{min-height:20px;margin-bottom:5px;font-size:7px}html.command-mode .spotify-summary-grid strong{font-size:clamp(16px,1.6vw,23px)}html.command-mode .spotify-summary-grid small{display:none}html.command-mode .spotify-chart-panel{border-radius:12px;padding:12px}html.command-mode .spotify-chart-panel .eyebrow{display:none}html.command-mode .spotify-chart-panel h3{font-size:12px}html.command-mode .spotify-duration-chart{height:185px}html.command-mode .spotify-analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}html.command-mode .spotify-analysis-grid .spotify-chart-panel{padding:10px}html.command-mode .spotify-wide-chart-panel{grid-column:span 2}html.command-mode .spotify-chart-copy{min-height:0}html.command-mode .spotify-chart-copy h4{font-size:11px}html.command-mode .spotify-chart-copy p{display:none}html.command-mode .spotify-analysis-chart{height:150px;margin-top:4px}html.command-mode .spotify-section-heading>p{display:none}html.command-mode .spotify-behavior-section,html.command-mode .spotify-analysis-section,html.command-mode .spotify-trip-section,html.command-mode .spotify-insight-section{gap:7px;padding-top:5px}html.command-mode .spotify-behavior-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}html.command-mode .spotify-behavior-card{border-radius:11px;padding:10px}html.command-mode .spotify-behavior-card p{display:none}html.command-mode .spotify-behavior-meter{margin-top:7px}html.command-mode .spotify-insight-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}html.command-mode .spotify-insight-grid article,html.command-mode .spotify-breakdowns article{border-radius:12px;padding:12px}html.command-mode .spotify-ranking-description{min-height:24px;margin-block:4px 7px;font-size:8px}html.command-mode .spotify-ranking-list li{padding-block:7px}html.command-mode .spotify-breakdowns{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}html.command-mode .spotify-device-breakdown{grid-template-columns:repeat(4,minmax(0,1fr))}html.command-mode .spotify-breakdowns h3{margin-bottom:9px;font-size:11px}html.command-mode .spotify-breakdowns article>div{padding-block:5px}@media (min-width:761px){html.command-mode .public-dashboard .playback-card{min-height:66px;margin-bottom:8px;padding:8px 12px}html.command-mode .public-dashboard .playback-visual{width:40px;height:40px}html.command-mode .public-dashboard .range-section,html.command-mode .public-dashboard .analytics-grid,html.command-mode .public-dashboard .lifetime-section{margin-bottom:10px}html.command-mode .public-dashboard .section-heading{margin-bottom:7px}html.command-mode .public-dashboard .section-heading h2{font-size:17px}html.command-mode .public-dashboard .range-option{padding:6px 9px;font-size:9px}html.command-mode .public-dashboard .metric-grid{gap:7px}html.command-mode .public-dashboard .metric-card{border-radius:12px;min-height:78px;padding:11px 13px}html.command-mode .public-dashboard .metric-card>strong{margin-block:8px 2px;font-size:24px}html.command-mode .public-dashboard .metric-card>small{font-size:8px}html.command-mode .public-dashboard .featured-card{border-radius:14px;grid-template-columns:1fr;min-height:205px;margin-bottom:8px;padding:20px 22px 34px}html.command-mode .public-dashboard .featured-orbit{display:none}html.command-mode .public-dashboard .featured-pagination{bottom:12px;left:22px}html.command-mode .public-dashboard .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html.command-mode .public-dashboard .timeline-panel,html.command-mode .public-dashboard .heatmap-panel,html.command-mode .public-dashboard .calendar-panel{grid-column:auto}html.command-mode .public-dashboard .panel{border-radius:12px;padding:12px}html.command-mode .public-dashboard .panel-heading h2{font-size:14px}html.command-mode .public-dashboard .timeline-chart,html.command-mode .public-dashboard .heatmap-chart,html.command-mode .public-dashboard .calendar-chart{height:180px}html.command-mode .public-dashboard .lifetime-heading{margin-bottom:8px}html.command-mode .public-dashboard .record-card{min-height:150px;padding:12px}html.command-mode .public-dashboard .record-card p{margin-top:9px}html.command-mode .public-dashboard .record-card>strong{font-size:23px}}@media (max-width:760px){html.command-mode .spotify-summary-grid,html.command-mode .spotify-behavior-grid,html.command-mode .spotify-trip-detail-grid,html.command-mode .spotify-analysis-grid,html.command-mode .spotify-insight-grid,html.command-mode .spotify-breakdowns{grid-template-columns:1fr}html.command-mode .spotify-wide-chart-panel{grid-column:auto}.nav-full{display:none}.nav-short{display:inline}.command-center-shell{min-height:calc(100svh - 66px)}.command-toolbar{grid-template-columns:1fr}.command-range,.command-sync{justify-content:space-between}.command-sync{grid-row:2}.command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.command-workspace{grid-template-columns:1fr}.command-timeline,.command-featured,.command-artists,.command-heatmap,.command-calendar,.command-lifetime{grid-column:1}.command-lifetime{min-height:530px}.command-lifetime-heading{width:auto;margin-bottom:8px;position:static}.command-lifetime .record-carousel{height:auto;margin-left:0}.command-lifetime .record-grid{grid-template-rows:repeat(3,minmax(130px,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.command-lifetime .record-card{min-height:130px;padding:12px}.command-lifetime .record-card p{font-size:8px}.command-lifetime .record-card>strong{font-size:20px}.command-lifetime .record-card h3{margin-top:8px;font-size:11px}}@media (max-width:480px){.primary-nav{gap:10px}.command-range{flex-direction:column;align-items:flex-start}.command-range .range-toggle{width:100%}.command-lifetime .record-grid{grid-template-rows:none;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}