:root{--bg:#fcf9f2;--paper:#fff;--paper-solid:#fff;--paper-warm:#fffefa;--ink:#383024;--ink-soft:#5e523f;--muted:#8f836d;--line:#e8dfcb;--dash:#dcd1b6;--green:#e88d9d;--green-strong:#c45468;--green-soft:#faeaed;--yellow:#f7c948;--yellow-soft:#fff4d4;--blue:#76b3e6;--blue-soft:#e5f3fd;--pink:#7bc68d;--pink-soft:#e5f6eb;--orange:#fba260;--violet:#a89bf2;--tape-yellow:#f7c948b8;--tape-pink:#e88d9d9e;--tape-green:#7bc68d9e;--tape-blue:#76b3e694;--tape-stripes:repeating-linear-gradient(45deg, #ffffff57 0 2px, transparent 2px 7px);--font-display:"Sniglet", system-ui, sans-serif;--font-sans:"Sniglet", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", "Cascadia Code", monospace;--shadow:0 18px 38px #4c3c2c1a;--small-shadow:0 10px 22px #4c3c2c14;--soft-shadow:0 6px 18px #4c3c2c0d}*{box-sizing:border-box}html{min-width:320px;color:var(--ink);background:var(--bg);font-family:var(--font-sans);letter-spacing:0;font-weight:400}strong{font-weight:400}body{background:linear-gradient(90deg, #6fa67c0d 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(#6fa67c0a 1px, transparent 1px) 0 0 / 32px 32px, radial-gradient(circle at top left, #f0bd4d29, transparent 34rem), var(--bg);min-height:100vh;margin:0}body.is-loading{overflow:hidden}.loading-screen{z-index:9999;color:var(--green-strong);background:linear-gradient(90deg, #6fa67c0d 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(#6fa67c0a 1px, transparent 1px) 0 0 / 32px 32px, radial-gradient(circle at 50% 32%, #f7c94833, transparent 24rem), var(--bg);place-items:center;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0}.loading-screen span{font-family:var(--font-display);align-items:baseline;font-size:clamp(28px,6vw,54px);line-height:1;display:inline-flex}.loading-screen i{align-items:center;gap:.08em;margin-left:.08em;font-style:normal;display:inline-flex}.loading-screen b{opacity:.22;background:currentColor;border-radius:50%;width:.12em;height:.12em;animation:1.2s ease-in-out infinite thinking-dot;display:block;transform:translateY(.08em)scale(.72)}.loading-screen b:nth-child(2){animation-delay:.15s}.loading-screen b:nth-child(3){animation-delay:.3s}.loading-screen b:nth-child(4){animation-delay:.45s}@keyframes thinking-dot{0%,75%,to{opacity:.22;transform:translateY(.08em)scale(.72)}30%{opacity:1;transform:translateY(-.02em)scale(1)}}body.is-loaded .loading-screen{visibility:hidden;opacity:0;pointer-events:none}body.is-loading .board{pointer-events:none;filter:blur(2px);opacity:.35}.board>*{opacity:0;transform:translateY(-22px)}body.is-loaded .board>*{animation:.72s cubic-bezier(.16,1,.3,1) both page-section-enter}body.is-loaded .board>:first-child{animation-delay:20ms}body.is-loaded .board>:nth-child(2){animation-delay:.14s}body.is-loaded .board>:nth-child(3){animation-delay:.26s}body.is-loaded .board>:nth-child(4){animation-delay:.38s}body.is-loaded .board>:nth-child(5){animation-delay:.5s}body.is-loaded .board>:nth-child(6){animation-delay:.62s}body.is-loaded .board>:nth-child(7){animation-delay:.74s}body.is-loaded .board>:nth-child(8){animation-delay:.86s}body.is-loaded .board>:nth-child(9){animation-delay:.98s}@keyframes page-section-enter{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}.paper-grain{z-index:-1;pointer-events:none;opacity:.3;background-image:radial-gradient(#5240261f .7px,#0000 .7px),radial-gradient(#ffffffb3 .9px,#0000 .9px);background-position:0 0,11px 17px;background-size:28px 28px,36px 36px;position:fixed;inset:0}.board{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 36px}.paper-panel,.hero-paper,.kpi-card{border:2px solid var(--line);background:var(--paper);box-shadow:var(--soft-shadow);border-radius:16px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;position:relative}.paper-panel:hover,.hero-paper:hover,.kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)rotate(.5deg)}.hero-paper{grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:28px;min-height:330px;padding:38px;display:grid;overflow:visible}.hero-paper:before,.paper-panel:before,.kpi-card:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff94,#0000 38%),radial-gradient(circle at 12% 12%,#f0bd4d14,#0000 28%);position:absolute;inset:0}.hero-copy,.hero-sticker,.paper-panel>*,.kpi-card>*{z-index:1;position:relative}.tape{z-index:3;background-color:var(--tape-pink);background-image:var(--tape-stripes);border-radius:255px 15px 225px/15px 225px 15px 255px;width:92px;height:24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;box-shadow:0 2px 5px #5240261c}.paper-panel:hover .tape-left,.hero-paper:hover .tape-left,.kpi-card:hover .tape-left{transform:rotate(-8deg)scale(1.05)}.paper-panel:hover .tape-right,.hero-paper:hover .tape-right,.kpi-card:hover .tape-right{transform:rotate(10deg)scale(1.05)}.paper-panel:hover .tape-mini,.hero-paper:hover .tape-mini,.kpi-card:hover .tape-mini{transform:rotate(9deg)scale(1.05)}.tape-left{top:-9px;left:38px;transform:rotate(-5deg)}.tape-right{background-color:var(--tape-yellow);bottom:-8px;right:68px;transform:rotate(7deg)}.tape-mini{background-color:var(--tape-green);width:70px;height:20px;top:-10px;right:28px;transform:rotate(6deg)}.eyebrow{color:var(--green-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:400}h1,h2,p{margin-top:0}@keyframes gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}h1{max-width:760px;font-family:var(--font-display);letter-spacing:0;background:linear-gradient(135deg, var(--green-strong), var(--blue), var(--violet), var(--pink), var(--orange));-webkit-text-fill-color:transparent;background-size:200%;background-clip:text;margin-bottom:16px;font-size:clamp(42px,7vw,78px);font-weight:600;line-height:1.05;animation:6s linear infinite gradient-flow}h2{font-family:var(--font-display);letter-spacing:0;margin-bottom:0;font-size:22px;font-weight:400;line-height:1.3}.lead{max-width:690px;color:var(--ink-soft);margin-bottom:28px;font-size:17px;line-height:1.8}.hero-metrics{grid-template-columns:repeat(4,minmax(120px,1fr));gap:14px;display:grid}.hero-metrics div{border:1.5px solid var(--line);border-radius:12px;align-content:center;justify-items:start;min-height:82px;padding:14px 16px;transition:transform .4s cubic-bezier(.22,1,.36,1),background-color .35s,border-color .35s,box-shadow .4s;display:grid;overflow:hidden}.hero-metrics div:first-child{transform:rotate(-1.5deg)}.hero-metrics div:nth-child(2){transform:rotate(1.2deg)}.hero-metrics div:nth-child(3){transform:rotate(-1deg)}.hero-metrics div:nth-child(4){transform:rotate(1.5deg)}.hero-metrics div:first-child{background:var(--green-soft);border-color:#e88d9d59}.hero-metrics div:first-child span{color:#a24050}.hero-metrics div:first-child strong{color:var(--green-strong)}.hero-metrics div:nth-child(2){background:var(--yellow-soft);border-color:#f7c94859}.hero-metrics div:nth-child(2) span{color:#8a6102}.hero-metrics div:nth-child(2) strong{color:#b38006}.hero-metrics div:nth-child(3){background:var(--blue-soft);border-color:#76b3e659}.hero-metrics div:nth-child(3) span{color:#1e5380}.hero-metrics div:nth-child(3) strong{color:#2b70ab}.hero-metrics div:nth-child(4){background:#f5f3ff;border-color:#a89bf259}.hero-metrics div:nth-child(4) span{color:#5444a1}.hero-metrics div:nth-child(4) strong{color:#705ec7}.hero-metrics div:hover{border-color:var(--line);box-shadow:var(--small-shadow);z-index:10;background:#fff;justify-items:center;transform:scale(1.06)rotate(0)!important}.hero-metrics div:hover span{max-height:0;color:var(--ink-soft);opacity:0;margin-bottom:0;transform:translateY(-8px)}.hero-metrics div:hover strong{text-align:center;transform:scale(1.14)}.hero-metrics span,.kpi-card span{max-height:24px;color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:400;transition:max-height .4s cubic-bezier(.22,1,.36,1),margin .4s cubic-bezier(.22,1,.36,1),opacity .3s,transform .4s cubic-bezier(.22,1,.36,1),color .3s;display:block;overflow:hidden}.hero-metrics strong{width:100%;font-family:var(--font-sans);text-align:left;transform-origin:50%;font-size:clamp(20px,2.6vw,30px);font-weight:800;line-height:1.1;transition:transform .42s cubic-bezier(.22,1,.36,1),color .3s,text-align .3s;display:block}.hero-sticker{justify-items:center;gap:14px;display:grid}.hero-sticker img{aspect-ratio:1;object-fit:cover;filter:drop-shadow(2px 6px 8px #3830241f);width:min(260px,100%);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:rotate(3deg)}.hero-sticker img:hover{transform:rotate(-3deg)scale(1.05)}.source-badge{border:1.5px solid var(--line);width:fit-content;color:var(--green-strong);background:var(--green-soft);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:400;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.source-badge:hover{transform:rotate(3deg)scale(1.08)}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.kpi-card{align-content:center;justify-items:start;min-height:140px;padding:22px;transition:transform .4s cubic-bezier(.22,1,.36,1),background-color .35s,border-color .35s,box-shadow .4s;display:grid;overflow:hidden}.kpi-card:first-child{transform:rotate(1deg)}.kpi-card:nth-child(2){transform:rotate(-1.5deg)}.kpi-card:nth-child(3){transform:rotate(1.5deg)}.kpi-card:nth-child(4){transform:rotate(-1.2deg)}.kpi-card.accent-green{background:var(--green-soft);color:var(--green);border-color:#e88d9d59}.kpi-card.accent-green span{color:#a24050}.kpi-card.accent-green strong{color:var(--green-strong)}.kpi-card.accent-green small{color:#c45468}.kpi-card.accent-yellow{background:var(--yellow-soft);color:var(--yellow);border-color:#f7c94859}.kpi-card.accent-yellow span{color:#8a6102}.kpi-card.accent-yellow strong,.kpi-card.accent-yellow small{color:#b38006}.kpi-card.accent-blue{background:var(--blue-soft);color:var(--blue);border-color:#76b3e659}.kpi-card.accent-blue span{color:#1e5380}.kpi-card.accent-blue strong,.kpi-card.accent-blue small{color:#2b70ab}.kpi-card.accent-pink{background:var(--pink-soft);color:var(--pink);border-color:#7bc68d59}.kpi-card.accent-pink span{color:#2b7c41}.kpi-card.accent-pink strong{color:var(--pink)}.kpi-card.accent-pink small{color:#2b7c41}.kpi-card:hover{z-index:10;justify-items:center;border-color:var(--line)!important;box-shadow:var(--shadow)!important;background:#fff!important;transform:scale(1.06)rotate(0)!important}@media (width>=1100px){.kpi-card:hover{transform:scale(1.1)rotate(0)!important}.kpi-card:hover strong{transform:scale(1.2)}}.kpi-card:hover span{opacity:0;max-height:0;margin-bottom:0;transform:translateY(-8px);color:var(--ink-soft)!important}.kpi-card:hover strong{text-align:center;transform:scale(1.14)}.kpi-card:hover small{opacity:0;max-height:0;margin-top:0;transform:translateY(8px);color:var(--muted)!important}.kpi-card:hover:after{opacity:.12!important}.kpi-card:after{content:"";opacity:.28;background:currentColor;border-radius:50%;width:46px;height:46px;position:absolute;bottom:18px;right:18px}.kpi-card strong{width:100%;min-width:0;font-family:var(--font-sans);overflow-wrap:anywhere;text-align:left;transform-origin:50%;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.15;transition:transform .42s cubic-bezier(.22,1,.36,1),color .3s,text-align .3s;display:block}.kpi-card small{max-height:36px;margin-top:10px;font-size:13px;transition:max-height .4s cubic-bezier(.22,1,.36,1),margin .4s cubic-bezier(.22,1,.36,1),opacity .3s,transform .4s cubic-bezier(.22,1,.36,1),color .3s;display:block;overflow:hidden}.kpi-card .up{color:var(--green-strong)}.kpi-card .down{color:#b96767}.accent-green{color:var(--green)}.accent-yellow{color:var(--yellow)}.accent-blue{color:var(--blue)}.accent-pink{color:var(--pink)}.chart-panel,.heat-panel,.device-card,.rank-panel,.insight-card,.mix-card,.table-panel{padding:24px}.chart-panel,.heat-panel,.device-grid,.rank-grid,.insight-grid,.table-grid{margin-top:20px}.section-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-head.compact{margin-bottom:14px}.legend,.heat-legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;font-weight:400;display:flex}.switches-row{flex-flow:wrap;align-items:center;gap:14px;display:flex}.chart-tools{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.unit-switch{border:1.5px solid var(--line);background:var(--green-soft);border-radius:16px;gap:6px;padding:5px;display:inline-flex}.unit-button{appearance:none;min-width:68px;color:var(--green-strong);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:400;transition:background-color .25s cubic-bezier(.175,.885,.32,1.275),color .2s,transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s}.unit-button:hover,.unit-button:focus-visible{color:var(--green-strong);background:#fff6}.unit-button.is-active{background:var(--green-strong);color:var(--paper);box-shadow:var(--soft-shadow);transform:translateY(-1px)}.range-switch{border:1.5px solid var(--line);background:#f8f2e2b8;border-radius:16px;gap:6px;padding:5px;display:inline-flex}.range-button{appearance:none;min-width:72px;color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:8px 12px;font-size:13px;font-weight:400;transition:background .2s cubic-bezier(.175,.885,.32,1.275),color .2s,transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s}.range-button:hover,.range-button:focus-visible{color:var(--green-strong);background:#d8e8d280;transform:scale(1.05)}.range-button:active{transform:scale(.95)}.range-button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.range-button.is-active{color:var(--green-strong);background:var(--green-soft);box-shadow:inset 0 0 0 1px #6fa67c57, var(--soft-shadow);transform:translateY(-2px)scale(1.03)}.legend span,.heat-legend span{align-items:center;gap:6px;display:inline-flex}.legend-item{appearance:none;font:inherit;color:inherit;cursor:pointer;opacity:1;background:0 0;border:none;align-items:center;gap:6px;margin:0;padding:0;transition:opacity .2s,transform .1s;display:inline-flex}.legend-item:hover{opacity:.8}.legend-item:active{transform:scale(.95)}.legend-item[aria-pressed=false]{opacity:.35;text-decoration:line-through}.legend-dot,.heat-legend i{background:var(--muted);border-radius:3px;width:11px;height:11px;display:inline-block}.legend-dot.total{background:var(--green)}.legend-dot.mac{background:var(--blue)}.legend-dot.win{background:var(--pink)}.legend-dot.device-dot{background:var(--series-color)}.heat-legend .gradient-bar{background:linear-gradient(90deg,#eee7d8 0%,#d8e8d2 26%,#8fc098 62%,#3f7a53 100%);border:1px solid #5240261a;border-radius:999px;width:72px;height:11px}.chart-caption{color:var(--muted);margin:-4px 0 10px;font-size:13px;font-weight:400}.chart-stack{position:relative}.line-chart{width:100%;height:auto;min-height:250px;display:none;overflow:visible}.line-chart.is-active,.line-chart[data-active=true]{display:block}.axis-tick line{stroke:var(--line);stroke-width:1px;stroke-dasharray:4 7}.axis-tick text,.x-tick{fill:var(--muted);font-family:var(--font-sans);font-size:11px}.x-tick{text-anchor:middle}.chart-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1.5px 2px #4c3c2c1f);transition:stroke-dasharray .3s}.chart-line.total{stroke:var(--green)}.chart-line.mac{stroke:var(--blue);stroke-width:2px;stroke-dasharray:5 5}.chart-line.win{stroke:var(--pink);stroke-width:2px;stroke-dasharray:5 5}.chart-line.device-line{stroke:var(--series-color);stroke-width:2px;stroke-dasharray:5 5}.heatmap{border:1.5px solid var(--line);background:#f8f2e28f;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(14px,1fr));gap:8px;padding:18px;display:grid}.daily-heatmap{-ms-overflow-style:none;scrollbar-width:none;grid-template-rows:repeat(7,14px);grid-template-columns:none;grid-auto-columns:14px;grid-auto-flow:column;justify-content:start;overflow-x:auto}.daily-heatmap::-webkit-scrollbar{display:none}.heat-dot,.heat-legend i{background:var(--heat-color,var(--paper-solid));border:1px solid #52402614}.heat-dot{aspect-ratio:auto;width:14px;min-width:12px;height:14px;opacity:calc(.72 + var(--heat,0) * .28);box-shadow:inset 0 1px 0 #ffffff80, 0 calc(1px + var(--heat,0) * 3px) calc(2px + var(--heat,0) * 8px) rgba(76, 60, 44, calc(.04 + var(--heat,0) * .28));border-radius:4px;transition:transform .16s,box-shadow .16s;display:block}.heat-dot:hover{transform:translateY(-1px)scale(1.12);box-shadow:inset 0 1px #ffffff80,0 4px 10px #4c3c2c40}.level-0{background:#ece7db}.level-1{background:#faeaed}.level-2{background:#f5c2cb}.level-3{background:#eb99a8}.level-4{background:#c45468}.month-strip{color:var(--muted);font-family:var(--font-sans);justify-content:space-between;gap:8px;margin-top:10px;font-size:11px;display:flex}.heat-tooltip{z-index:1000;border:1.5px solid var(--line);max-width:220px;box-shadow:var(--small-shadow);pointer-events:none;opacity:0;visibility:hidden;background:#fffdf7;border-radius:10px;gap:2px;padding:8px 12px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:fixed;top:0;left:0;transform:translateY(4px)}.heat-tooltip[hidden]{display:grid}.heat-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.heat-tooltip strong{color:var(--ink);font-family:var(--font-sans);font-size:12px;font-weight:800}.heat-tooltip span{color:var(--ink-soft);font-size:12px}.heat-tooltip small{color:var(--muted);font-size:11px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.device-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.device-head strong{color:var(--green-strong);font-family:var(--font-sans);font-size:32px;line-height:1}.device-stats,.record-list,.token-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.device-stats div,.record-list div,.token-breakdown div{border:1.5px solid var(--line);background:#ffffff61;border-radius:12px;min-width:0;padding:12px 14px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s}.device-stats div:hover,.token-breakdown div:hover{background:#fff9;transform:scale(1.03)rotate(-1deg)}.record-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.record-list div:nth-child(5){grid-column:span 2}.record-list div:first-child{transform:rotate(-1deg)}.record-list div:nth-child(2){transform:rotate(1.2deg)}.record-list div:nth-child(3){transform:rotate(-1.5deg)}.record-list div:nth-child(4){transform:rotate(1deg)}.record-list div:nth-child(5){transform:rotate(-.5deg)}.record-list div:first-child{background:var(--green-soft);border-color:#e88d9d59}.record-list div:first-child dt{color:#a24050}.record-list div:first-child dd{color:var(--green-strong)!important}.record-list div:nth-child(2){background:var(--yellow-soft);border-color:#f7c94859}.record-list div:nth-child(2) dt{color:#8a6102}.record-list div:nth-child(2) dd{color:#b38006!important}.record-list div:nth-child(3){background:var(--blue-soft);border-color:#76b3e659}.record-list div:nth-child(3) dt{color:#1e5380}.record-list div:nth-child(3) dd{color:#2b70ab!important}.record-list div:nth-child(4){background:#f5f3ff;border-color:#a89bf259}.record-list div:nth-child(4) dt{color:#5444a1}.record-list div:nth-child(4) dd{color:#705ec7!important}.record-list div:nth-child(5){background:var(--pink-soft);border-color:#7bc68d59}.record-list div:nth-child(5) dt{color:#2b7c41}.record-list div:nth-child(5) dd{color:var(--pink)!important}.record-list dd{margin-top:4px;font-family:var(--font-sans)!important;font-size:15px!important;font-weight:800!important}.record-list div:hover{z-index:5;border-color:var(--line)!important;box-shadow:var(--soft-shadow)!important;background:#fff!important;transform:scale(1.05)rotate(0)!important}.record-list div:hover dt{color:var(--ink-soft)!important}.record-list div:hover dd{color:var(--ink)!important}dt{color:var(--muted);font-size:12px;font-weight:400}dd{font-family:var(--font-sans);overflow-wrap:anywhere;margin:6px 0 0;font-size:16px;font-weight:400}.bar-row{color:var(--muted);grid-template-columns:48px minmax(0,1fr) 62px;align-items:center;gap:10px;margin-top:14px;font-size:12px;font-weight:400;display:grid}.bar-row i{background:#eee7d8;border-radius:999px;height:10px;position:relative;overflow:hidden}.bar-row i:before{content:"";width:var(--w);border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--blue));position:absolute;inset:0 auto 0 0}.device-mac .tape-mini{background-color:var(--tape-blue)}.device-mac .bar-row i:before{background:linear-gradient(90deg, var(--blue-soft), var(--blue))}.device-windows .tape-mini{background-color:var(--tape-pink)}.device-windows .bar-row i:before{background:linear-gradient(90deg, var(--pink-soft), var(--pink))}.device-stats div:first-child,.token-breakdown div:first-child{background-color:#eaf8ee!important;border-color:#257c4140!important}.device-stats div:first-child:hover,.token-breakdown div:first-child:hover{transform:scale(1.04)rotate(-1.5deg);background-color:#d4f2dc!important}.device-stats div:nth-child(2),.token-breakdown div:nth-child(2){background-color:#e6f2ff!important;border-color:#2b70ab40!important}.device-stats div:nth-child(2):hover,.token-breakdown div:nth-child(2):hover{transform:scale(1.04)rotate(1.5deg);background-color:#d4eafc!important}.device-stats div:nth-child(3),.token-breakdown div:nth-child(3){background-color:#fdebf2!important;border-color:#e04c7840!important}.device-stats div:nth-child(3):hover,.token-breakdown div:nth-child(3):hover{transform:scale(1.04)rotate(-1deg);background-color:#fbcce0!important}.device-stats div:nth-child(4),.token-breakdown div:nth-child(4){background-color:#fff8e7!important;border-color:#ba892940!important}.device-stats div:nth-child(4):hover,.token-breakdown div:nth-child(4):hover{transform:scale(1.04)rotate(2deg);background-color:#fff1cc!important}.bar-row:first-of-type i{background:#e6f2ff!important}.bar-row:nth-of-type(2) i{background:#fdebf2!important}.bar-row:nth-of-type(3) i,.mix-line.mix-cache i{background:#eaf8ee!important}.mix-line.mix-input i{background:#e6f2ff!important}.mix-line.mix-output i{background:#fdebf2!important}.bar-row em{color:var(--ink-soft);font-family:var(--font-sans);text-align:right;font-style:normal}.rank-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.rank-list,.agent-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rank-list li,.agent-list li{border:1.5px solid var(--line);background:#f8f2e27a;border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:9px 10px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background-color .2s;display:grid}.rank-list li:hover,.agent-list li:hover{background:#f8f2e2cc;transform:scale(1.02)translate(4px)}.rank-list span{border:2px solid var(--line);width:32px;height:32px;color:var(--green-strong);background:var(--green-soft);font-family:var(--font-sans);border-radius:48% 52% 52% 48%/55% 48% 52% 45%;place-items:center;font-size:13px;font-weight:800;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-grid}.rank-list li:hover span{transform:scale(1.15)rotate(360deg)}.rank-list li:first-child{background-color:#fff8e7!important;border-color:#d9a01873!important}.rank-list li:first-child:hover{background-color:#fff4d6!important}.rank-list li:first-child span{color:#b38006;background-color:#fff4d6;border-color:#d9a018}.rank-list li:nth-child(2){background-color:#f1f3f5!important;border-color:#868e9659!important}.rank-list li:nth-child(2):hover{background-color:#e9ecef!important}.rank-list li:nth-child(2) span{color:#495057;background-color:#e9ecef;border-color:#adb5bd}.rank-list li:nth-child(3){background-color:#fbf0e6!important;border-color:#c47e4459!important}.rank-list li:nth-child(3):hover{background-color:#f5e0cc!important}.rank-list li:nth-child(3) span{color:#ad5a1c;background-color:#ffe8cc;border-color:#c47e44}.rank-list li:nth-child(4),.rank-list li:nth-child(5){background-color:#f8f9fa!important;border-color:#ced4da40!important}.rank-list li:nth-child(4):hover,.rank-list li:nth-child(5):hover{background-color:#f1f3f5!important}.rank-list li:nth-child(4) span,.rank-list li:nth-child(5) span{color:#868e96;background-color:#e9ecef;border-color:#dee2e6}.rank-list strong,.agent-list strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-list em,.agent-list em,.agent-list span{color:var(--ink-soft);font-family:var(--font-sans);white-space:nowrap;font-size:13px;font-style:normal;font-weight:400}.insight-grid,.table-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.mix-bars{gap:12px;margin:16px 0 18px;display:grid}.mix-line{color:var(--muted);grid-template-columns:48px minmax(0,1fr) 64px;align-items:center;gap:10px;font-size:12px;font-weight:400;display:grid}.mix-line i{border:1px solid var(--line);background:#eee7d8;border-radius:999px;height:16px;position:relative;overflow:hidden}.mix-line b{width:var(--w);border-radius:inherit;position:absolute;inset:0 auto 0 0}.mix-line em{color:var(--ink-soft);font-family:var(--font-sans);text-align:right;font-style:normal}.mix-cache b{background:var(--green)}.mix-input b{background:var(--blue)}.mix-output b{background:var(--pink)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:520px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 10px}th{color:var(--muted);font-size:12px;font-weight:400}td{font-size:13px}td:not(:first-child){font-family:var(--font-sans);white-space:nowrap;font-weight:400}.agent-list li{grid-template-columns:minmax(0,1fr) auto auto}.footer-command{justify-content:center;margin-top:48px;display:flex}.footer-command code{border:1.5px dashed var(--line);color:var(--ink-soft);font-family:var(--font-sans);user-select:all;background:#f8f2e27a;border-radius:8px;padding:6px 14px;font-size:13px}.footer-note{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;margin-top:22px;font-size:12px;display:flex}.footer-links{flex-wrap:wrap;flex-basis:100%;justify-content:center;gap:14px;margin-top:6px;display:flex}.footer-links a{color:var(--ink-soft);border-bottom:1.5px dashed var(--line);text-decoration:none;transition:color .2s,border-color .2s}.footer-links a:hover{color:var(--ink);border-color:var(--ink-soft)}@media (width<=960px){.hero-paper,.device-grid,.rank-grid,.insight-grid,.table-grid{grid-template-columns:1fr}.hero-sticker{justify-self:start}.hero-sticker img{width:210px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.board{width:min(100% - 20px,1180px);padding-top:12px}.hero-paper,.chart-panel,.heat-panel,.device-card,.rank-panel,.insight-card,.mix-card,.table-panel,.kpi-card{padding:18px}h1{font-size:40px}.lead{font-size:15px}.hero-metrics,.kpi-grid,.device-stats,.record-list,.token-breakdown{grid-template-columns:1fr}.section-head,.device-head{display:grid}.chart-tools{justify-items:start}.range-switch{width:100%}.range-button{flex:1;min-width:0;padding-inline:8px}.chart-tools,.switches-row,.legend,.heat-legend{justify-content:flex-start;align-items:flex-start}.heatmap{gap:6px;padding:12px}.daily-heatmap{grid-template-rows:repeat(7,12px);grid-auto-columns:12px}.heat-dot{border-radius:3px;width:12px;min-width:0;height:12px}.month-strip{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.month-strip span{flex:none}.rank-list li{grid-template-columns:34px minmax(0,1fr)}.rank-list em{grid-column:2}.agent-list li{grid-template-columns:1fr auto}.agent-list em{grid-column:1/-1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--dash);border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.daily-only,main.board.view-daily .weekly-only{display:none!important}main.board.view-daily .daily-only{display:block!important}main.board.view-daily ol.daily-only,main.board.view-daily ul.daily-only{display:grid!important}main.board.view-daily span.daily-only,main.board.view-daily strong.daily-only,main.board.view-daily small.daily-only,main.board.view-daily dd.daily-only,main.board.view-daily dt.daily-only{display:inline!important}main.board.view-daily dl.daily-only{display:grid!important}main.board.view-daily .kpi-card span.daily-only,main.board.view-daily .kpi-card strong.daily-only,main.board.view-daily .kpi-card small.daily-only,main.board.view-daily .hero-metrics span.daily-only,main.board.view-daily .hero-metrics strong.daily-only{display:block!important}.rank-grid .paper-panel,.insight-grid .paper-panel,.table-grid .paper-panel{opacity:0;transform:translateY(40px) rotate(var(--tilt,0deg));will-change:transform, opacity;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),box-shadow .3s}.rank-grid .paper-panel.is-revealed,.insight-grid .paper-panel.is-revealed,.table-grid .paper-panel.is-revealed{opacity:1;transform:translateY(0) rotate(var(--tilt,0deg))}.rank-grid .paper-panel.is-revealed:hover,.insight-grid .paper-panel.is-revealed:hover,.table-grid .paper-panel.is-revealed:hover{z-index:10;transform:translateY(-8px) scale(1.02) rotate(calc(var(--tilt,0deg) * .35))!important;box-shadow:var(--shadow)!important}:root{--font-sans:var(--fontSans)!important}