*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b2430}.app{position:fixed;inset:0;overflow:hidden;background:#cfe0ef}canvas{display:block;touch-action:none}.chrome-logo{position:absolute;top:16px;left:16px;z-index:5;display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.92);border-radius:12px;padding:8px 14px;font-weight:800;letter-spacing:1px;font-size:15px;color:#e0902f;box-shadow:0 4px 16px rgba(0,0,0,.12)}.logo-dot{filter:saturate(1.1)}.chrome-totals{position:absolute;top:16px;right:16px;z-index:5;display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.92);border-radius:12px;padding:9px 16px;font-size:13px;color:#5a6472;box-shadow:0 4px 16px rgba(0,0,0,.12)}.chrome-totals b{color:#1b2430;font-size:15px}.chrome-totals .sep{width:1px;height:18px;background:rgba(0,0,0,.12)}.metric-toggle{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:3px;background:hsla(0,0%,100%,.92);border-radius:12px;padding:4px;box-shadow:0 4px 16px rgba(0,0,0,.12)}.metric-toggle button{border:none;background:transparent;color:#5a6472;font-size:13px;font-weight:700;padding:6px 14px;border-radius:9px;cursor:pointer;transition:background .15s,color .15s}.metric-toggle button.on{background:#e0902f;color:#fff}.chrome-controls{position:absolute;bottom:16px;right:16px;z-index:5;display:flex;gap:8px}.ctrl-btn{background:hsla(0,0%,100%,.92);border:none;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600;color:#2a323d;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.12);transition:background .15s}.ctrl-btn:hover{background:#fff}.ctrl-btn.icon{padding:9px 12px;font-size:16px}.chrome-credit{bottom:16px;left:16px;font-size:12px;color:rgba(30,40,55,.55);background:hsla(0,0%,100%,.7);padding:5px 10px;border-radius:8px}.chrome-credit,.walk-hint{position:absolute;z-index:5}.walk-hint{top:16px;left:50%;transform:translateX(-50%);background:rgba(20,26,34,.82);color:#fff;padding:8px 16px;border-radius:10px;font-size:13px}.walk-hint b{color:#ffcf7a}.dpad{position:absolute;bottom:22px;left:22px;z-index:6;display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);grid-gap:6px;gap:6px}.dpad-btn{border:none;border-radius:12px;background:hsla(0,0%,100%,.9);color:#2a323d;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dpad-btn:active{background:#e0902f;color:#fff}.dpad-btn.up{grid-column:2;grid-row:1}.dpad-btn.left{grid-column:1;grid-row:2}.dpad-btn.down{grid-column:2;grid-row:2}.dpad-btn.right{grid-column:3;grid-row:2}.demo-tag{margin-left:8px;background:#e0902f;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:6px}.landing{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(12,16,24,.35) 0,rgba(12,16,24,.78) 100%);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.landing-inner{width:min(460px,90vw);text-align:center;color:#fff}.landing-title{font-size:clamp(38px,7vw,68px);font-weight:900;letter-spacing:2px;color:#ffab46;text-shadow:0 4px 30px rgba(255,140,0,.5)}.landing-tag{margin:10px 0 26px;font-size:16px;line-height:1.5;color:hsla(0,0%,100%,.9)}.landing-form{display:flex;flex-direction:column;gap:10px}.landing-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.1);color:#fff;font-size:15px;font-family:ui-monospace,Menlo,monospace;outline:none}.landing-input::placeholder{color:hsla(0,0%,100%,.5)}.landing-input:focus{border-color:#ffab46;background:hsla(0,0%,100%,.14)}.landing-btn{width:100%;padding:13px 16px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .1s,background .15s}.landing-btn:disabled{opacity:.6;cursor:default}.landing-btn.primary{background:#ffab46;color:#201603}.landing-btn.primary:hover:not(:disabled){background:#ffbe66}.landing-btn.ghost{background:hsla(0,0%,100%,.12);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.landing-btn.ghost:hover:not(:disabled){background:hsla(0,0%,100%,.2)}.landing-weefast{display:block;margin-top:14px;padding:11px 16px;border-radius:12px;background:rgba(255,171,70,.14);border:1px solid rgba(255,171,70,.45);color:#ffce9a;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s}.landing-weefast:hover{background:rgba(255,171,70,.24);transform:translateY(-1px)}.landing-help a{color:#ffce9a;text-decoration:underline}.landing-or{margin:16px 0;font-size:12px;color:hsla(0,0%,100%,.5)}.landing-error{margin-top:12px;background:rgba(217,83,79,.9);color:#fff;padding:10px 14px;border-radius:10px;font-size:13px}.landing-help{margin-top:30px;text-align:left;color:hsla(0,0%,100%,.75)}.help-title{font-size:11px;letter-spacing:1px;color:hsla(0,0%,100%,.5);text-align:center;margin-bottom:10px}.landing-help ol{padding-left:20px;font-size:13px;line-height:1.9}.mall-overlay{position:fixed;inset:0;z-index:40;background:#dfe4ec}.mall-overlay canvas{display:block;touch-action:none}.mall-bar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:16px;padding:14px 18px;background:linear-gradient(rgba(15,20,32,.72),transparent);color:#fff}.mall-title{font-size:16px;font-weight:700}.mall-sub{font-size:13px;color:hsla(0,0%,100%,.75)}.mall-close{margin-left:auto;background:hsla(0,0%,100%,.92);color:#1b2430;border:none;border-radius:10px;padding:9px 15px;font-weight:700;font-size:14px;cursor:pointer}.mall-close:hover{background:#fff}.mall-modes{display:flex;gap:4px;background:hsla(0,0%,100%,.14);border-radius:10px;padding:3px}.mall-modes button{border:none;background:transparent;color:hsla(0,0%,100%,.75);font-weight:700;font-size:13px;padding:6px 12px;border-radius:8px;cursor:pointer}.mall-modes button.on{background:#fff;color:#1b2430}.mall-replay-ctrl{display:flex;align-items:center;gap:10px}.mall-replay-ctrl select{padding:6px 10px;font-size:13px;font-weight:600}.mall-replay-ctrl button,.mall-replay-ctrl select{background:hsla(0,0%,100%,.92);border:none;border-radius:8px;cursor:pointer}.mall-replay-ctrl button{width:34px;height:32px;font-size:14px}.mall-clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800;font-size:16px;color:#ffcf7a}.mall-btn{width:100%;margin-top:16px;border:none;border-radius:12px;padding:13px;color:#201603;font-weight:800;font-size:15px;cursor:pointer;transition:filter .15s}.mall-btn:hover{filter:brightness(1.08)}.sales-board{position:absolute;top:70px;right:18px;z-index:3;width:220px;background:rgba(15,20,32,.9);color:#eef1f5;border:1px solid hsla(0,0%,100%,.14);border-radius:14px;padding:14px 16px;box-shadow:0 12px 34px rgba(0,0,0,.3);font-size:13px}.sb-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.sb-mrr,.sb-title{font-weight:800}.sb-mrr{color:#ffcf7a;font-size:15px}.sb-mrr b{font-size:10px;color:rgba(255,207,122,.7);font-weight:700}.sales-board table{width:100%;border-collapse:collapse}.sales-board td{padding:5px 0;border-bottom:1px solid hsla(0,0%,100%,.08)}.sales-board td:first-child{color:hsla(0,0%,100%,.7)}.sb-n{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sb-n,.sb-u{text-align:right}.sb-u{font-size:11px;padding-left:6px}.sb-note,.sb-u{color:hsla(0,0%,100%,.45)}.sb-note{margin-top:10px;font-size:10.5px}.modal-backdrop{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(10,14,20,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.modal{position:relative;width:min(420px,90vw);background:#fff;border-radius:18px;padding:26px 28px 28px;box-shadow:0 24px 70px rgba(0,0,0,.35)}@media (prefers-color-scheme:dark){.modal{background:#1a212c;color:#eaeff6}}.modal-close{position:absolute;top:14px;right:16px;border:none;background:transparent;font-size:26px;line-height:1;color:#9aa4b2;cursor:pointer}.modal-close:hover{color:#1b2430}.modal-eyebrow{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.modal-eyebrow,.modal-title{font-family:ui-monospace,Menlo,monospace}.modal-title{font-size:24px;font-weight:800;margin:6px 0 2px;word-break:break-word}.modal-domain{color:#7c8798;font-size:14px;margin-bottom:20px}.modal-stats{display:flex;gap:14px}.stat{flex:1 1;background:rgba(120,130,145,.1);border-radius:12px;padding:14px 12px;text-align:center}.stat.big{padding:22px}.stat-val{display:block;font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat.big .stat-val{font-size:34px}.stat-lbl{display:block;margin-top:3px;font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:#8a94a3}.pill{display:inline-flex;flex-direction:column;align-items:center;background:rgba(28,32,40,.86);color:#eef1f5;border-radius:7px;padding:3px 9px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;white-space:nowrap;pointer-events:none;transform:translateY(-2px);transition:background .12s}.pill-landmark{background:rgba(150,105,45,.92);font-weight:700}.pill-hover{background:rgba(10,14,20,.95)}.pill-label{line-height:1.2}.pill-sub{font-size:11px;color:#ffcf7a;margin-top:1px}.legend{position:fixed;left:16px;bottom:54px;z-index:20;background:rgba(20,24,32,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:12px 14px;max-height:44vh;overflow:auto;min-width:180px;font-size:13px;color:#e7e7ea}.legend h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#9aa0aa;margin:0 0 8px;font-weight:600}.legend-row{display:flex;align-items:center;gap:9px;padding:4px 0}.legend-dot{width:12px;height:12px;border-radius:3px;flex:none;box-shadow:0 0 6px rgba(0,0,0,.4)}.legend-name{font-weight:600}.legend-sub{color:#8a8f99;font-size:11px;margin-left:auto;padding-left:10px}.trophy-pill{pointer-events:none}.trophy-locked{opacity:.72;filter:grayscale(.5)}.trophy-panel{position:absolute;top:70px;right:16px;z-index:8;width:300px;max-height:calc(100vh - 160px);overflow-y:auto;background:hsla(0,0%,100%,.95);border-radius:14px;box-shadow:0 10px 34px rgba(0,0,0,.2);padding:14px 16px;color:#2a323d;font-size:13px}.trophy-head{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin-bottom:10px}.trophy-close{border:none;background:rgba(27,36,48,.08);border-radius:8px;padding:4px 9px;cursor:pointer;font-size:12px;color:#2a323d}.trophy-close:hover{background:rgba(27,36,48,.16)}.trophy-track{margin-bottom:14px}.trophy-track-title{font-size:12.5px;margin-bottom:6px}.trophy-bar{height:7px;background:rgba(27,36,48,.1);border-radius:5px;overflow:hidden}.trophy-bar-fill{height:100%;background:linear-gradient(90deg,#ffcf7a,#e0902f);border-radius:5px;transition:width .4s}.trophy-next{font-size:11.5px;color:#5a6472;margin:5px 0 6px}.trophy-list{list-style:none;margin:0;padding:0}.trophy-list li{display:flex;align-items:center;gap:7px;padding:3px 0;color:#8a93a0}.trophy-list li.on{color:#2a323d}.trophy-emoji{width:20px;text-align:center}.trophy-name{flex:1 1}.trophy-thr{font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trophy-foot{font-size:11px;color:#8a93a0;border-top:1px solid rgba(27,36,48,.08);padding-top:8px}.unlock-toast{position:absolute;top:72px;left:50%;transform:translateX(-50%);z-index:12;background:linear-gradient(135deg,#1b2430,#2a323d);color:#fff;border:1px solid #e0902f;border-radius:14px;padding:14px 22px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.35);cursor:pointer;animation:toast-pop .35s ease-out}@keyframes toast-pop{0%{transform:translateX(-50%) translateY(-14px) scale(.92);opacity:0}to{transform:translateX(-50%);opacity:1}}.unlock-toast-title{font-weight:800;font-size:15px;color:#ffcf7a}.unlock-toast-items{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:8px 0 4px;font-size:14px;font-weight:600}.unlock-toast-sub{font-size:11.5px;color:hsla(0,0%,100%,.65)}.advisor-panel{position:absolute;bottom:66px;right:16px;z-index:9;width:360px;max-width:calc(100vw - 32px);height:min(520px,calc(100vh - 150px));display:flex;flex-direction:column;background:hsla(0,0%,100%,.97);border-radius:14px;box-shadow:0 10px 34px rgba(0,0,0,.22);color:#2a323d;font-size:13px;overflow:hidden}.advisor-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 8px;font-size:14px}.advisor-shortcuts{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 10px;border-bottom:1px solid rgba(27,36,48,.08)}.advisor-shortcuts select{border:1px solid rgba(27,36,48,.18);border-radius:8px;padding:4px 6px;font-size:12px;background:#fff;color:#2a323d;max-width:120px}.advisor-action{display:inline-block;background:rgba(224,144,47,.12);border:1px solid rgba(224,144,47,.4);color:#9c5f14;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;text-decoration:none;margin:2px 0}.advisor-action:hover{background:rgba(224,144,47,.22)}.advisor-body{flex:1 1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.advisor-msg{white-space:pre-wrap;line-height:1.5;border-radius:12px;padding:9px 12px;max-width:92%}.advisor-msg.assistant{background:rgba(27,36,48,.06);align-self:flex-start}.advisor-msg.user{background:linear-gradient(135deg,#ffcf7a,#f0b356);color:#201603;align-self:flex-end}.advisor-local-tag{margin-top:6px;font-size:10.5px;color:#8a93a0;font-style:italic}.advisor-input{display:flex;gap:8px;padding:10px 14px;border-top:1px solid rgba(27,36,48,.08)}.advisor-input input{flex:1 1;border:1px solid rgba(27,36,48,.18);border-radius:10px;padding:8px 12px;font-size:13px;outline:none}.advisor-input input:focus{border-color:#e0902f}.advisor-input button{border:none;background:#e0902f;color:#fff;border-radius:10px;padding:8px 14px;font-size:14px;cursor:pointer}.advisor-input button:disabled{opacity:.45;cursor:default}.period-toggle{top:70px}.chrome-burger{display:none}@media (max-width:720px){.chrome-logo{font-size:13px;padding:6px 10px}.chrome-totals{font-size:12px;padding:6px 10px;gap:8px}.metric-toggle{transform:scale(.92);transform-origin:top center}.chrome-burger{display:flex;align-items:center;justify-content:center;position:fixed;bottom:16px;right:16px;z-index:8;width:50px;height:50px;border-radius:14px;border:none;background:hsla(0,0%,100%,.96);font-size:22px;color:#2a323d;box-shadow:0 6px 20px rgba(0,0,0,.22);cursor:pointer}.chrome-controls{flex-direction:column;align-items:stretch;bottom:78px;right:16px;gap:8px;z-index:8;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.chrome-controls.open{opacity:1;pointer-events:auto;transform:none}.chrome-controls .ctrl-btn{padding:13px 18px;font-size:15px;text-align:left}.advisor,.trophy-panel{left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;width:auto!important;max-width:none!important;max-height:72vh!important;overflow-y:auto}.legend{left:8px;right:8px;bottom:78px;max-width:none}.modal{width:94vw}.walk-hint{font-size:12px;left:8px;right:8px;max-width:none}}.music-dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:6;flex-direction:column;gap:8px}.md-bar,.music-dock{display:flex;align-items:center}.md-bar{gap:6px;background:hsla(0,0%,100%,.94);border-radius:14px;padding:6px 8px;box-shadow:0 6px 20px rgba(0,0,0,.16)}.md-genre{position:relative}.md-genre-btn{display:flex;align-items:center;gap:6px;border:none;background:transparent;cursor:pointer;color:#2a323d;font-size:13px;font-weight:700;padding:6px 8px;border-radius:9px}.md-genre-btn:hover{background:rgba(0,0,0,.05)}.md-caret{color:#8a94a2;font-size:11px}.md-genre-menu{position:absolute;bottom:calc(100% + 6px);left:0;list-style:none;margin:0;padding:4px;background:#fff;border-radius:10px;width:150px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.md-genre-menu li button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;cursor:pointer;padding:8px 10px;border-radius:7px;text-align:left;font-size:13px;color:#5a6472}.md-genre-menu li button:hover{background:rgba(0,0,0,.05)}.md-genre-menu li button.on{background:rgba(224,144,47,.12);color:#1b2430;font-weight:700}.md-ctrl{border:none;background:transparent;cursor:pointer;color:#5a6472;font-size:15px;padding:4px 6px;border-radius:8px}.md-ctrl:hover{color:#1b2430;background:rgba(0,0,0,.05)}.md-play{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:#e0902f;color:#fff;font-size:14px}.md-play:hover{filter:brightness(1.05)}.md-more{border:none;background:transparent;cursor:pointer;font-size:16px;padding:5px 7px;border-radius:9px;margin-left:2px}.md-more.on,.md-more:hover{background:rgba(0,0,0,.07)}.md-panel{width:264px;background:hsla(0,0%,100%,.97);border-radius:14px;padding:12px;box-shadow:0 10px 28px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:10px}.md-track{font-size:12px;font-weight:700;color:#1b2430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-vol{display:flex;align-items:center;gap:8px}.md-vol input{flex:1 1;height:3px;cursor:pointer;accent-color:#e0902f}.md-spotify{border-top:1px solid rgba(0,0,0,.08);padding-top:10px}.md-sp-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;border-radius:9px;cursor:pointer;padding:8px 10px;font-size:12px;font-weight:700;color:#fff}.md-sp-btn.disabled{background:transparent;color:rgba(90,100,114,.55);cursor:not-allowed;border:1px solid rgba(0,0,0,.1)}.md-sp-connected{display:flex;flex-direction:column;gap:8px}.md-sp-now{display:flex;align-items:center;gap:6px;font-size:12px;color:#1b2430}.md-sp-now a{color:#1b2430;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.md-sp-now a:hover{text-decoration:underline}.md-sp-state{color:#1db954}.md-sp-artist,.md-sp-idle{color:#8a94a2}.md-sp-idle{font-size:12px;flex:1 1}.md-sp-off{border:none;background:transparent;cursor:pointer;font-size:11px;color:#8a94a2;padding:2px 4px;white-space:nowrap}.md-sp-off:hover{color:#1b2430}.md-pl-toggle{border:none;background:transparent;cursor:pointer;width:100%;text-align:left;font-size:11px;color:#8a94a2;padding:3px 2px}.md-pl-list{list-style:none;margin:0;padding:0;max-height:140px;overflow:auto}.md-pl-list li a{display:block;font-size:12px;color:#2a323d;text-decoration:none;padding:5px 6px;border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md-pl-list li a:hover{background:rgba(0,0,0,.05)}.md-sp-glyph{flex-shrink:0}@media (max-width:720px){.music-dock{top:60px;bottom:auto;z-index:7;flex-direction:column-reverse;transform:translateX(-50%) scale(.96)}.md-panel{width:min(82vw,264px)}.md-genre-menu{top:calc(100% + 6px);bottom:auto}}