:root{--bg:#121313;--fg:#ecebe6;--dim:#94958f;--line:#2b2c2a;--panel:#191a19;--field:#0e0f0f;--acc:#c9b98a;--dev:#e0a84e;--stg:#78aee0;--prd:#72c690;--err:#e57c6b;--serif:Fraunces,Georgia,serif;--sans:Figtree,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font:17px/1.6 var(--sans);margin:0}a{color:inherit}:focus-visible{outline:1px solid var(--acc);outline-offset:3px}.dev{color:var(--dev)}.stg{color:var(--stg)}.prd{color:var(--prd)}.w{max-width:1120px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto;padding-block:28px 96px}.narrow{max-width:720px}nav.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{font:300 21px var(--mono);text-decoration:none}.logo span{color:var(--dim)}nav.top div{flex-wrap:wrap;align-items:center;gap:22px;display:flex}nav.top div a{color:var(--dim);text-decoration:none}nav.top div a.b{color:var(--fg);border:1px solid var(--line);padding:6px 12px}h1{font:300 clamp(36px,5.5vw,64px)/1.06 var(--serif);text-wrap:balance;max-width:16ch;margin:96px 0 20px}h1.s{max-width:22ch;margin-top:72px;font-size:clamp(32px,4.5vw,48px)}h2{font:300 34px var(--serif);margin:80px 0 20px}.lede{max-width:56ch;color:var(--dim);font-size:19px}.btn{background:var(--acc);color:#121313;font:600 16px var(--sans);cursor:pointer;border:0;padding:12px 20px;text-decoration:none;display:inline-block}.btn.ghost{color:var(--fg);border:1px solid var(--line);background:0 0}.mono{font:300 12px var(--mono);color:var(--dim)}.shot{aspect-ratio:16/10;background:linear-gradient(var(--panel),var(--panel)) padding-box;border:1px solid var(--line);max-width:100%;color:var(--dim);font:300 12px var(--mono);place-items:center;display:grid}.cases{gap:2px;margin-top:96px;display:grid}details.case{background:var(--panel)}details.case summary{cursor:pointer;grid-template-columns:1fr 2fr auto;align-items:start;gap:24px;padding:28px;list-style:none;display:grid}details.case summary::-webkit-details-marker{display:none}.case h3{font:500 28px var(--serif);margin:0}.case summary p{color:var(--dim);margin:0}.case .s{font-size:14px}.case .t{margin-top:8px;display:block}.chev{border:1px solid var(--line);place-items:center;width:28px;height:28px;transition:transform .2s;display:grid}details[open] .chev{transform:rotate(45deg)}.more{grid-template-columns:1.2fr 1fr;gap:32px;padding:0 28px 32px;animation:.25s ease-out open;display:grid}@keyframes open{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.more,.chev{transition:none;animation:none}}.more h4{font:600 14px var(--sans);color:var(--acc);margin:0 0 4px}.more p{color:var(--fg);margin:0 0 18px}.more .col{min-width:0}.tags{flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line);font:300 13px var(--mono);padding:2px 8px}dl.kv{grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 18px;font-size:15px;display:grid}dl.kv dt{color:var(--dim)}dl.kv dd{margin:0}.links{flex-wrap:wrap;gap:18px;display:flex}form{gap:18px;display:grid}label{align-content:start;gap:6px;font-size:15px;display:grid}label small{color:var(--dim)}input,select,textarea{font:16px var(--sans);color:var(--fg);background:var(--field);border:1px solid var(--line);width:100%;padding:11px 12px}textarea{resize:vertical;min-height:140px}input:focus,select:focus,textarea:focus{border-color:var(--acc);outline:none}.row2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.note{border:1px solid var(--line);padding:14px 16px;font-size:15px}.note.ok{border-color:var(--prd)}.note.bad{border-color:var(--err);color:var(--err)}.fe{color:var(--err);font-size:14px}input.inv{border-color:var(--err)}.adm{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);padding:24px max(16px,env(safe-area-inset-left,0px)) 24px 20px;align-content:start;gap:4px;display:grid}.side .logo{margin-bottom:28px;font-size:18px}.side a{color:var(--dim);padding:6px 0;text-decoration:none}.side a.on{color:var(--fg)}.side a.on:before{content:"";background:var(--acc);vertical-align:2px;width:6px;height:6px;margin-right:8px;display:inline-block}.side .out{margin-top:24px;font-size:14px}.main{padding:28px max(16px,env(safe-area-inset-right,0px)) 64px 32px;min-width:0}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.bar h1{max-width:none;margin:0;font-size:32px}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px}th{color:var(--dim);font-size:14px;font-weight:400}td .act{gap:14px;font-size:14px;display:flex}td .act a{color:var(--dim)}td .act a.del{color:var(--err)}.unread td:first-child:before{content:"";background:var(--acc);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.unread td{font-weight:600}.sw{background:var(--line);vertical-align:middle;border-radius:9px;width:34px;height:18px;display:inline-block;position:relative}.sw:after{content:"";background:var(--dim);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px}.sw.on{background:var(--acc)}.sw.on:after{background:#121313;left:18px}fieldset{border:1px solid var(--line);gap:12px;min-width:0;margin:0;padding:18px;display:grid}legend{padding:0 6px;font-weight:600}.rep{grid-template-columns:24px 1fr 120px 2fr 40px;align-items:center;gap:8px;display:grid}.rep.kvr{grid-template-columns:24px 1fr 2fr 40px}.grip{color:var(--dim);cursor:grab;text-align:center}.x{border:1px solid var(--line);color:var(--dim);cursor:pointer;background:0 0;height:40px}.add{border:1px dashed var(--line);color:var(--fg);cursor:pointer;font:15px var(--sans);background:0 0;justify-self:start;padding:8px 14px}.two{grid-template-columns:1fr 1fr;gap:24px;display:grid}.two>*{min-width:0}.preview{border:1px solid var(--line);font-family:var(--serif);padding:20px;font-size:18px;line-height:1.7;overflow:auto}@media (max-width:820px){details.case summary{grid-template-columns:1fr auto}details.case summary p{grid-area:2/1/auto/-1}.more,.row2,.two,.adm{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--line);grid-auto-flow:column;padding:16px;overflow-x:auto}.side .logo{margin:0 16px 0 0}.main{padding-left:max(16px,env(safe-area-inset-left,0px))}.rep{grid-template-columns:24px 1fr 1fr 40px}.rep>input:nth-of-type(3){grid-column:2/4}.rep.kvr{grid-template-columns:24px 1fr 1fr 40px}}.posts{grid-template-columns:1fr 1fr;gap:24px;display:grid}.posts a{border-top:1px solid var(--acc);padding-top:14px;text-decoration:none}.posts b{font-size:19px;display:block}.posts span{color:var(--dim);font-size:14px}.ct{border:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-top:96px;padding:40px;display:flex}.ct p{font:300 28px var(--serif);max-width:24ch;margin:0}.empty{background:var(--panel);color:var(--dim);padding:28px}.shot img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.pl a{border-top:1px solid var(--line);gap:4px;padding:22px 0;text-decoration:none;display:grid}.pl b{font:400 24px var(--serif)}.pl p{color:var(--dim);margin:0}article.md{font:300 19px/1.75 var(--serif)}article.md h2{margin:48px 0 12px;font-size:28px}article.md p{margin:0 0 18px}article.md img{max-width:100%}article.md pre{background:var(--panel);font:14px var(--mono);padding:16px;overflow-x:auto}article.md code{font-family:var(--mono);font-size:.85em}.pj{background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:56px;padding:20px;display:flex}footer.site{color:var(--dim);margin-top:96px;font-size:14px}.mv{flex-direction:column;display:flex}.mv button{color:var(--dim);cursor:pointer;background:0 0;border:0;padding:2px;line-height:1}.inline{display:inline}.linkbtn{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.linkbtn.del{color:var(--err)}@media (max-width:820px){.posts{grid-template-columns:1fr}.ct{padding:24px}}.proc{grid-template-columns:repeat(5,1fr);column-gap:4px;margin:72px 0 0;padding:0;list-style:none;display:grid}.proc>li{display:contents}.proc button{all:unset;box-sizing:border-box;cursor:pointer;grid-row:1;align-content:start;gap:2px;padding:30px 16px 14px 0;display:grid;position:relative}.proc button:before{content:"";background:var(--c);opacity:.3;height:3px;transition:opacity .25s;position:absolute;top:7px;left:0;right:0}.proc button:after{content:"";background:var(--bg);border:2px solid var(--c);border-radius:50%;width:11px;height:11px;transition:background .25s,transform .25s;position:absolute;top:2px;left:0}.proc li.on button:before{opacity:1}.proc li.on button:after{background:var(--c);transform:scale(1.15)}.proc button:focus-visible{outline:1px solid var(--c);outline-offset:4px}.proc button b{font-weight:600}.proc li.on button b{color:var(--c)}.proc button span{color:var(--dim);font-size:15px}.proc button small{font:300 12px var(--mono);color:var(--c);margin-top:4px}.proc .pd{border:1px solid var(--line);border-top:2px solid var(--c);background:color-mix(in srgb,var(--c) 5%,var(--bg));grid-area:2/1/auto/-1;margin-top:8px;padding:18px 22px;animation:.25s ease-out open}.proc .pd p{color:var(--c);margin:0 0 8px;font-size:14px}.proc .pd ul{grid-template-columns:1fr 1fr;gap:6px 32px;margin:0;padding:0;list-style:none;display:grid}.proc .pd li{padding-left:16px;font-size:15px;position:relative}.proc .pd li:before{content:"";background:var(--c);width:6px;height:6px;position:absolute;top:.6em;left:0}@media (prefers-reduced-motion:reduce){.proc button:before,.proc button:after,.proc .pd{transition:none;animation:none}}@media (max-width:820px){.proc{margin-top:48px;display:block}.proc>li{padding:0 0 18px 28px;display:block;position:relative}.proc>li:before{content:"";background:var(--c);opacity:.35;width:2px;position:absolute;top:6px;bottom:-6px;left:5px}.proc>li:last-child:before{height:0;bottom:auto}.proc button{width:100%;padding:0}.proc button:before{display:none}.proc button:after{top:4px;left:-28px}.proc .pd{margin-top:10px}.proc .pd ul{grid-template-columns:1fr}h1{margin-top:48px}.cases{margin-top:56px}}.tlt{color:var(--dim);font-weight:400}.stl{gap:8px;margin:8px 0 18px;padding:0;list-style:none;display:grid}.stl li{grid-template-columns:118px 1fr 64px;align-items:center;column-gap:12px;font-size:14px;display:grid}.stl b{align-items:center;gap:8px;font-weight:600;display:flex}.stl b:before{content:"";background:var(--c);border-radius:50%;flex:none;width:8px;height:8px}.stl .track{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.stl .track i{background:var(--c);opacity:.75;border-radius:3px;height:100%;transition:opacity .2s;display:block}.stl .track.ongoing i{background:linear-gradient(90deg,var(--c) 60%,transparent)}.stl li:hover .track i{opacity:1}.stl .wk{font:300 12px var(--mono);color:var(--dim);text-align:right}.stl small{color:var(--dim);grid-column:1/-1;padding-left:16px}.case[data-s=development]{--s:var(--dev)}.case[data-s=staging]{--s:var(--stg)}.case[data-s=production]{--s:var(--prd)}details.case{border-top:2px solid var(--s,var(--line))}details.case[open]{background:color-mix(in srgb,var(--s) 4%,var(--panel))}.pill{color:var(--s);background:color-mix(in srgb,var(--s) 14%,transparent);border-radius:99px;align-items:center;gap:6px;margin-top:6px;padding:2px 10px 2px 8px;font-size:13px;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.case .tags li{border-color:color-mix(in srgb,var(--s) 35%,var(--line));background:color-mix(in srgb,var(--s) 8%,transparent)}details.case summary:hover .chev,details.case[open] .chev{border-color:var(--s);color:var(--s)}