:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eee7df;--muted:#aaa19c;--wine:#7d263d;--wine2:#b65470;--line:#eee7df24;--panel:#171315;--bg:#0c0a0b;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(circle at 75% 0,#7d263d2e,transparent 34rem),var(--bg);margin:0}button,input,select{font:inherit}button{cursor:pointer}header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(22px,4vw,64px);display:grid}.brand{color:inherit;align-items:center;gap:12px;font-weight:600;text-decoration:none;display:flex}.brand img{width:38px}.section-name{color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-size:12px}.header-actions{justify-self:end;align-items:center;gap:10px;display:flex}.read-link{color:var(--ink);border:1px solid var(--line);background:0 0;padding:10px 16px;text-decoration:none}.read-link:hover{border-color:var(--wine2)}.read-link:focus-visible{outline:2px solid var(--wine2);outline-offset:2px}header button{color:var(--ink);border:1px solid var(--line);background:0 0;justify-self:end;padding:10px 16px}.state{text-align:center;place-content:center;min-height:calc(100vh - 76px);display:grid}.state h1,.hero h1{margin:.25em 0;font:400 clamp(64px,9vw,130px)/.8 Instrument Serif,serif}.state a{color:var(--wine2)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--wine2);font-size:11px;font-weight:600}.hero{justify-content:space-between;align-items:end;padding:clamp(60px,8vw,110px) clamp(22px,6vw,90px);display:flex}.hero h1 em{color:var(--wine2);font-weight:400}.hero>p{max-width:330px;color:var(--muted);line-height:1.7}.metrics{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.metrics article{border-right:1px solid var(--line);padding:28px clamp(18px,3vw,42px)}.metrics article:last-child{border:0}.metrics span{color:var(--muted);font-size:12px;display:block}.metrics strong{margin-top:8px;font:400 46px Instrument Serif,serif;display:block}.workspace{gap:28px;padding:clamp(50px,6vw,90px) clamp(22px,6vw,90px);display:grid}.panel{border:1px solid var(--line);background:#171315b8}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px;display:flex}.panel-heading h2{margin:6px 0 0;font:400 42px Instrument Serif,serif}.panel-heading button,.list button,.new-code button{color:var(--ink);border:1px solid var(--line);background:0 0;padding:10px 14px}.create-form{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:16px;padding:24px 28px;display:grid}.create-form label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.create-form input,.create-form select{width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--line);margin-top:8px;padding:12px;display:block}.create-form>button{height:42px;color:var(--ink);background:var(--wine);border:0;padding:0 22px}.new-code{border-left:3px solid var(--wine2);background:#7d263d29;grid-template-columns:1fr auto;gap:8px;margin:22px 28px;padding:18px;display:grid}.new-code span{color:var(--muted);text-transform:uppercase;grid-column:1/-1;font-size:11px}.new-code strong{overflow-wrap:anywhere}.list article{border-top:1px solid var(--line);grid-template-columns:minmax(200px,1fr) minmax(100px,2fr) 70px auto;align-items:center;gap:18px;padding:20px 28px;display:grid}.list article:first-child{border-top:0}.identity strong,.identity small{display:block}.identity small{color:var(--muted);margin-top:5px}.progress{background:var(--line);height:4px}.progress i{background:var(--wine2);height:100%;display:block}.empty{color:var(--muted);padding:26px}@media (width<=800px){header{grid-template-columns:1fr auto}.section-name{display:none}.hero{display:block}.metrics{grid-template-columns:repeat(2,1fr)}.create-form{grid-template-columns:1fr}.list article{grid-template-columns:1fr auto}.progress{grid-area:2/1/auto/-1}.list article>b{display:none}.new-code{grid-template-columns:1fr}.new-code button{justify-self:start}}