.lab-hd{--l-bg:#0b0e14;--l-bg2:#11151d;--l-bg3:#171c26;--l-fg:#f4f3ef;--l-fg2:#c9c7c0;--l-fg3:#8f8d86;--l-line:#ffffff1a;--l-line2:#fff3;--l-alert:#ff6a3d;--l-ok:#3ccf8e;--l-warn:#ffb547;--l-mono:"JetBrains Mono Variable",ui-monospace,Consolas,monospace;--l-sans:"Space Grotesk Variable",system-ui,sans-serif;--grade:#8f8d86;background:var(--l-bg);color:var(--l-fg);font-family:var(--l-sans);font-size:1rem;line-height:1.6}.lab-hd[data-grade=A],.lab-hd[data-grade=B]{--grade:var(--l-ok)}.lab-hd[data-grade=C],.lab-hd[data-grade=D]{--grade:var(--l-warn)}.lab-hd[data-grade=E],.lab-hd[data-grade=F]{--grade:var(--l-alert)}.lab-hd .concept-notice{color:#b8bec7;font:.64rem var(--l-mono);background:#07090d;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 3vw;display:flex}.lab-hd .concept-notice a{color:#eceeea;text-decoration:none}.lab-hd .concept-notice span{text-align:right}.lab-hd .lab-head{border-bottom:1px solid var(--l-line);font:.68rem var(--l-mono);letter-spacing:.08em;color:#9ea9b8;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 3vw;display:flex}.lab-hd .lab-brand{color:var(--l-fg);align-items:center;gap:.6rem;display:flex}.lab-hd .lab-brand i{background:var(--l-alert);width:6px;height:6px;box-shadow:0 0 12px var(--l-alert);border-radius:50%}.lab-hd .lab-wrap{width:min(100% - 2*clamp(1rem,4vw,2rem),76rem);margin-inline:auto}.lab-hd .lab-intro{gap:.6rem;padding:3.2rem 0 2rem;display:grid}.lab-hd .lab-eyebrow{font:.66rem var(--l-mono);letter-spacing:.16em;color:var(--l-alert);margin:0 0 .4rem}.lab-hd h1{font-family:var(--l-sans);letter-spacing:-.04em;color:var(--l-fg);margin:0;font-size:clamp(2.3rem,5.2vw,4.4rem);font-weight:700;line-height:1.02}.lab-hd h2{font-family:var(--l-sans);letter-spacing:-.02em;color:var(--l-fg);margin:0 0 .6em;font-size:1.35rem;font-weight:650}.lab-hd h3{font:.66rem var(--l-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--l-fg3);margin:.9rem 0 .3rem}.lab-hd .lab-lead{color:var(--l-fg2);max-width:64ch;margin:.4rem 0 0;font-size:1.02rem}.lab-hd .hd-warn{border:1px solid var(--l-alert);color:var(--l-fg);background:#ff6a3d1a;border-radius:10px;max-width:70ch;margin:.8rem 0 0;padding:.8rem 1.1rem;font-size:.92rem}.lab-hd .hd-warn strong{color:var(--l-alert)}.lab-hd .hd-board{grid-template-columns:minmax(15rem,19rem) 1fr;align-items:start;gap:1.5rem;padding-bottom:2.5rem;display:grid}.lab-hd .hd-pick{border:1px solid var(--l-line);background:linear-gradient(130deg,#151c25,#0d1219);border-radius:12px;gap:.9rem;min-width:0;padding:1.1rem;display:grid}.lab-hd .hd-pick-label{font:.68rem var(--l-mono);letter-spacing:.14em;text-transform:uppercase;color:#9ea9b8;margin:0}.lab-hd .hd-sites{gap:.45rem;display:grid}.lab-hd [data-site]{text-align:left;background:var(--l-bg2);border:1px solid var(--l-line);width:100%;color:var(--l-fg2);cursor:pointer;font-family:var(--l-sans);touch-action:manipulation;border-radius:9px;gap:.1rem;min-width:0;padding:.75rem .85rem;transition:border-color .2s,background .2s;display:grid}.lab-hd [data-site] span{font:.6rem var(--l-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--l-fg3)}.lab-hd [data-site] strong{color:var(--l-fg);font-size:.95rem}.lab-hd [data-site] code{font:.7rem var(--l-mono);color:var(--l-fg3);overflow-wrap:anywhere}.lab-hd [data-site]:hover:not(:disabled){border-color:var(--l-line2);background:var(--l-bg3)}.lab-hd [data-site][aria-pressed=true]{border-color:var(--l-alert);background:var(--l-bg3)}.lab-hd [data-site]:disabled{opacity:.6;cursor:not-allowed}.lab-hd .hd-actions{gap:.5rem;display:grid}.lab-hd .lab-btn{border:1px solid var(--l-alert);background:var(--l-alert);color:#1a0d08;min-height:2.8rem;font:600 .88rem var(--l-sans);cursor:pointer;touch-action:manipulation;text-align:center;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.65em 1.2em;transition:background .2s,color .2s;display:inline-flex}.lab-hd .lab-btn:hover:not(:disabled){color:#fff;background:#d8552a}.lab-hd .lab-btn:disabled{opacity:.55;cursor:not-allowed}.lab-hd .lab-btn--ghost{border-color:var(--l-ok);color:var(--l-ok);background:0 0}.lab-hd .lab-btn--ghost:hover:not(:disabled){color:var(--l-ok);background:#3ccf8e24}.lab-hd .hd-pick-note{color:var(--l-fg3);margin:0;font-size:.74rem;line-height:1.5}.lab-hd .hd-stage{perspective:1300px;min-width:0}.lab-hd .hd-layers{transform-style:preserve-3d;transform:rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:1.2rem;transition:transform .4s;display:grid}.lab-hd .hd-radar-wrap{border:1px solid var(--l-line2);background:radial-gradient(at 50% 45%,#13202a,#0a0f15 72%);border-radius:14px;padding:1rem;position:relative;transform:translateZ(34px);box-shadow:0 30px 60px #00000080}.lab-hd .hd-radar-wrap canvas{aspect-ratio:1;width:100%;display:block}.lab-hd .hd-grade{text-align:right;font:.6rem var(--l-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--l-fg3);gap:0;display:grid;position:absolute;bottom:1rem;right:1rem}.lab-hd .hd-grade strong{font:700 2.6rem/1 var(--l-sans);letter-spacing:-.04em;color:var(--grade);text-transform:none}.lab-hd .hd-grade em{text-transform:none;letter-spacing:0;color:var(--l-fg2);max-width:16ch;font-size:.62rem;font-style:normal}.lab-hd .hd-console{border:1px solid var(--l-line2);background:#07090d;border-radius:12px;min-width:0;overflow:hidden;transform:translateZ(-26px)rotateY(-5deg);box-shadow:0 20px 40px #00000073}.lab-hd .hd-console-bar{border-bottom:1px solid var(--l-line);font:.62rem var(--l-mono);letter-spacing:.08em;color:var(--l-fg3);align-items:center;gap:.4rem;padding:.6rem .9rem;display:flex}.lab-hd .hd-console-bar i{background:#2d3644;border-radius:50%;width:9px;height:9px}.lab-hd .hd-console-bar i:first-child{background:var(--l-alert)}.lab-hd .hd-console-bar span{margin-left:.5rem}.lab-hd .hd-console pre{font:.72rem/1.65 var(--l-mono);color:#c8d2de;white-space:pre-wrap;overflow-wrap:anywhere;min-height:16rem;max-height:22rem;margin:0;padding:.9rem 1rem;overflow:auto}.lab-hd .hd-console .is-ok{color:var(--l-ok)}.lab-hd .hd-console .is-warn{color:var(--l-warn)}.lab-hd .hd-console .is-bad{color:var(--l-alert)}.lab-hd .hd-console .is-cmd{color:var(--l-fg)}.lab-hd .hd-results{padding:1rem 0 3rem}.lab-hd .hd-results-head{max-width:70ch;margin-bottom:1.2rem}.lab-hd .hd-results-head h2{outline:none;font-size:clamp(1.3rem,2.4vw,1.9rem)}.lab-hd .hd-results-head p:last-child{color:var(--l-fg2);margin:0;font-size:.9rem}.lab-hd .hd-list{gap:.5rem;display:grid}.lab-hd .hd-item{border:1px solid var(--l-line);border-left:3px solid var(--l-fg3);background:var(--l-bg2);border-radius:10px}.lab-hd .hd-item.is-ok{border-left-color:var(--l-ok)}.lab-hd .hd-item.is-warn{border-left-color:var(--l-warn)}.lab-hd .hd-item.is-bad{border-left-color:var(--l-alert)}.lab-hd .hd-item summary{cursor:pointer;grid-template-columns:4.4rem 13rem 1fr auto;align-items:center;gap:.6rem 1rem;padding:.8rem 1rem;font-size:.9rem;list-style:none;display:grid}.lab-hd .hd-item summary::-webkit-details-marker{display:none}.lab-hd .hd-item summary:after{content:"+";color:var(--l-fg3);font-size:1.2rem;line-height:1}.lab-hd .hd-item[open] summary:after{content:"−"}.lab-hd .hd-st{font:.62rem var(--l-mono);letter-spacing:.1em;text-align:center;border:1px solid;border-radius:4px;padding:.2rem .4rem}.lab-hd .is-ok .hd-st{color:var(--l-ok)}.lab-hd .is-warn .hd-st{color:var(--l-warn)}.lab-hd .is-bad .hd-st{color:var(--l-alert)}.lab-hd .hd-item summary strong{color:var(--l-fg)}.lab-hd .hd-item summary em{font:.74rem var(--l-mono);color:var(--l-fg2);overflow-wrap:anywhere;font-style:normal}.lab-hd .hd-item-body{border-top:1px solid var(--l-line);padding:.2rem 1rem 1.1rem}.lab-hd .hd-item-body p{color:var(--l-fg2);max-width:70ch;margin:0;font-size:.88rem}.lab-hd .hd-item-body code{font:.72rem var(--l-mono);color:#d8e3f0;border:1px solid var(--l-line);overflow-wrap:anywhere;background:#0000004d;border-radius:6px;margin-top:.8rem;padding:.6rem .8rem;display:block}.lab-hd .lab-learn{border-top:1px solid var(--l-line);padding:3rem 0 3.5rem}.lab-hd .lab-learn ol{max-width:68ch;color:var(--l-fg2);margin:0 0 1.5rem;padding-left:1.2em}.lab-hd .lab-learn li+li{margin-top:.5em}.lab-hd .lab-notice{font:.76rem var(--l-mono);color:var(--l-fg3);border-left:3px solid var(--l-alert);background:var(--l-bg2);border-radius:0 8px 8px 0;max-width:70ch;padding:.5rem .9rem;line-height:1.6}.lab-hd .lab-links{flex-wrap:wrap;gap:1rem 2rem;margin-top:1.4rem;display:flex}.lab-hd .lab-links a{color:var(--l-fg);border-bottom:1px solid var(--l-alert);padding-bottom:.2rem;font-weight:600;text-decoration:none}.lab-hd .lab-links a:hover{color:var(--l-alert)}.lab-hd .lab-foot{border-top:1px solid var(--l-line);color:var(--l-fg3);background:#07090d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem 3vw;font-size:.74rem;display:flex}.lab-hd .lab-foot strong{color:var(--l-fg)}.lab-hd .lab-foot a{color:var(--l-alert);text-decoration:none}@media (width<=64em){.lab-hd .hd-board{grid-template-columns:1fr}.lab-hd .hd-sites{grid-template-columns:repeat(3,1fr)}.lab-hd .hd-actions{grid-template-columns:1fr 1fr}.lab-hd .hd-layers{grid-template-columns:1fr}.lab-hd .hd-console{transform:translateZ(-10px)}.lab-hd .hd-radar-wrap{width:100%;max-width:30rem;margin-inline:auto}.lab-hd .hd-item summary{grid-template-columns:4.4rem 1fr auto}.lab-hd .hd-item summary em{grid-column:2/4}}@media (width<=40em){.lab-hd .concept-notice{padding:.65rem 1rem;font-size:.5rem}.lab-hd .concept-notice span{max-width:26ch}.lab-hd .lab-head{font-size:.58rem}.lab-hd .lab-intro{padding-top:2.2rem}.lab-hd .hd-sites,.lab-hd .hd-actions{grid-template-columns:1fr}.lab-hd .hd-layers,.lab-hd .hd-radar-wrap,.lab-hd .hd-console{transform:none}.lab-hd .hd-console pre{min-height:10rem;max-height:14rem}.lab-hd .hd-grade strong{font-size:2rem}.lab-hd .lab-foot{font-size:.68rem}.lab-hd .lab-foot a{width:100%}}@media (prefers-reduced-motion:reduce){.lab-hd .hd-layers{transition:none}}
