:root{font-family:DM Sans,sans-serif;color:#ededdf;background:#111310;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #111310;--panel: #191c17;--line: #2a2e25;--muted: #979d90;--soft: #bdc3b3;--lime: #d6f58c;--heading: "Manrope", sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:default;opacity:.5}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:#d6f58c;color:#171d10}svg{flex-shrink:0}button,a,input,select{transition:background .2s,color .2s,border-color .2s,opacity .2s,transform .2s}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#3a4032;border-radius:6px}::-webkit-scrollbar-track{background:var(--bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-150%);z-index:100;background:var(--lime);color:#171d10;padding:12px 18px;border-radius:6px}.skip-link:focus{transform:translateY(0)}.app-shell{max-width:2000px;margin:0 auto;min-height:100vh}.sidebar{width:230px;position:fixed;inset:0 auto;display:flex;flex-direction:column;padding:36px 20px 0;border-right:1px solid var(--line);background:#141611;z-index:20}.brand{display:flex;align-items:center;font-family:var(--heading);font-size:20px;font-weight:650;letter-spacing:-1.15px;white-space:nowrap}.brand-mark{display:grid;place-items:center;color:var(--lime);margin-right:10px}.sidebar nav{margin-top:36px;display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;border-radius:7px;padding:13px 14px;width:100%;text-align:left;color:#b2b8a8;font-size:12px;font-weight:500;position:relative}.nav-item.active{background:#252e1c;color:var(--lime)}.nav-item:hover{background:#23271e;color:#edf2e1}.nav-item.active i{height:5px;width:5px;background:var(--lime);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-bottom>.nav-item{font-size:10px;gap:10px;padding:15px 9px;color:#979f8c}.sidebar-profile{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:22px 0}.profile-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;font-size:11px;font-weight:700;color:#e8eac4;background:linear-gradient(135deg,#777458,#33392a);border:1px solid #777853}.sidebar-profile>div{display:flex;flex-direction:column;gap:6px;min-width:0}.sidebar-profile>div>span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px;font-weight:550}.sidebar-profile small{font-size:8px;display:flex;gap:5px;align-items:center;color:#9ca48e}.sidebar-profile>a{margin-left:auto;color:#8d9582}.status-dot{width:5px;height:5px;background:var(--lime);display:inline-block;border-radius:50%;flex-shrink:0}.status-dot.warning{background:#e3b46c}main{margin-left:230px;min-width:0;outline:none}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line)}.breadcrumb{display:flex;gap:17px;align-items:center;font-size:11px;color:#979e90}.breadcrumb>span{color:#555d4e;font-size:15px}.breadcrumb strong{font-weight:500;color:#d2d7c9}.topbar-actions{display:flex;gap:17px;align-items:center}.connection-pill{font-size:10px;color:#b7c4a1;display:inline-flex;align-items:center;gap:7px}.connection-pill .status-dot{box-shadow:0 0 8px #b9e46b35}.connection-pill.is-warning{color:#d3bc8e}.is-warning .status-dot{background:#d3bc8e}.icon-button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:#acb49f;border-radius:6px}.icon-button:hover{background:#2d3424;color:var(--lime)}.refresh-button{border-left:1px solid var(--line);border-radius:0;padding-left:14px;width:32px}.refreshing svg{animation:spin 2s linear infinite}.page-content{padding:32px 38px 0;max-width:1610px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.85px;color:#929b84;line-height:1.6}.page-heading .eyebrow{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.7px;margin-bottom:11px}.page-heading h1{font-family:var(--heading);font-size:31px;font-weight:650;letter-spacing:-1.35px;line-height:1.25}.page-heading h1>span{color:#8f9980}.page-subtitle{color:var(--muted);font-size:11px;margin-top:11px;letter-spacing:.1px}.page-heading-right{display:flex;flex-direction:column;gap:15px;align-items:flex-end;align-self:stretch;justify-content:center}.today{font-size:9px;color:var(--muted)}.period-select{position:relative;display:flex;align-items:center}.period-select select{appearance:none;background:#1d2119;border:1px solid #353d2b;border-radius:6px;color:#d0d8c4;padding:9px 36px 9px 13px;font-size:10px;cursor:pointer;min-width:123px}.period-select>svg{position:absolute;right:11px;pointer-events:none;color:#a8b794}.period-select select:hover{border-color:#6f7f55}.notice{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid #645132;background:#2b251b;border-radius:8px;color:#e0c899;margin-bottom:21px;font-size:11px}.notice>div{display:flex;flex-direction:column;gap:5px;flex:1}.notice strong{font-weight:550}.notice>div>span{color:#c1af8c;font-size:10px}.notice button{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}.notice button:hover{color:#fff}.compact-notice>span{flex:1}.hero{min-height:350px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #414d2d;border-radius:12px;background:radial-gradient(ellipse at 80% 60%,#66733b66,transparent 59%),linear-gradient(115deg,#202719 8%,#303b22 70%,#343e27);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding:23px 26px 16px;column-gap:10px}.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:-1}.hero-orbit{position:absolute;border:1px solid #9faf6840;width:620px;height:620px;border-radius:50%;right:-176px;top:-153px;pointer-events:none;z-index:-1}.orbit-two{width:785px;height:785px;right:-258px;top:-235px;opacity:.5}.hero-topline{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;z-index:2}.playing-status{display:inline-flex;align-items:center;gap:9px;color:var(--lime);font-size:8px;font-weight:650;letter-spacing:1.7px}.equalizer{height:14px;display:inline-flex;gap:2px;align-items:center;width:15px;flex-shrink:0}.equalizer i{width:2px;height:5px;background:currentColor;border-radius:2px}.equalizer i:nth-child(2){height:12px}.equalizer i:nth-child(3){height:8px}.equalizer i:nth-child(4){height:11px}.equalizer.is-active i{animation:equalize .9s ease-in-out infinite alternate}.equalizer.is-active i:nth-child(2){animation-delay:-.3s}.equalizer.is-active i:nth-child(3){animation-delay:-.8s}.equalizer.is-active i:nth-child(4){animation-delay:-.5s}.room-button{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #7181534d;border-radius:5px;color:#d4ddc0;font-size:9px;background:#1e271b25}.room-button:hover{background:#86995230;border-color:#95a575}.hero-copy{padding:39px 0 30px;align-self:center;z-index:2;min-width:0}.hero-copy h2{font-family:var(--heading);font-size:clamp(27px,2.8vw,47px);font-weight:650;letter-spacing:-1.8px;line-height:1.13;overflow-wrap:anywhere;max-width:550px;text-wrap:balance}.hero-artist{font-size:17px;color:#c4cfae;margin-top:13px;letter-spacing:-.3px}.hero-album{display:flex;align-items:center;gap:6px;color:#a0ae8a;font-size:10px;margin-top:9px;line-height:1.5}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:17px;margin-top:25px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:6px;background:var(--lime);color:#29341a;padding:11px 15px;font-size:10px;font-weight:650;box-shadow:0 2px 14px #00000015}.primary-button:hover{background:#e5ffa9;transform:translateY(-2px)}.hero-caption{color:#a3b18d;font-size:9px;display:flex;align-items:center;gap:6px}.hero-visual{position:relative;min-width:0;margin-top:2px;min-height:250px}.record-scene{position:absolute;inset:-25px -20px -10px -25px;touch-action:pan-y}.record-scene canvas{display:block;width:100%;height:100%;outline:none}.record-loading{height:100%;min-height:220px;display:grid;place-items:center;color:#657744}.record-side{position:absolute;right:-4px;top:50%;font-size:7px;letter-spacing:1.6px;color:#9dac856e;writing-mode:vertical-rl;z-index:2}.record-caption{position:absolute;bottom:13px;left:18%;right:10%;display:flex;justify-content:space-between;pointer-events:none}.record-caption>span{font-size:7px;letter-spacing:1.2px;color:#b3c3958c;display:flex;align-items:center;gap:6px}.record-caption i{width:3px;height:3px;border-radius:50%;background:#b9ce92}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:11px;border-top:1px solid #aec78324;font-size:6px;letter-spacing:1.8px;color:#adbd934f;z-index:2}.hero-bottom>span:last-child{display:flex;align-items:center;gap:12px}.small-disc{font-size:14px;line-height:1;color:#b8c9969f}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:18px}.stat-card{padding:17px 18px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.stat-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#afb6a5}.stat-icon.lime{color:#c7e78a}.stat-icon.purple{color:#baa2ce}.stat-icon.peach{color:#d8a786}.stat-icon.blue{color:#92b8be}.stat-card>strong{display:block;font-family:var(--heading);font-size:29px;font-weight:600;letter-spacing:-1px;margin:10px 0}.stat-foot{display:flex;justify-content:space-between;align-items:center;gap:7px;color:#8b957e;font-size:8px}.stat-foot>span:last-child{font-size:6px;letter-spacing:1px;color:#69755d;white-space:nowrap}.dashboard-middle{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;margin-top:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:23px 21px 14px;min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.section-heading h2{font-family:var(--heading);font-size:17px;font-weight:600;letter-spacing:-.55px;line-height:1.4}.section-heading .eyebrow{font-size:7px;letter-spacing:1.5px;color:#858f78;margin-bottom:5px}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:9px;color:#b6c29f;white-space:nowrap}.text-button:hover{color:var(--lime)}.track-table{width:100%}.track-row{display:grid;grid-template-columns:19px minmax(0,1.55fr) minmax(0,.85fr) 66px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #2b3125;min-height:62px;font-size:9px}.track-row:last-child{border-bottom:none}.track-labels{font-size:6px;letter-spacing:1.1px;color:#818c73;min-height:0;padding:0 0 11px}.track-labels>span:last-child{text-align:right}.track-index{color:#818c76;font-size:8px}.track-info{display:flex;gap:10px;align-items:center;min-width:0}.artwork{display:inline-grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#34402a,#1b2216);color:#83976a;width:36px;height:36px;border-radius:4px;flex-shrink:0}.artwork>img{width:100%;height:100%;object-fit:cover;display:block}.artwork>svg{width:45%;height:45%;stroke-width:1}.track-info>div{display:flex;flex-direction:column;gap:5px;min-width:0}.track-info a{font-weight:500;color:#e0e4d5;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.track-info a:hover{color:var(--lime)}.track-info>div>span{color:#909b82;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8f9983;font-size:8px}.track-row time{text-align:right;color:#8e9881;white-space:nowrap;font-size:8px}.current-track{background:#27321d;margin:0 -10px;padding:11px 10px;border-radius:6px}.current-track>.track-info a,.current-label{color:var(--lime)}.current-label{font-size:8px;white-space:nowrap;text-align:right}.current-track>.equalizer,.current-track>span:first-child{color:var(--lime)}.segmented{padding:3px;border:1px solid #343d2b;border-radius:5px;display:flex;align-items:center;gap:2px}.segmented button{font-size:8px;padding:4px 7px;color:#8e9b7d;border-radius:3px}.segmented button.selected{background:#354126;color:#d2e7b0}.segmented button:hover{color:var(--lime)}.activity-summary{display:flex;align-items:flex-start;justify-content:space-between;margin-top:30px}.activity-summary strong{display:flex;align-items:center;gap:10px;font-family:var(--heading);font-size:30px;font-weight:600;letter-spacing:-1px}.activity-summary strong>span{font-family:DM Sans,sans-serif;font-size:8px;font-weight:400;color:#939e84;letter-spacing:0;max-width:65px;line-height:1.7}.activity-average{color:#b5c795;background:#2a361f;font-size:8px;padding:5px 7px;border-radius:4px;margin-top:8px}.bar-chart{height:177px;display:flex;align-items:flex-end;gap:17px;position:relative;margin:16px 0 14px;padding-top:18px}.chart-grid{position:absolute;inset:18px 0 24px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.chart-grid>i{border-top:1px dashed #535d3d45;width:100%;height:0}.bar-column{display:flex;flex:1;flex-direction:column;height:100%;z-index:1;min-width:0}.bar-space{height:calc(100% - 24px);display:flex;align-items:flex-end;justify-content:center}.chart-bar{position:relative;width:100%;max-width:35px;background:#495d31;border:1px solid #657d4550;border-radius:4px 4px 0 0;transition:height .6s,background .2s;min-height:2px}.chart-bar:hover,.chart-bar:focus-visible{background:#a0c46b;outline-offset:2px}.chart-bar.last-bar{background:var(--lime);border-color:var(--lime)}.bar-tooltip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#e4edce;color:#29321e;font-size:9px;padding:5px 7px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;z-index:5}.chart-bar:hover .bar-tooltip,.chart-bar:focus-visible .bar-tooltip{opacity:1}.bar-label{height:24px;display:flex;align-items:flex-end;justify-content:center;color:#879576;font-size:7px}.bar-chart--hours{gap:4px}.bar-chart--hours .chart-bar{border-radius:2px 2px 0 0}.chart-footer{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#869376;margin-top:7px;gap:10px}.chart-footer>span:first-child{display:flex;align-items:center;gap:5px}.chart-footer i{display:block;width:5px;height:5px;background:var(--lime);border-radius:1px}.chart-empty{font-size:10px;margin:auto;color:var(--muted);z-index:2}.data-note{color:#c8b48b;font-size:9px;margin-top:12px;line-height:1.6}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:22px;margin-top:25px;align-items:start}.artists-panel{padding:21px 19px 0}.artists-panel .section-heading{margin-bottom:11px}.artist-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #2b3125}.artist-row:last-child{border-bottom:0}.artist-rank{color:#859473;font-size:8px;min-width:12px}.artist-art{width:34px;height:34px;border-radius:50%}.artist-details{flex:1;min-width:0}.artist-details>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.artist-details>div>span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dae0ce}.artist-details small{font-size:9px;color:#bfccab;white-space:nowrap}.artist-details small>span{font-size:7px;color:#808e71}.artist-meter{height:3px;background:#323d26;display:block;border-radius:2px;overflow:hidden}.artist-meter>i{height:100%;display:block;background:#a8c37b;border-radius:2px;transition:width .5s}.artist-row:nth-child(2) .artist-meter>i{background:#899d6e}.artist-row:nth-child(3) .artist-meter>i{background:#7f916b}.artist-row:nth-child(4) .artist-meter>i{background:#6a7a5c}.artist-row:hover .artist-details>div>span{color:var(--lime)}.artist-row:hover .artist-meter>i{background:var(--lime)}.panel-footnote{font-size:8px;color:#8e9b7e;padding:15px 0;display:flex;align-items:center;gap:6px;line-height:1.7}.artists-panel .panel-footnote{border-top:1px solid #2b3125;margin-top:7px;font-size:7px;gap:7px}.panel-footnote a{display:inline-flex;align-items:center;gap:4px;color:#bdcda6}.albums-section{min-width:0;padding-top:0}.albums-section>.section-heading{margin-bottom:20px}.albums-section>.section-heading .eyebrow{margin-top:1px}.album-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.album-card{min-width:0;display:block}.album-cover{position:relative;aspect-ratio:1;border-radius:5px;isolation:isolate}.album-cover>.artwork{width:100%;height:100%;border-radius:5px;transition:transform .3s,box-shadow .3s}.album-cover:after{content:"";position:absolute;inset:0;border:1px solid #ffffff10;pointer-events:none;border-radius:5px;background:linear-gradient(0deg,#00000050,transparent 30%);z-index:1}.album-rank{position:absolute;top:7px;left:7px;background:#0d100ca6;font-size:7px;padding:4px 5px;border-radius:3px;color:#dae2cd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.album-plays{position:absolute;bottom:8px;left:8px;font-size:6px;display:flex;align-items:center;gap:4px;color:#e0e8d3;z-index:2;text-shadow:0 1px 5px #000}.album-open{position:absolute;inset:0;display:grid;place-items:center;opacity:0;color:var(--lime);z-index:3;transition:opacity .25s}.album-open>svg{background:#141a0ac9;width:34px;height:34px;padding:8px;border:1px solid #d6f58c70;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.album-card:hover .album-open{opacity:1}.album-card:hover .album-cover>.artwork{transform:translateY(-4px) rotate(-2deg);box-shadow:5px 12px 20px #00000040}.album-card h3{font-size:10px;font-weight:550;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:12px;line-height:1.5}.album-card p{font-size:8px;color:#8d9980;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.album-card:hover h3{color:var(--lime)}.footer{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:8px;color:#828e75;padding:24px 0;margin-top:29px;border-top:1px solid var(--line)}.footer>span,.footer>div,.footer a{display:flex;align-items:center;gap:6px}.footer>span>svg{color:#9dad83;margin-left:2px}.footer>div{gap:12px}.footer>div>i{width:2px;height:2px;background:#566348;border-radius:50%}.footer a{color:#a6b494}.footer a:hover{color:var(--lime)}.history-panel--full{padding:26px 27px}.history-panel--full .track-row{grid-template-columns:30px minmax(0,1.8fr) minmax(0,1fr) 95px;min-height:76px;gap:18px}.history-panel--full .track-labels{min-height:0;padding:10px 0 14px}.history-panel--full .track-info .artwork{width:44px;height:44px}.history-panel--full .track-info a{font-size:12px}.history-panel--full .track-info>div>span,.history-panel--full .track-album,.history-panel--full .track-row time{font-size:10px}.history-panel--full .section-heading h2{font-size:23px}.history-tools{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:0 0 22px}.history-tools>span{font-size:10px;color:var(--muted);white-space:nowrap}.search-field{display:flex;align-items:center;gap:10px;background:#11160e;border:1px solid #36412b;border-radius:6px;padding:11px 13px;max-width:430px;width:100%;color:#9aa989}.search-field:focus-within{border-color:#91af62}.search-field input{width:100%;min-width:0;border:0;background:transparent;color:#dce8cd;font-size:11px;outline:none}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:#818f73}.search-field button{padding:0;display:flex;color:#a4b78b}.load-more{display:flex;gap:10px;align-items:center;justify-content:center;border:1px solid #455632;background:#26311c;color:#c4d9a6;padding:12px 25px;border-radius:6px;font-size:11px;margin:23px auto 10px}.load-more:hover{background:#354725}.history-panel--full .panel-footnote{font-size:9px;justify-content:center;flex-wrap:wrap;padding-bottom:0;margin-top:19px}.artists-view{display:grid;grid-template-columns:1fr 1fr;gap:24px}.artists-panel--full{padding:25px 25px 8px}.artists-panel--full .artist-row{padding:17px 0;gap:17px}.artists-panel--full .artist-art{width:45px;height:45px}.artists-panel--full .artist-details>div>span{font-size:12px}.artists-panel--full .artist-meter{height:4px}.artists-panel--full .artist-details small{font-size:11px}.top-track{display:flex;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);min-width:0}.top-track:last-child{border:0}.top-track>span{font-size:9px;color:#869777;width:15px}.top-track>div{min-width:0;display:flex;flex-direction:column;gap:6px;flex:1}.top-track strong{font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-track>div>span{font-size:9px;color:#919d82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-track>small{font-size:9px;color:#adbe94;white-space:nowrap}.top-track:hover strong{color:var(--lime)}.album-grid--full{gap:25px;row-gap:32px}.album-grid--full .album-rank{font-size:10px;padding:6px 8px;top:10px;left:10px}.album-grid--full .album-plays{font-size:10px;bottom:12px;left:12px}.album-grid--full .album-card h3{font-size:13px;margin-top:14px}.album-grid--full .album-card p{font-size:11px}.empty{min-height:150px;padding:30px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#95a781;text-align:center;font-size:11px;line-height:1.7}.empty>svg{color:#6a7d54}dialog{color:var(--soft);padding:0;border:1px solid #455135;border-radius:15px;background:#191f14;max-width:calc(100vw - 32px)}dialog::backdrop{background:#080c08db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.room-dialog{width:1050px;max-height:calc(100dvh - 50px);overflow:auto;background:radial-gradient(ellipse at 55% 40%,#4a5930,#202b19 43%,#151d11 80%)}.room-content{min-height:650px;position:relative;padding:27px 35px 20px;display:flex;flex-direction:column;align-items:center}.room-top{display:flex;align-items:center;justify-content:space-between;width:100%}.room-top .brand{font-size:20px}.room-top .brand>svg{margin-right:9px;color:var(--lime)}.record-scene--immersive{position:relative;inset:auto;width:100%;height:min(45vh,430px);margin:-5px auto -12px}.room-track{text-align:center;max-width:700px;position:relative;z-index:2}.room-track h2{font-family:var(--heading);color:#e8eddb;font-size:30px;letter-spacing:-1px;font-weight:600;margin:13px 0 10px;text-wrap:balance}.room-track>p{font-size:13px;color:#b8cba0}.room-track>p>span{color:#899d71}.room-track>a{margin-top:20px}.room-hint{font-size:9px;letter-spacing:.2px;color:#91a778;margin:35px 0 0}.room-hint>span{margin-left:25px;opacity:.7}.mobile-nav{display:none}.record-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:900px}.fallback-sleeve{width:54%;aspect-ratio:1;background-color:#4b5f31;background-size:cover;transform:translate(-29%) rotate(-7deg);box-shadow:6px 15px 25px #0005}.fallback-vinyl{position:absolute;width:63%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#20251b,#1a1e16,#0f130d,#272e20 3px);box-shadow:5px 8px 25px #0007;left:32%;display:grid;place-items:center}.fallback-vinyl>span{width:31%;height:31%;background-color:var(--lime);background-size:cover;border-radius:50%;position:relative}.fallback-vinyl>span:after{content:"";position:absolute;width:8%;height:8%;border-radius:50%;background:#131811;left:46%;top:46%;border:1px solid #b4c19e}.spinning{animation:spin 28s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes equalize{0%{transform:scaleY(.45)}to{transform:scaleY(1.15)}}@media(min-width:1600px){.sidebar{width:250px;padding-left:27px;padding-right:27px}main{margin-left:250px}.page-content{padding:40px 48px 0}.topbar{padding:0 48px}.hero{min-height:405px;padding:25px 32px 18px}.hero-copy h2{font-size:47px}.hero-copy{padding:50px 0}.hero-artist{font-size:20px}.hero-album{font-size:12px}.hero-actions{margin-top:30px}.hero-caption{font-size:10px}.primary-button{font-size:12px;padding:12px 17px}.hero-visual{min-height:300px}.record-scene{inset:-25px -10px -10px -30px}.hero-bottom{font-size:7px}.stat-card{padding:21px 23px}.stat-label{font-size:12px}.stat-card>strong{font-size:34px}.stat-foot{font-size:9px}.stat-foot>span:last-child{font-size:7px}.panel{padding:25px 25px 17px}.section-heading h2{font-size:20px}.section-heading .eyebrow{font-size:8px}.track-row{min-height:68px}.track-info a{font-size:12px}.track-info>div>span,.track-album,.track-row time{font-size:10px}.track-labels{font-size:7px;min-height:0}.artwork{width:40px;height:40px}.text-button{font-size:10px}.bar-chart{height:192px}.activity-summary strong{font-size:34px}.activity-summary strong>span{font-size:10px;max-width:80px}.artist-details>div>span{font-size:12px}.artist-details small{font-size:10px}.artist-row{padding:13px 0}.album-card h3{font-size:12px}.album-card p{font-size:10px}.album-plays,.album-rank{font-size:8px}.artists-panel{padding-bottom:0}.record-scene--immersive{inset:auto}}@media(min-width:2000px){.sidebar{left:calc((100vw - 2000px)/2)}}@media(max-width:1200px){.sidebar{width:205px;padding-left:16px;padding-right:16px}.brand{font-size:21px}.nav-item{font-size:11px;gap:10px;padding:12px}.sidebar-bottom>.nav-item{font-size:9px}.sidebar-profile>div>span{max-width:108px}main{margin-left:205px}.topbar{padding:0 26px;height:68px}.page-content{padding:28px 26px 0}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:8px}.hero{padding:20px 23px 15px;min-height:330px}.hero-copy h2{font-size:32px}.hero-copy{padding:34px 0 28px}.hero-artist{font-size:15px}.hero-actions{gap:12px}.hero-caption{font-size:8px}.primary-button{font-size:9px;padding:10px 12px;gap:10px}.hero-visual{min-height:230px}.record-scene{inset:-8px -20px 0 -12px}.stat-card{padding:14px 13px}.stat-grid{gap:10px}.stat-foot>span:last-child{display:none}.dashboard-middle{gap:16px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.panel{padding:19px 16px 13px}.section-heading h2{font-size:15px}.section-heading .eyebrow{font-size:6px}.history-panel:not(.history-panel--full) .track-row{grid-template-columns:15px minmax(0,1fr) 58px;gap:8px}.history-panel:not(.history-panel--full) .track-album{display:none}.section-heading{gap:7px}.section-heading .text-button{font-size:8px;gap:4px}.bar-chart{gap:12px;height:178px}.dashboard-bottom{gap:20px;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr)}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-bottom .album-card:nth-child(n+4){display:none}.album-grid--full{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.artists-panel{padding-bottom:0}.artist-row{gap:8px}.artist-art{width:30px;height:30px}.artist-details>div>span{font-size:9px}.artist-details small>span{display:none}.artists-panel .panel-footnote{font-size:6px}.album-cover{border-radius:6px}.footer{font-size:7px}.record-scene--immersive{inset:auto}}@media(max-width:960px){.sidebar{width:76px;padding:27px 12px 0;align-items:center}.sidebar>.brand{font-size:0}.sidebar>.brand .brand-mark{margin:0}.sidebar>.brand .brand-mark svg{width:31px;height:31px}.sidebar .nav-item>span,.sidebar .nav-item>i,.sidebar .sidebar-profile>div,.sidebar-profile>a{display:none}.sidebar nav{margin-top:46px;width:100%;gap:12px}.nav-item{padding:15px;justify-content:center}.nav-item>svg{width:20px;height:20px}.sidebar-bottom{width:100%}.sidebar-bottom>.nav-item{padding:15px;justify-content:center}.sidebar-profile{justify-content:center;padding:22px 0}.sidebar-profile .profile-avatar{width:33px;height:33px}main{margin-left:76px}.page-content{padding:27px 25px 0}.topbar{padding:0 25px}.hero-copy h2{font-size:32px}.hero{min-height:345px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}.stat-card>strong{font-size:26px}.stat-label{font-size:9px}.stat-foot{font-size:7px}.artist-details>div>span{font-size:10px}.artists-panel .panel-footnote{font-size:7px}.artists-view{gap:17px}.top-track{gap:9px}.top-track>small{font-size:8px}.history-panel--full .track-row{gap:12px;grid-template-columns:24px minmax(0,1.6fr) minmax(0,1fr) 80px}.history-panel--full .track-info a{font-size:11px}}@media(max-width:700px){.sidebar{display:none}main{margin-left:0}.topbar{height:62px;padding:0 21px}.breadcrumb{font-size:10px;gap:12px}.topbar-actions{gap:10px}.connection-pill{font-size:8px;gap:5px}.refresh-button{display:none}.page-content{padding:26px 20px 90px}.page-heading{gap:12px;align-items:flex-start;margin-bottom:24px}.page-heading h1{font-size:25px;letter-spacing:-1.1px;max-width:310px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:11px}.page-subtitle{font-size:10px;max-width:210px;line-height:1.6;margin-top:9px}.page-heading-right{justify-content:flex-end;gap:12px;align-self:stretch;padding-bottom:4px}.today{display:none}.period-select select{font-size:9px;min-width:108px;padding:8px 28px 8px 10px}.period-select>svg{right:8px;width:12px}.hero{padding:21px 21px 14px;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;min-height:560px}.hero-topline{grid-column:1;align-items:center}.playing-status{font-size:7px;letter-spacing:1.2px}.room-button{font-size:8px;padding:7px;gap:5px}.room-button>svg:last-child{display:none}.hero-copy{padding:30px 0 0;align-self:start;z-index:2}.hero-copy h2{font-size:35px;letter-spacing:-1.2px;max-width:450px}.hero-artist{font-size:17px;margin-top:12px}.hero-album{font-size:10px}.hero-actions{flex-direction:row;align-items:center;gap:16px;margin-top:22px}.primary-button{font-size:10px;padding:11px 15px;gap:14px}.hero-caption{font-size:8px}.hero-visual{height:255px;min-height:0;margin:8px -3px 0;grid-row:3;overflow:visible}.record-scene{inset:-27px -6px -13px}.record-side{right:0;font-size:6px}.record-caption{bottom:14px;left:12%;right:12%}.hero-bottom{grid-column:1;font-size:5px;letter-spacing:1.2px;padding-top:10px}.hero-bottom>span:last-child{gap:7px}.hero-orbit{width:540px;height:540px;right:-148px;top:204px;opacity:.65}.orbit-two{width:680px;height:680px;right:-218px;top:134px;opacity:.35}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px}.stat-card{padding:16px}.stat-label{font-size:10px}.stat-icon{width:16px;height:16px}.stat-card>strong{font-size:28px;margin:9px 0}.stat-foot{font-size:8px}.dashboard-middle{grid-template-columns:1fr;gap:18px;margin-top:21px}.panel{padding:22px 19px 13px}.section-heading h2{font-size:18px}.section-heading .eyebrow{font-size:7px}.section-heading .text-button{font-size:9px}.history-panel:not(.history-panel--full) .track-row{grid-template-columns:20px minmax(0,1fr) 70px;min-height:67px;gap:10px}.history-panel:not(.history-panel--full) .track-labels{min-height:0}.track-info a{font-size:11px}.track-info>div>span{font-size:9px}.track-row time{font-size:9px}.track-info .artwork{width:38px;height:38px}.track-index{font-size:9px}.activity-panel .section-heading{margin-bottom:20px}.activity-summary{margin-top:23px}.activity-summary strong{font-size:34px}.activity-summary strong>span{font-size:9px;max-width:80px}.activity-average{font-size:9px}.bar-chart{height:183px;gap:20px;margin-top:14px}.chart-bar{max-width:35px}.bar-label{font-size:8px}.chart-footer{font-size:8px;margin-bottom:6px}.bar-chart--hours{gap:5px}.segmented button{font-size:9px}.dashboard-bottom{grid-template-columns:1fr;gap:27px;margin-top:19px}.artists-panel{padding-bottom:0}.artist-row{padding:14px 0;gap:12px}.artist-art{width:38px;height:38px}.artist-rank{font-size:9px}.artist-details>div>span{font-size:12px}.artist-details small{font-size:11px}.artist-details small>span{display:inline;font-size:9px}.artists-panel .panel-footnote{font-size:8px;padding:15px 0}.artist-meter{height:4px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 17px}.dashboard-bottom .album-card:nth-child(n+4){display:block}.dashboard-bottom .album-card:nth-child(5){display:none}.album-card h3{font-size:12px}.album-card p{font-size:10px}.album-rank{font-size:9px;padding:5px 6px;top:9px;left:9px}.album-plays{font-size:8px;bottom:11px;left:10px}.album-cover:after{background:linear-gradient(0deg,#00000080,transparent 35%)}.footer{margin-top:26px;padding:22px 0 0;flex-direction:column;align-items:center;gap:13px;font-size:8px}.footer>div{gap:8px}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:calc(65px + env(safe-area-inset-bottom));padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#171d13f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #3c472e;z-index:25}.mobile-nav button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;color:#8d9c7b;font-size:8px;border-radius:7px}.mobile-nav button.active{color:var(--lime);background:#2d3a2059}.mobile-nav button>svg{stroke-width:1.5;width:19px;height:19px}.history-panel--full{padding:21px 15px}.history-panel--full .section-heading h2{font-size:20px}.history-tools{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:17px}.history-tools>span{font-size:9px;text-align:right}.history-panel--full .track-row{grid-template-columns:17px minmax(0,1fr) 64px;gap:9px;min-height:70px}.history-panel--full .track-album{display:none}.history-panel--full .track-info .artwork{width:37px;height:37px}.history-panel--full .track-info{gap:9px}.history-panel--full .track-info a{font-size:11px}.history-panel--full .track-info>div>span,.history-panel--full .track-row time{font-size:9px}.history-panel--full .panel-footnote{font-size:8px;text-align:center;gap:3px}.history-panel--full .track-labels{min-height:0}.artists-view{grid-template-columns:1fr;gap:20px}.top-track{gap:13px;padding:17px 0}.top-track strong{font-size:12px}.top-track>div>span{font-size:10px}.top-track>small{font-size:10px}.album-grid--full .album-card h3{font-size:12px}.album-grid--full .album-card p{font-size:10px}.notice{align-items:flex-start;flex-wrap:wrap;gap:11px;padding:14px;font-size:10px}.notice>div{flex-basis:75%}.notice>div>span{font-size:10px;line-height:1.7}.notice button{font-size:10px}.notice>span{line-height:1.7}.notice>svg{margin-top:2px}.room-dialog{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px)}.room-content{padding:20px 19px;min-height:550px}.room-top .brand{font-size:19px}.record-scene--immersive{inset:auto;height:270px;width:calc(100% + 22px);margin:5px -11px -5px}.room-track h2{font-size:27px}.room-track>p{font-size:11px;line-height:1.7}.room-hint{font-size:8px;margin-top:35px}.room-hint>span{display:none}}@media(max-width:370px){.page-content{padding-left:15px;padding-right:15px}.topbar{padding:0 15px}.connection-pill{font-size:7px}.page-heading h1{font-size:23px}.page-heading h1>span{display:block}.page-heading .eyebrow{font-size:6px}.page-subtitle{font-size:9px}.period-select select{font-size:8px;min-width:98px}.hero{padding-left:17px;padding-right:17px}.hero-copy h2{font-size:30px}.hero-caption{font-size:7px}.hero-actions{gap:10px}.hero-visual{height:228px}.playing-status{font-size:6px}.room-button{font-size:7px}.hero{min-height:535px}.hero-bottom{font-size:4px}.section-heading h2{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}