:root{color-scheme:dark;--bg-primary:#0a0a0a;--bg-secondary:#141414;--text-primary:#fdfcfb;--text-secondary:#fdfcfbbf;--text-faint:#fdfcfb8c;--accent-primary:#00e5ff;--accent-secondary:#09c;--accent-glow:#00e5ff66;--border-color:#00e5ff33;--border-hover:#00e5ff80;--glass-bg:#fdfcfb0a;--glass-hover:#fdfcfb14;--heat-0:#fdfcfb0f;--heat-1:#00e5ff38;--heat-2:#00e5ff73;--heat-3:#00e5ffb3;--heat-4:#00e5ff;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55;overflow-x:hidden}.bg-glow{z-index:-2;background:var(--bg-primary);pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-glow:before,.bg-glow:after{content:"";animation:25s ease-in-out infinite glowFloat;position:absolute;inset:0}.bg-glow:before{background:radial-gradient(80% 50% at 50% -20%,#0099cc40 0%,#0000 50%)}.bg-glow:after{background:radial-gradient(60% 40% at 80% 100%,#00e5ff26 0%,#0000 50%),radial-gradient(40% 30% at 10% 80%,#0099cc1a 0%,#0000 50%);animation-delay:-12.5s}@keyframes glowFloat{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:.7;transform:translateY(-40px)scale(1.05)}}.wrap{width:min(1060px,100% - 2rem);margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);background:#0a0a0abf;border-bottom:1px solid #fdfcfb0f;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:1rem;padding-block:.7rem;display:flex}.wordmark{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:.55rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark img{border:1px solid var(--border-color);border-radius:50%;width:26px;height:26px}.wordmark span{color:var(--accent-primary)}.site-nav{scrollbar-width:none;gap:.25rem;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav a{color:var(--text-secondary);white-space:nowrap;border-radius:8px;padding:.35rem .65rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.site-nav a:hover{color:var(--accent-primary);background:var(--glass-bg)}.hero{text-align:center;padding-block:3.5rem 2.5rem}.avatar-glow{width:112px;height:112px;margin:0 auto 1.25rem;position:relative}.avatar-glow:before{content:"";background:conic-gradient(from 0deg, var(--accent-primary), var(--accent-secondary), var(--accent-primary));opacity:.55;filter:blur(8px);border-radius:50%;animation:6s linear infinite spin;position:absolute;inset:-4px}@keyframes spin{to{transform:rotate(360deg)}}.avatar-glow img{border:3px solid var(--accent-primary);object-fit:cover;z-index:1;border-radius:50%;width:100%;height:100%;position:relative}.hero .kicker{text-transform:uppercase;letter-spacing:.22em;color:var(--accent-secondary);margin-bottom:.5rem;font-size:.72rem;font-weight:600}.hero h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary) 30%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.9rem,5.5vw,3rem);font-weight:800;line-height:1.1}.hero .sub{color:var(--text-secondary);max-width:34rem;margin:.9rem auto 0;font-size:.95rem}.hero .sub a{color:var(--accent-primary);text-decoration:none}.hero .sub a:hover{text-decoration:underline}.stat-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:2rem;display:grid}@media (width>=640px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:14px;padding:1rem 1rem .85rem;transition:border-color .25s,box-shadow .25s,transform .25s}.stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #00e5ff26}.stat-value{font-family:var(--mono);color:var(--accent-primary);text-shadow:0 0 18px var(--accent-glow);font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.1}.stat-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);margin-top:.3rem;font-size:.68rem;font-weight:600}.section{padding-block:2.25rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.1rem;display:flex}.section-head h2{letter-spacing:-.02em;font-size:clamp(1.15rem,3vw,1.45rem);font-weight:700}.section-head h2:after{content:"";background:linear-gradient(90deg, var(--accent-primary), transparent);width:2.5rem;height:2px;box-shadow:0 0 12px var(--accent-glow);margin-top:.35rem;display:block}.section-head .hint{color:var(--text-faint);font-size:.78rem}.card{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem}.heatmap-scroll{padding-bottom:.5rem;overflow-x:auto}.heatmap{width:100%;min-width:720px;height:auto;display:block}.heatmap rect.cell{rx:2.5;stroke:#fdfcfb05;stroke-width:.5px;cursor:pointer;transition:stroke .15s,filter .15s}.heatmap rect.cell:hover,.heatmap rect.cell:focus-visible{stroke:var(--accent-primary);filter:drop-shadow(0 0 3px var(--accent-glow))}.heatmap .h0{fill:var(--heat-0)}.heatmap .h1{fill:var(--heat-1)}.heatmap .h2{fill:var(--heat-2)}.heatmap .h3{fill:var(--heat-3)}.heatmap .h4{fill:var(--heat-4)}.heatmap text{font-family:var(--font);fill:var(--text-faint);font-size:9px}.heat-legend{color:var(--text-faint);justify-content:flex-end;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.7rem;display:flex}.heat-legend .swatches{gap:3px;display:inline-flex}.heat-legend .swatches i{border-radius:2px;width:10px;height:10px}.heat-legend .swatches i:first-child{background:var(--heat-0)}.heat-legend .swatches i:nth-child(2){background:var(--heat-1)}.heat-legend .swatches i:nth-child(3){background:var(--heat-2)}.heat-legend .swatches i:nth-child(4){background:var(--heat-3)}.heat-legend .swatches i:nth-child(5){background:var(--heat-4)}.product-list{flex-direction:column;gap:.75rem;display:flex}.product-row{background:var(--glass-bg);border:1px solid var(--border-color);border-radius:16px;grid-template-columns:1fr;gap:1rem;padding:1.1rem 1.2rem;scroll-margin-top:4.5rem;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;display:grid}.product-row:hover{background:var(--glass-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #00e5ff26}.product-row.target{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-glow), 0 0 32px #00e5ff40}@media (width>=720px){.product-row{grid-template-columns:minmax(0,1.1fr) auto minmax(150px,.6fr);align-items:center}}.product-side{flex-direction:column;align-items:flex-start;gap:.7rem;min-width:0;display:flex}@media (width>=720px){.product-side{align-items:flex-end}}.product-id{min-width:0}.product-name{letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.02rem;font-weight:700;text-decoration:none;display:inline-flex}a.product-name:hover{color:var(--accent-primary)}.product-name .arrow{color:var(--accent-secondary);font-size:.85em;transition:transform .2s,color .2s}a.product-name:hover .arrow{color:var(--accent-primary);transform:translate(2px,-2px)}.chip{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border:1px solid var(--border-color);vertical-align:2px;background:#00e5ff0f;border-radius:999px;padding:.1rem .5rem;font-size:.62rem;font-weight:600;display:inline-block}.chip.warn{color:#f5c66d;background:#f5c66d12;border-color:#f5c66d59}.product-tagline{color:var(--text-secondary);margin-top:.3rem;font-size:.82rem}.product-repos{color:var(--text-faint);flex-wrap:wrap;gap:.3rem .9rem;margin-top:.45rem;font-size:.74rem;display:flex}.product-repos a{color:var(--text-faint);text-decoration:none}.product-repos a:hover{color:var(--accent-primary);text-decoration:underline}.product-metrics{justify-content:flex-start;gap:1.4rem;display:flex}@media (width>=720px){.product-metrics{justify-content:flex-end}}.metric{text-align:left}@media (width>=720px){.metric{text-align:right}}.metric .value{font-family:var(--mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.metric .value small{color:var(--text-faint);font-size:.72rem;font-weight:500}.metric .label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-size:.62rem;font-weight:600}.spark{justify-self:end}.spark svg{display:block}.spark-empty{color:var(--text-faint);font-size:.72rem}.section-note{color:var(--text-faint);margin:-.5rem 0 1rem;font-size:.78rem}.section-note a{color:var(--accent-secondary)}.product-link{color:var(--accent-primary);border:1px solid var(--border-color);background:#00e5ff0f;border-radius:10px;justify-self:end;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.product-link:hover{border-color:var(--border-hover);background:#00e5ff24;box-shadow:0 0 20px #00e5ff33}.chart-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=760px){.chart-grid{grid-template-columns:1fr 1fr}}.donut-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.4rem;display:flex}@media (width>=480px){.donut-wrap{justify-content:flex-start}}.donut circle.seg{fill:none;stroke-linecap:butt;transition:opacity .2s,filter .2s}.donut:hover circle.seg{opacity:.45}.donut circle.seg:hover{opacity:1;filter:drop-shadow(0 0 6px var(--accent-glow))}.donut text{fill:var(--text-primary);text-anchor:middle}.donut .donut-total{font-family:var(--mono);font-size:17px;font-weight:700}.donut .donut-toplang{fill:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:9.5px}.legend{flex-direction:column;flex:1;gap:.4rem;min-width:0;list-style:none;display:flex}.legend li{color:var(--text-secondary);align-items:center;gap:.55rem;font-size:.8rem;display:flex}.legend .swatch{border-radius:3px;flex-shrink:0;width:11px;height:11px}.legend .lang-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.legend .lang-pct{font-family:var(--mono);color:var(--text-faint);margin-left:auto;font-size:.72rem}.weekday-chart svg{width:100%;height:auto;display:block}.rhythm-col{min-width:0;scroll-margin-top:4.5rem}.weekday-chart .bar{fill:url(#weekday-gradient);rx:4;transition:filter .2s}.weekday-chart .bar:hover{filter:drop-shadow(0 0 8px var(--accent-glow))}.weekday-chart text{font-family:var(--font);fill:var(--text-faint);font-size:11px}.weekday-chart .bar-value{font-family:var(--mono);fill:var(--accent-primary);font-size:11px;font-weight:600}.site-footer{text-align:center;border-top:1px solid #fdfcfb14;margin-top:2.5rem;padding-block:2rem 2.5rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.25rem .5rem;margin-bottom:1rem;display:flex}.footer-links a{color:var(--text-secondary);border-radius:10px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.footer-links a:hover{color:var(--accent-primary);background:var(--glass-bg)}.footer-links a[aria-current=page]{color:var(--accent-primary)}.footer-meta{color:var(--text-faint);font-size:.74rem}.footer-meta a{color:var(--text-faint)}.tooltip{z-index:100;pointer-events:none;background:var(--bg-secondary);border:1px solid var(--border-hover);color:var(--text-primary);white-space:nowrap;opacity:0;border-radius:8px;padding:.4rem .6rem;font-size:.72rem;font-weight:500;transition:opacity .15s,transform .15s;position:fixed;transform:translateY(2px);box-shadow:0 6px 24px #00e5ff26}.tooltip.visible{opacity:1;transform:translateY(0)}.tooltip strong{color:var(--accent-primary);font-family:var(--mono)}html.js .reveal:not(.visible){opacity:0;transform:translateY(16px)}html.js .reveal.visible{opacity:1;transition:opacity .6s ease var(--delay,0s), transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}table.sr-only{table-layout:fixed}.skip-link{z-index:50;background:var(--bg-secondary);color:var(--accent-primary);border:1px solid var(--border-hover);border-radius:8px;padding:.5rem .9rem;font-size:.85rem;text-decoration:none;transition:top .2s;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (width<=360px){.stat-grid{grid-template-columns:1fr 1fr;gap:.5rem}.product-row{padding:1rem}.product-metrics{gap:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.js .reveal:not(.visible){opacity:1;transition:none;transform:none}}
