:root{--ground:#0e1620;--bone:#e8e4da;--bone-60:rgba(232,228,218,0.6);--bone-30:rgba(232,228,218,0.3);--bone-12:rgba(232,228,218,0.12);--bone-06:rgba(232,228,218,0.06);--cyan:#00d4c4;--orange:#e4572e;--red:#ff3b30;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--grid:8px}*,:after,:before{box-sizing:border-box}body,html{margin:0;background:var(--ground);color:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--bone-06) 1px,transparent 1px),linear-gradient(to bottom,var(--bone-06) 1px,transparent 1px);background-size:64px 64px;opacity:.5;z-index:0}main{position:relative;z-index:1}article,button,div,input,section,select{border-radius:0}.mono{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dim{color:var(--bone-60)}.faint{color:var(--bone-30)}.cyan{color:var(--cyan)}.orange{color:var(--orange)}.red{color:var(--red)}.rule{height:1px;background:var(--bone-12);border:0;margin:0}.btn{font-family:var(--sans);font-size:14px;letter-spacing:.01em;padding:10px 18px;border:1px solid transparent;background:transparent;color:var(--bone);cursor:pointer;transition:opacity .12s linear}.btn:hover{opacity:.85}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--cyan);color:var(--ground);font-weight:600}.btn-secondary{border-color:var(--cyan);color:var(--cyan)}.btn-tertiary{color:var(--bone-60);padding-left:0;padding-right:0}.btn-destructive{border-color:var(--orange);color:var(--orange)}.tick{width:1px;background:var(--bone-30)}.dimension{border-left:1px solid var(--bone-30);padding-left:12px}.bar-track{position:relative;height:10px;border:1px solid var(--bone-30);background:transparent}.bar-fill{position:absolute;inset:0 auto 0 0;background:var(--cyan);transition:width .6s cubic-bezier(.22,1,.36,1)}.bar-fill.over{background:var(--orange)}a{color:var(--cyan);text-decoration:none;border-bottom:1px solid var(--bone-12)}a:hover{border-bottom-color:var(--cyan)}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}@media (max-width:720px){.wrap{padding:0 16px}body:before{background-size:40px 40px}}