body{background:#071510;padding-bottom:120px}header{height:74px;background:#0e211a;color:#d5e4cf;border-color:#284332}header img{filter:brightness(0) invert(1);opacity:.88;width:165px}.intro{padding:28px 0 24px;align-items:end}.intro h1{font-size:38px;letter-spacing:-1.7px;line-height:1.1;margin:13px 0 0}.intro .eyebrow{font-size:9px}.intro-note{font-size:11px;line-height:1.7;color:#93ae98;text-align:right;margin:0}main{max-width:1800px;padding:0 3vw}.workspace{position:relative;border:1px solid #365239;border-radius:18px;background:radial-gradient(ellipse at 35% 0%,#34583155,transparent 65%),#0b1e16;overflow:hidden;box-shadow:0 25px 70px #0005}.workspace:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#b7db8a04 1px,transparent 1px),linear-gradient(90deg,#b7db8a04 1px,transparent 1px);background-size:42px 42px}.workspace-top,.workspace-bottom{position:relative;display:flex;justify-content:space-between;gap:15px;padding:16px 26px;font-size:9px;letter-spacing:1.4px;color:#a3bb94;border-bottom:1px solid #345032}.workspace-top #status{margin:0;font-size:9px;letter-spacing:.2px}.workspace-bottom{border:0;border-top:1px solid #345032;font-size:8px;padding:12px 26px;color:#7c997f}.chart-layout{grid-template-columns:minmax(0,1fr) 240px;gap:0;position:relative}.chart-panel{background:none;border:0;border-radius:0;padding:24px 26px 14px}.chart-heading{display:flex;align-items:start}.chart-heading h2{font-size:22px;margin:8px 0}.chart-heading .eyebrow{margin:0;font-size:9px;color:#b5d494}.chart-instruction{font-size:8px;letter-spacing:1px;color:#99b187;text-align:right;line-height:1.8}.chart-instruction span{letter-spacing:0;color:#68876f}.live-reading{display:flex;align-items:center;gap:20px;margin:8px 0 21px;min-height:76px}.live-reading>strong{font-size:clamp(46px,5vw,75px);font-weight:400;color:#dafbb4;letter-spacing:-4px;line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 0 35px #c1ee7d22}.live-reading>div{display:grid;gap:6px;border-left:1px solid #46613b;padding-left:18px}.live-reading span:first-child{font-size:12px;color:#d9e9c5}.live-reading span:last-child{font-size:9px;color:#94ae88}.chart{height:clamp(240px,34vh,440px);margin-top:10px}.chart svg{filter:drop-shadow(0 6px 12px #0002)}.chart text{font-size:9px;fill:#91ac85}.legend{font-size:9px}.chart-readout{font-size:10px;color:#a8c098;margin:5px 0 12px}.timeline{font-size:9px}.insight-panel{border:0;border-left:1px solid #354f33;border-radius:0;background:linear-gradient(135deg,#29472b55,#10271a33);padding:24px 21px}.insight-panel .eyebrow{font-size:8px}.insight-panel h2{font-size:19px}.insight-panel #insight-number{font-size:39px;margin:16px 0 8px}.insight-panel #insight-copy{font-size:10px}.insight-panel .small{font-size:9px}.rank{margin-top:13px}.rank>div{font-size:10px}.rank-track,.rank-track i{height:3px}.rank-track i{box-shadow:0 0 12px #c1e58a44}.kpis{margin:0;border:0;border-top:1px solid #355033;border-radius:0;background:#152b1b77;position:relative}.kpi{padding:17px 24px;border-color:#355033}.kpi-value{font-size:29px;margin:10px 0 6px;letter-spacing:-1px}.kpi-label{font-size:10px}.kpi-change{font-size:9px}.kpi-period{font-size:8px}.kpi[aria-pressed=true]{box-shadow:inset 0 2px #c8ed96;background:#b9e5820a}.table-panel,.method{padding:20px 5px}.table-panel summary,.method summary{font-size:12px}footer{margin-top:30px}.floating-tools{position:fixed;z-index:30;left:50%;bottom:22px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px)}.floating-dock{display:flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #819b6466;border-radius:18px;background:linear-gradient(115deg,#24412beF,#0d241bf5);backdrop-filter:blur(28px);box-shadow:0 18px 65px #000b,0 0 35px #adc98b0a,inset 0 1px #e1f9b91a}.dock-mark{display:grid;gap:5px;place-items:center;font-size:9px;letter-spacing:1px;color:#b6d48d;padding:0 8px}.dock-mark>span{font-size:24px;line-height:1}.dock-selections{display:flex;gap:4px}.dock-selections>button{position:relative;display:grid;text-align:left;gap:7px;border:1px solid transparent;background:transparent;color:#dcebc9;border-radius:10px;padding:10px 25px 10px 12px;min-width:110px;max-width:190px}.dock-selections>button:hover,.dock-selections>button[aria-expanded=true]{border-color:#789756;background:#bbdc7e12}.dock-selections small{font-size:8px;letter-spacing:1.3px;color:#93b080}.dock-selections strong{font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-selections i{position:absolute;right:9px;bottom:11px;font-size:10px;font-style:normal;color:#acd180}#metric-count{font-size:7px;padding:1px 3px}.dock-options{display:grid;gap:5px;border-left:1px solid #48633b;padding-left:12px;margin-left:5px}.dock-options #ranges{padding:2px;justify-content:center}.dock-options #ranges button{font-size:9px;padding:5px 11px}.dock-options .compare-switch{font-size:8px;padding:2px 0;gap:6px}.dock-options .switch-track{transform:scale(.85);transform-origin:left center;margin-right:-3px}.dock-actions{display:flex;gap:4px;padding-left:5px}.dock-actions>button{border:1px solid #49643d;background:#162f20;color:#bddb9c;border-radius:9px;width:32px;height:36px;font-size:20px}.dock-actions>button:hover,.dock-actions>button[aria-pressed=true]{background:#c5ed93;color:#18351f}.dock-popover{position:absolute;right:0;bottom:calc(100% + 12px);width:430px;max-width:calc(100vw - 32px);max-height:min(460px,calc(100dvh - 140px));overflow:auto;overscroll-behavior:contain;padding:22px;border:1px solid #708956;border-radius:16px;background:linear-gradient(130deg,#27452bf5,#0f271cfb);backdrop-filter:blur(28px);box-shadow:0 18px 60px #0009;margin:0}.popover-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.popover-head h2{font-size:20px;margin:0}.popover-head>button{border:1px solid #5b7450;background:none;color:#cee4b5;border-radius:50%;width:28px;height:28px;font-size:17px}.dock-popover .sectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible}.dock-popover .sector{height:80px;min-width:0;padding:12px}.dock-popover .sector strong{font-size:14px}.dock-popover .sector:last-child{grid-column:1/-1}.dock-popover .year-nav{justify-content:space-between;margin:18px 0}.dock-popover .period-pills{justify-content:center;margin-bottom:18px}.dock-popover .period-pills.monthly{display:grid;grid-template-columns:repeat(6,1fr);max-width:none}.dock-popover .period-pills button{padding:8px;min-width:0}.dock-popover .year-grid{max-height:190px;overflow:auto;grid-template-columns:repeat(5,1fr);padding:10px}.dock-popover .metric-options{max-height:220px}.dock-popover .metric-options button{font-size:10px;padding:9px}.dock-popover .control-hint{line-height:1.7}#segment-panel .segment-pills{margin:8px 0 3px}.focus-mode{padding:0}.focus-mode header,.focus-mode .intro,.focus-mode .table-panel,.focus-mode .method,.focus-mode footer{display:none}.focus-mode main{padding:12px}.focus-mode .workspace{min-height:calc(100dvh - 24px);padding-bottom:100px}.focus-mode .chart{height:calc(100dvh - 440px);min-height:210px}.focus-mode .workspace-bottom{display:none}.focus-mode .floating-tools{bottom:24px}.focus-mode .kpis{margin-top:8px}
@media(min-width:1600px){.chart-layout{grid-template-columns:minmax(0,1fr) 290px}.insight-panel{padding:30px}.chart-panel{padding:30px 35px 20px}}
@media(max-width:1050px){.dock-mark{display:none}.dock-selections>button{min-width:94px;max-width:160px;padding-left:9px}.floating-dock{gap:3px;padding:7px}.dock-options{padding-left:8px;margin-left:2px}.chart-layout{grid-template-columns:minmax(0,1fr) 210px}.chart-heading{display:flex}.chart-instruction{display:none}.insight-panel{padding:22px 16px}}
@media(max-width:760px){body{padding-bottom:150px}header{height:auto;padding:14px 5vw}header img{width:140px}.intro{padding:23px 0}.intro h1{font-size:30px}.intro-note{display:none}.workspace{border-radius:12px}.workspace-top{display:block;padding:13px 16px;font-size:8px}.workspace-top #status{margin-top:8px;font-size:8px;line-height:1.5}.chart-layout{display:block}.chart-panel{padding:20px 14px 12px}.chart-heading h2{font-size:21px}.live-reading{margin:15px 0 20px;gap:14px}.live-reading>strong{font-size:49px;letter-spacing:-2px}.live-reading>div{padding-left:12px}.live-reading span:last-child{max-width:115px;font-size:8px}.chart{height:260px}.legend{gap:10px}.insight-panel{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.kpi{padding:15px}.kpi-value{font-size:25px}.workspace-bottom{padding:12px 15px;font-size:7px;line-height:1.5}.workspace-bottom>span:last-child{display:none}.floating-tools{bottom:12px;width:calc(100vw - 20px);max-width:none}.floating-dock{display:grid;grid-template-columns:1fr auto;gap:6px;padding:8px;border-radius:15px}.dock-selections{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.dock-selections>button{min-width:0;max-width:none;padding:8px 14px 8px 6px;gap:6px}.dock-selections strong{font-size:10px}.dock-selections small{font-size:7px;letter-spacing:.8px}.dock-selections i{right:4px;font-size:9px}.dock-options{border:0;display:flex;align-items:center;padding:0;margin:0;gap:9px}.dock-options #ranges button{padding:5px 9px;font-size:8px}.dock-options .compare-switch{font-size:7px;max-width:120px;text-align:left}.dock-actions{padding:0}.dock-actions>button{width:29px;height:29px;font-size:18px}.dock-popover{width:100%;max-width:none;max-height:calc(100dvh - 170px);padding:18px;bottom:calc(100% + 8px)}.dock-popover .metric-options{grid-template-columns:1fr;max-height:180px}.dock-popover .sector{flex:auto}.focus-mode main{padding:6px}.focus-mode .workspace{padding-bottom:135px;min-height:calc(100dvh - 12px)}.focus-mode .chart{height:calc(100dvh - 480px);min-height:180px}.focus-mode .floating-tools{bottom:10px}.focus-mode .kpi-period{display:none}.focus-mode .kpi{padding:10px}.focus-mode .live-reading{min-height:50px}.focus-mode .kpi-value{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:761px) and (min-height:620px){.focus-mode .workspace{display:flex;flex-direction:column;height:calc(100dvh - 24px);min-height:0;padding-bottom:92px}.focus-mode .workspace-top{flex-shrink:0;padding:12px 24px}.focus-mode .chart-layout{flex:1;min-height:0}.focus-mode .chart-panel{display:flex;flex-direction:column;min-height:0;padding:16px 24px 10px}.focus-mode .chart-heading h2{font-size:20px;margin:5px 0}.focus-mode .live-reading{min-height:54px;margin:6px 0 12px}.focus-mode .live-reading>strong{font-size:54px}.focus-mode .chart{height:auto;min-height:80px;flex:1}.focus-mode .chart-readout{margin:4px 0 8px;min-height:12px}.focus-mode .timeline{padding-top:8px}.focus-mode .insight-panel{overflow:auto;padding:20px}.focus-mode .kpis{flex-shrink:0;margin:0}.focus-mode .kpi{padding:10px 23px}.focus-mode .kpi-value{font-size:23px;margin:6px 0}.focus-mode .kpi-period{display:none}}
.chart{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.chart.panning{cursor:grabbing}.chart svg{display:block}.chart text{font:11px DM,Arial,sans-serif;letter-spacing:0}.chart svg path{vector-effect:non-scaling-stroke}.timeline{align-items:center;gap:12px}.timeline button{display:grid;place-items:center;background:#1b3524;border:1px solid #48633b;color:#c9eaa6;border-radius:50%;width:26px;height:26px;flex-shrink:0;font-size:13px}.timeline button:hover:not(:disabled){background:#c5ed93;color:#173521}.timeline button:disabled{opacity:.3;cursor:default}.pan-hint{margin:auto;color:#90a782;font-size:9px}.rank{display:block;width:100%;border:1px solid transparent;border-radius:6px;background:transparent;color:#c9dabd;padding:8px 6px;margin:5px 0;text-align:left}.rank-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.rank-label b{font-weight:400;opacity:.6;margin-left:4px}.rank:hover{background:#c5ed9310;border-color:#6f8a56}.rank[aria-pressed=true]{background:#b6d78416;border-color:#8da965}.rank .rank-track{display:block}.rank:focus-visible{outline:2px solid #c5ed93;outline-offset:1px}.dock-selections small{letter-spacing:.8px}.dock-options .compare-switch{max-width:150px;line-height:1.4}.focus-mode .timeline{min-height:31px}.chart-instruction span{letter-spacing:0}@media(max-width:760px){.chart text{font-size:10px}.pan-hint{display:none}.timeline{gap:8px;justify-content:space-between}.dock-selections small{font-size:6px;letter-spacing:.25px}.dock-options .compare-switch{max-width:120px}.dock-selections strong{font-size:9px}}
body:not(.focus-mode) #main{padding-top:20px}