:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1eb;--bg-accent:#e8f0ee;--surface:#fff;--ink:#0f172a;--muted:#64748b;--border:#0f172a14;--teal:#0f766e;--blue:#2563eb;--orange:#c2410c;--violet:#7c3aed;--shadow:0 10px 30px #0f172a0f;--radius:18px;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #dceee9 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #f6e7d8 0%, transparent 50%), var(--bg);font-family:DM Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}a{color:var(--teal)}.app{max-width:1180px;margin:0 auto;padding:28px 20px 48px}.hero{gap:16px;margin-bottom:28px;display:grid}.hero__brand{align-items:center;gap:14px;display:flex}.hero__mark{letter-spacing:.02em;color:#fff;width:48px;height:48px;box-shadow:var(--shadow);background:linear-gradient(135deg,#0f766e,#1d4ed8);border-radius:14px;place-items:center;font-weight:700;display:grid}.hero__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0;font-size:.78rem;font-weight:600}.hero h1{letter-spacing:-.03em;margin:2px 0 0;font-size:clamp(1.6rem,3vw,2.1rem)}.hero__lede{max-width:62ch;color:var(--muted);margin:0;font-size:1.02rem}.role-tabs{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffb3;border-radius:999px;flex-wrap:wrap;gap:6px;width:fit-content;padding:6px;display:inline-flex}.role-tabs__btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:background .15s,color .15s,transform .15s;display:inline-flex}.role-tabs__btn:hover{color:var(--ink);background:#0f172a0a}.role-tabs__btn.is-active{background:var(--ink);color:#fff}.role-tabs__icon{font-size:1rem}.dashboard__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.insight-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;min-height:100%;display:flex;overflow:hidden}.insight-card__header{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 0;display:flex}.insight-card__title{letter-spacing:-.02em;margin:0;font-size:1.05rem}.insight-card__subtitle{color:var(--muted);margin:6px 0 0;font-size:.88rem}.insight-card__badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.insight-card__body{flex:1;padding:14px 18px 8px}.attribution{border-top:1px solid var(--border);color:var(--muted);background:#fafaf8;margin-top:auto;padding:12px 18px 14px;font-size:.72rem;line-height:1.4}.attribution__note{opacity:.85}.pill{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#334155;background:#e2e8f0;border-radius:999px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.pill--live{color:#166534;background:#dcfce7}.pill--sample{color:#92400e;background:#fef3c7}.pill--warm,.pill--tight{color:#9a3412;background:#ffedd5}.pill--cool,.pill--loose{color:#075985;background:#e0f2fe}.pill--neutral{color:#334155;background:#e2e8f0}.card-grid-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:10px;display:grid}.stat-callout{border:1px solid var(--border);background:#f8fafc;border-radius:14px;padding:12px 12px 10px}.stat-callout--warm,.stat-callout--tight{background:#fff7ed;border-color:#c2410c26}.stat-callout--cool,.stat-callout--loose{background:#f0f9ff;border-color:#0891b22e}.stat-callout__label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.72rem;font-weight:600}.stat-callout__value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.45rem;font-weight:700}.stat-callout__hint{color:var(--muted);margin-top:2px;font-size:.78rem}.insight-blurb{color:#334155;margin:0 0 12px;font-size:.92rem}.chart-wrap{width:100%;min-height:200px}.skeleton,.error-state{text-align:center;color:var(--muted);background:#f8fafc;border-radius:12px;padding:28px 12px}.error-state{color:#b91c1c;background:#fef2f2}.tag-cloud{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.tag-cloud li{justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;display:flex}.tag{color:#1d4ed8;text-transform:lowercase;background:#eff6ff;border-radius:999px;padding:3px 9px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;font-weight:600;display:inline-flex}.tag-meta{color:var(--muted);font-size:.75rem}.onet-header{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.onet-code{color:var(--violet);font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;font-weight:600}.onet-title{margin:2px 0 0;font-size:1.05rem}.onet-desc{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.geo-list{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.geo-list li{background:#f8fafc;border-radius:10px;justify-content:space-between;gap:12px;padding:8px 10px;font-size:.85rem;display:flex}.geo-list span{color:var(--muted);text-align:right}.heatmap{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.heatmap__cell{border-radius:12px;flex-direction:column;justify-content:space-between;gap:6px;min-height:72px;padding:12px 10px;transition:transform .12s;display:flex}.heatmap__cell:hover{transform:translateY(-1px)}.heatmap__skill{text-transform:lowercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.82rem;font-weight:700}.heatmap__count{opacity:.9;font-variant-numeric:tabular-nums;font-size:.78rem}.muted-note{color:var(--muted);margin:8px 0 0;font-size:.8rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:32px;padding-top:18px;font-size:.85rem}.site-footer p{margin:0 0 6px}.site-footer__small{font-size:.75rem}@media (width<=900px){.dashboard__grid{grid-template-columns:1fr}}@media (width<=560px){.app{padding:18px 14px 36px}.insight-card__header{flex-direction:column}.geo-list li{flex-direction:column;align-items:flex-start}.geo-list span{text-align:left}}