:root{--bg:#0A0F0D;--surface:#0E1512;--surface-2:#111A17;--accent:#2EE1B9;--accent-contrast:#04251E;--fg:#E6F2EF}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}a{color:var(--accent)}.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#0e1512d9;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);border-bottom:1px solid #12241F}.nav a{color:var(--fg);text-decoration:none;margin-left:12px;opacity:.9;padding-bottom:2px}.nav a.active{border-bottom:1px solid var(--accent);box-shadow:0 0 6px #2ee1b959}.container{max-width:70ch;margin:24px auto;padding:0 16px}.container.wide{max-width:980px}.card{background:var(--surface-2);border:1px solid #12241F;border-radius:8px;padding:16px;transition:border-color .15s ease}.card:hover{border-color:#1b302b}.card h3{margin:0 0 12px;font-size:1rem;font-weight:600;letter-spacing:.02em}.card-sub{display:block;color:#9fb5b0;margin-top:10px;font-size:.8rem}.h1{font-size:1.5rem;font-weight:600;margin:0;letter-spacing:.01em}.muted{color:#9fb5b0}.stack{display:grid;gap:16px}.stack-lg{display:grid;gap:20px}.stack-xs{display:grid;gap:6px}.hstack{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid;font-size:.85rem;font-weight:500;text-transform:capitalize}.chip .dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.kv{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:0}.kv dt{color:#9fb5b0;font-size:.85rem}.kv dd{margin:0;font-variant-numeric:tabular-nums}.metric-row{display:grid;grid-template-columns:76px 1fr 56px;gap:12px;align-items:center;font-size:.88rem}.metric-row .label{color:#9fb5b0}.metric-row .value{text-align:right;font-variant-numeric:tabular-nums}.bar{position:relative;height:10px;background:#0b1411;border:1px solid #13231E;border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);border-radius:999px;box-shadow:inset 0 0 8px #2ee1b940;transition:width .3s ease}.bar.alt>i{background:#ffa66b;box-shadow:inset 0 0 8px #ffa66b40}.bar .marker{position:absolute;top:-2px;bottom:-2px;width:2px;background:#e6f2ef73;pointer-events:none}.legend{display:inline-flex;gap:14px;margin-top:10px;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#9fb5b0}.legend .swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.skeleton{background:linear-gradient(90deg,#101a17,#16231f,#101a17);background-size:200% 100%;animation:sh 1.2s ease-in-out infinite;border-radius:6px;height:12px}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.grid{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:720px){.grid-3,.grid-2{grid-template-columns:1fr}}.tile{background:var(--surface-2);border:1px solid #12241F;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;transition:border-color .15s ease}.tile:hover{border-color:#1b302b}.tile .eyebrow{font-size:.7rem;letter-spacing:.08em;color:#9fb5b0;text-transform:uppercase}.tile .score{font-size:2.1rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.tile .sub{color:#9fb5b0;font-size:.8rem}.tile .trend{margin-top:auto}.stat-row{display:flex;gap:18px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px;min-width:80px}.stat .k{font-size:.72rem;color:#9fb5b0;letter-spacing:.05em;text-transform:uppercase}.stat .v{font-size:1.1rem;font-variant-numeric:tabular-nums}.stat .v small{font-size:.7rem;color:#9fb5b0;margin-left:3px}.delta{display:inline-block;padding:1px 6px;border-radius:4px;font-size:.72rem;font-weight:500;margin-left:6px}.delta.up{background:#3a1e1a;color:#ff7a66}.delta.down{background:#0e2a24;color:#2ee1b9}.delta.flat{background:#13221f;color:#9fb5b0}.stack-bar{display:flex;height:12px;width:100%;overflow:hidden;border-radius:4px;background:#0b1411;border:1px solid #13231E}.stack-bar>span{display:block;height:100%;min-width:2px}.seg-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:.78rem;color:#9fb5b0}.seg-legend .dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:middle}.progress{height:8px;background:#0b1411;border:1px solid #13231E;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.level-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.78rem;border:1px solid;text-transform:capitalize}.wtable{width:100%;border-collapse:collapse;font-size:.85rem}.wtable th{text-align:left;color:#9fb5b0;font-weight:500;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;padding:6px 8px;border-bottom:1px solid #13231E}.wtable td{padding:8px;border-bottom:1px solid #0f1a17;font-variant-numeric:tabular-nums}.wtable tr:last-child td{border-bottom:none}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.section-head h3{margin:0;font-size:1rem;font-weight:600;letter-spacing:.02em}.section-head .sub{font-size:.78rem;color:#9fb5b0}code,pre{font-family:inherit}pre{background:#0b1411;border:1px solid #13231E;padding:12px;border-radius:8px;overflow:auto}@media (prefers-reduced-motion: no-preference){.fade{animation:fade .18s ease-out}}@keyframes fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}