@font-face{font-family:PortalInter;src:url(../media/portal-inter.2bn3s6zvc0dyp.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Space Grotesk;src:url(../media/space-grotesk-latin.092gko6h6levo.woff2)format("woff2");font-weight:300 700;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0d10;--surface:#15161a;--text:#eef0f4;--muted:#babdc5;--border:#343840;--accent:#c36660;--success:#9bd8b6;--focus:#a8b8ce;--body:PortalInter,Arial,sans-serif;--heading:"Space Grotesk",Arial,sans-serif;--mono:Consolas,monospace;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--text);font:16px/1.65 var(--body);margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-underline-offset:5px}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3,h4{font-family:var(--heading);letter-spacing:-.035em;margin:0 0 20px;font-weight:500;line-height:1.12}h1{font-size:clamp(40px,5vw,68px)}h2{font-size:clamp(30px,3.5vw,44px)}h3{font-size:24px}p{color:var(--muted);margin:0 0 20px}small,.small{font-size:13px}code{font:13px/1.6 var(--mono);overflow-wrap:anywhere}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.shell{max-width:1280px;margin:auto;padding:40px 48px}.intro{border-bottom:1px solid var(--border);padding:50px 0 64px}.intro p{max-width:720px;font-size:18px}.kitnav{flex-wrap:wrap;gap:12px 24px;margin:28px 0;display:flex}.kitnav a{font-size:14px;text-decoration:none}.kitnav a:hover{text-decoration:underline}.section{border-bottom:1px solid var(--border);padding:64px 0}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:28px}.card p:last-child{margin-bottom:0}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack{gap:20px;display:grid}.swatch{border:1px solid var(--border);border-radius:6px;height:88px;margin-bottom:16px}.sample{border-bottom:1px solid var(--border);padding:22px 0}.sample:last-child{border-bottom:0}.sample .meta{font:12px var(--mono);color:var(--muted);margin-top:10px;display:block}.display{font-family:var(--heading);letter-spacing:-.05em;font-size:clamp(40px,4.5vw,64px);font-weight:550;line-height:1.08}.btn{border:1px solid var(--text);background:var(--text);min-height:48px;color:var(--bg);border-radius:5px;justify-content:center;align-items:center;gap:20px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn:hover:not(:disabled){background:#dce2ea}.btn:active:not(:disabled){transform:translateY(1px)}.btn.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn.secondary:hover:not(:disabled){background:#22262e}.btn.ghost{color:var(--text);background:0 0;border-color:#0000}.btn.danger{border-color:var(--accent);color:var(--text);background:#291817}.btn.compact{min-height:44px;padding:8px 16px;font-size:13px}.textlink{text-decoration:none;display:inline-block;position:relative}.textlink:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .25s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.textlink:is(:hover,:focus-visible):after{transform:scaleX(1)}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:15px;height:15px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}label,.fieldlabel{margin-bottom:8px;font-size:14px;display:block}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);background:#101114;border-radius:5px;padding:12px 14px}textarea{resize:vertical;min-height:120px}input:disabled{opacity:.5}input[aria-invalid=true]{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:#9298a3}.hint{margin:8px 0 0;font-size:13px}.error{color:#e3a09a}.check{align-items:flex-start;gap:12px;min-height:44px;display:flex}.check input{width:18px;height:18px;accent-color:var(--success);flex-shrink:0;margin:4px 0}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:16px;font-size:14px}.badge{border:1px solid var(--border);color:var(--muted);border-radius:24px;align-items:center;gap:8px;padding:3px 10px;font-size:12px;display:inline-flex}.badge.good{color:var(--success);border-color:#9bd8b640}.badge.alert{color:#e3a09a;border-color:#c3666080}.notice{border:1px solid var(--border);border-left:3px solid var(--focus);background:var(--surface);border-radius:8px;padding:22px}.notice.good{border-left-color:var(--success)}.notice.error{border-left-color:var(--accent)}.notice strong{color:var(--text)}.notice p{margin:8px 0 0}progress{width:100%;height:6px;accent-color:var(--success)}.tabs{border-bottom:1px solid var(--border);gap:0;display:flex}.tabs button{min-height:48px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px 8px;font-size:14px}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--focus);background:#1b2737}[role=tabpanel]{min-height:140px;padding:24px 0}[hidden]{display:none!important}details{border-bottom:1px solid var(--border);padding:18px 0}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:44px;list-style:none;display:flex}summary:after{content:"+";color:var(--accent);font-size:26px}details[open] summary:after{content:"−"}details p{margin:0;padding-top:16px}.tablewrap{border:1px solid var(--border);border-radius:10px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:540px;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:18px 22px}th{color:var(--muted);background:var(--surface);font-weight:500}.brand{letter-spacing:.08em;align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand img{width:28px;height:35px}.siteheader{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:24px;padding:20px 24px;display:flex}.siteheader nav{flex-wrap:wrap;align-items:center;gap:24px;margin-left:auto;font-size:13px;display:flex}.mobileframe{border:1px solid var(--border);background:var(--bg);border-radius:10px;width:320px;max-width:100%;padding:20px}.mobiletop{justify-content:space-between;align-items:center;gap:8px;display:flex}.mobileframe .brand{gap:8px;font-size:15px}.mobileframe .brand img{width:22px}.mobilelinks{padding-top:20px}.mobilelinks>a{border-bottom:1px solid #ffffff0d;min-height:48px;padding:12px 0;font-size:17px;text-decoration:none;display:block}.mobilelinks .row{justify-content:space-between;padding:16px 0;font-size:13px}.mobilelinks label{justify-content:space-between;align-items:center;padding:12px 0;display:flex}.mobilelinks select{width:90px}.mobilelinks .btn{width:100%}.sitefooter{border-top:1px solid var(--border);padding:32px 0}.sitefooter .grid{grid-template-columns:1fr 1fr}.footerlinks{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;font-size:13px;display:grid}.footerlinks a{text-decoration:none}.copyright{border-top:1px solid var(--border);color:var(--muted);margin-top:32px;padding-top:20px;font-size:11px}.spacing{flex-wrap:wrap;align-items:flex-end;gap:18px;display:flex}.spacing div{background:var(--focus);min-width:8px}.spacing code{color:var(--bg);padding:2px;font-size:10px;display:block}.statuscard{text-align:center;max-width:650px;margin:auto;padding:44px 24px}.steps{flex-wrap:wrap;gap:16px;padding:0;font-size:13px;list-style:none;display:flex}.steps li{border-bottom:2px solid var(--border);padding:8px}.steps li.active{border-color:var(--success)}dialog{border:1px solid var(--border);background:var(--surface);width:calc(100% - 40px);max-width:480px;color:var(--text);border-radius:10px;padding:32px}dialog::backdrop{background:#0009}dialog h2{font-size:28px}.toast{z-index:20;max-width:calc(100% - 48px);color:var(--text);border:1px solid var(--success);background:#1a2d23;border-radius:8px;padding:16px 22px;position:fixed;bottom:24px;right:24px}.note{border-left:2px solid var(--accent);margin:24px 0;padding:4px 0 4px 18px;font-size:14px}.rail{background:var(--border);border-radius:5px;height:5px;overflow:hidden}.rail span{background:var(--success);width:65%;height:100%;display:block}.empty{text-align:center;border:1px dashed var(--border);border-radius:10px;padding:44px 24px}.skeleton{background:#343840;border-radius:4px;max-width:85%;height:14px;margin:14px 0}.spec{color:var(--muted);margin-top:16px;font-size:13px}.layoutdemo{grid-template-columns:1fr 1fr;gap:24px;display:grid}.layoutdemo>div{border:1px solid var(--border);background:#15161a;border-radius:8px;min-height:100px;padding:20px}.skip{position:absolute;top:-100px;left:12px}.skip:focus{background:var(--text);color:var(--bg);z-index:30;padding:12px;top:12px}@media (max-width:760px){.shell{padding:24px 20px}.section{padding:44px 0}.grid.two,.sitefooter .grid,.layoutdemo{grid-template-columns:1fr}.card{padding:22px}.siteheader nav{margin:0}.siteheader{padding:20px}.intro{padding-top:20px}.tablewrap{max-width:100%}.sitefooter{padding-bottom:0}.intro p{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.grid>*{min-width:0}@media (max-width:760px){.grid.two,.sitefooter .grid,.layoutdemo{grid-template-columns:minmax(0,1fr)}.mobileframe{width:100%}.mobiletop{flex-wrap:wrap}}