:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07100d;color:#eff8f3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#07100d}button,input{font:inherit}.ambient{position:fixed;border-radius:999px;filter:blur(90px);opacity:.32;pointer-events:none}.ambient-one{width:32rem;height:32rem;right:-10rem;top:-12rem;background:#36d892}.ambient-two{width:24rem;height:24rem;left:-10rem;bottom:-12rem;background:#2475cf;opacity:.18}.demo-shell{position:relative;width:min(960px,calc(100% - 2rem));margin:0 auto;min-height:100vh;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;border-bottom:1px solid #284238}.brand{display:flex;align-items:center;gap:.7rem;font-weight:720;letter-spacing:-.01em}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.55rem;background:#84e9b6;color:#07100d;font-weight:900}.live-pill{display:flex;align-items:center;gap:.45rem;color:#a9c3b5;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.live-pill i{width:.48rem;height:.48rem;border-radius:50%;background:#65e6a2;box-shadow:0 0 0 .28rem #65e6a21a}main{flex:1;padding:clamp(3rem,8vw,6rem) 0 3rem}.eyebrow{margin:0 0 1rem;color:#83e6b2;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;max-width:900px;font-size:clamp(2.7rem,8vw,5.7rem);line-height:.94;letter-spacing:-.06em;overflow-wrap:anywhere}.phase{color:#aec5b9;font-size:1.1rem;margin:1.4rem 0 2.5rem}.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}article,.label-card,.status-card,details{background:#0d1d16cc;border:1px solid #29483a;border-radius:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}article{position:relative;min-height:8.2rem;padding:1.15rem}article>span,label{display:block;color:#88a798;font-size:.76rem;font-weight:760;text-transform:uppercase;letter-spacing:.1em}article code{display:block;margin-top:1.2rem;color:#edf8f2;overflow-wrap:anywhere;font-size:.92rem}button{border:0;border-radius:.48rem;background:#83e6b2;color:#06100b;padding:.72rem 1rem;font-weight:780;cursor:pointer}button:disabled{opacity:.4;cursor:wait}.copy{position:absolute;right:.8rem;top:.72rem;padding:.35rem .55rem;color:#83e6b2;background:transparent;border:1px solid #355e4a;font-size:.72rem}.label-card{margin-top:.8rem;padding:1.15rem}.label-card label small{margin-left:.35rem;color:#667f72;font-weight:550;letter-spacing:0;text-transform:none}.label-card>div{display:flex;gap:.65rem;margin-top:.8rem}input{width:100%;min-width:0;border:1px solid #355a49;border-radius:.5rem;padding:.75rem .85rem;color:#eff8f3;background:#07110d;outline:none}input:focus{border-color:#83e6b2;box-shadow:0 0 0 .18rem #83e6b21a}.label-card p{margin:.7rem 0 0;color:#789487;font-size:.79rem}.status-card{margin-top:.8rem;overflow:hidden}.status-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border-bottom:1px solid #29483a}.status-header h2{margin:0;font-size:1rem}.status-header strong{color:#9bb5a7;font-size:.8rem;font-variant-numeric:tabular-nums}.probe-list{min-height:4rem}.empty{padding:0 1.15rem;color:#789487}.probe-row{display:grid;grid-template-columns:minmax(0,1fr) auto 7rem;gap:.8rem;align-items:center;padding:.7rem 1.15rem;border-top:1px solid #1b3329;font-size:.84rem}.probe-row:first-child{border-top:0}.probe-meta{color:#789487;font-variant-numeric:tabular-nums}.probe-status{justify-self:stretch;border:1px solid #385c4b;border-radius:99px;padding:.2rem .55rem;text-align:center;color:#b3c9bd;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.probe-status.success{border-color:#2f8d5f;color:#83e6b2}.probe-status.unsupported{border-color:#665f43;color:#d4c27c}.probe-status.error,.probe-status.blocked,.probe-status.timeout{border-color:#744b44;color:#efad9f}details{margin-top:.8rem;padding:1rem 1.15rem}summary{cursor:pointer;color:#9db8aa;font-weight:700}pre{max-height:30rem;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#bcd0c5;font-size:.78rem}.actions{margin-top:1rem}.secondary{background:transparent;border:1px solid #355e4a;color:#83e6b2}footer{padding:1.5rem 0 2rem;color:#617d6f;font-size:.75rem;text-align:center}@media(max-width:680px){.identity-grid{grid-template-columns:1fr}.label-card>div{flex-direction:column}.probe-row{grid-template-columns:minmax(0,1fr) auto}.probe-status{grid-column:1 / -1;justify-self:start;min-width:7rem}}