@font-face{font-family:Grotesk;src:url(/assets/Grotesk-04Gras-CRcpLlHV.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Grotesk;src:url(/assets/Grotesk-03Regular-BHpI1_Gy.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cozette;src:url(/assets/CozetteVector-BTs8ATbc.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cozette;src:url(/assets/CozetteVectorBold-D1EPFzai.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--paper:#fefdf8;--green:#4cdba5;--gray:#a2a0a1;--ink:#000;--sun:#e0653a;--night:#0d0c0b;--edge:#221f1d;--rail:268px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--night)}body{color:var(--paper);-webkit-font-smoothing:antialiased;font-family:Cozette,ui-monospace,monospace;overflow-x:hidden}#app{min-height:100dvh;display:grid}#stage{background:var(--night);aspect-ratio:4/3;order:-1;position:relative;overflow:hidden}.pic{position:absolute;inset:0}#src,#out{object-fit:cover;object-position:58% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}#out{image-rendering:pixelated;opacity:0;transition:opacity .35s linear}#app.live #out{opacity:1}#line{z-index:2;letter-spacing:-.015em;text-transform:uppercase;max-width:min(15ch,78%);color:var(--paper);text-shadow:.045em .055em 0 var(--ink);font-family:Grotesk,system-ui,sans-serif;font-size:clamp(1.8rem,5.4vw,4.7rem);font-weight:700;line-height:.9;transition:color .35s linear;position:absolute;bottom:clamp(14px,3vw,34px);left:clamp(14px,3vw,40px)}#app.dark-type #line{color:var(--ink);text-shadow:.045em .055em 0 var(--paper)}#rail{background:var(--night);border-top:1px solid var(--edge);letter-spacing:0;text-transform:uppercase;flex-direction:column;gap:20px;padding:clamp(16px,2.2vw,24px);font-size:13px;display:flex}.mark{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mark b{letter-spacing:-.01em;text-transform:uppercase;font-family:Grotesk,system-ui,sans-serif;font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:700}.mark span{color:var(--gray);font-size:13px}.head{color:var(--gray);border-bottom:1px solid var(--edge);align-items:center;gap:8px;padding-bottom:7px;display:flex}.head i{background:var(--gray);width:15px;height:15px;-webkit-mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;flex:none;display:block}.stops{flex-direction:column;gap:1px;display:flex}.stop{appearance:none;color:var(--paper);font:inherit;letter-spacing:0;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:9px 10px;transition:background .12s linear,color .12s linear,border-color .12s linear;display:flex}.stop s{border:1px solid var(--gray);border-radius:50%;flex:none;width:9px;height:9px;text-decoration:none}.stop span{flex:1}.stop em{color:var(--gray);font-size:13px;font-style:normal}.stop:hover{background:#171412}.stop:hover s{border-color:var(--paper)}.stop[aria-pressed=true]{background:var(--paper);color:var(--ink)}.stop[aria-pressed=true] em{color:var(--ink)}.stop[aria-pressed=true] s{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 2px var(--paper)}.stop.his{border-color:var(--edge)}.stop.his[aria-pressed=true]{background:var(--green);border-color:var(--green)}.stop.his[aria-pressed=true] s{box-shadow:inset 0 0 0 2px var(--green)}.stop:focus-visible{outline:2px solid var(--sun);outline-offset:-2px}.src{color:#6b625e;letter-spacing:0;text-transform:none;margin-top:-12px;font-size:13px;line-height:1.35}.swatches{border:1px solid var(--edge);grid-template-columns:repeat(16,1fr);gap:1px;padding:3px;display:grid}.swatches:empty{display:none}.swatches u{aspect-ratio:1;display:block;box-shadow:inset 0 0 0 1px #fefdf829}.rows{flex-direction:column;gap:0;display:flex}.row{border-bottom:1px dotted var(--edge);color:var(--gray);justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;display:flex}.row b{letter-spacing:0;color:var(--paper);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.row.hot b{color:var(--sun)}.file{align-items:flex-start;gap:12px;display:flex}.file img{object-fit:cover;width:62px;height:62px;image-rendering:pixelated;border:1px solid var(--edge);flex:none}.file .rows{flex:1}#plate{border-top:1px solid var(--edge);letter-spacing:0;text-transform:uppercase;color:var(--gray);background:var(--night);flex-wrap:wrap;align-items:center;gap:10px 18px;padding:13px clamp(14px,3vw,40px);font-size:13px;display:flex}#plate .ca{align-items:center;gap:9px;min-width:0;display:flex}#plate .ca b{color:var(--gray);flex:none;font-weight:400}#plate .ca code{color:var(--paper);border:1px solid var(--edge);text-overflow:ellipsis;white-space:nowrap;background:#171412;padding:5px 8px;font-family:inherit;overflow:hidden}#plate .grow{flex:40px}.btn{border:1px solid var(--edge);color:var(--paper);letter-spacing:0;align-items:center;gap:7px;padding:6px 11px;text-decoration:none;transition:background .12s linear,color .12s linear;display:inline-flex}.btn i{width:15px;height:15px;-webkit-mask:var(--m) center / contain no-repeat;-webkit-mask:var(--m) center / contain no-repeat;mask:var(--m) center / contain no-repeat;background:currentColor;display:block}.btn:hover{background:var(--sun);color:var(--night);border-color:var(--sun)}.credit{letter-spacing:0;text-transform:none;color:#5b5350;flex-basis:100%;font-size:13px}.credit a{color:inherit}#nojs{color:var(--gray);padding:14px;font-size:12px}@media (width>=861px){#app{height:100dvh;display:block;position:relative;overflow:hidden}#stage{aspect-ratio:auto;position:absolute;inset:0}#rail{width:var(--rail);z-index:3;border-top:0;border-right:1px solid var(--edge);background:var(--night);position:absolute;top:0;bottom:0;left:0;overflow-y:auto}#plate{left:var(--rail);z-index:3;background:#0d0c0bed;position:absolute;bottom:0;right:0}#line{left:calc(var(--rail) + clamp(20px, 3vw, 44px));max-width:min(15ch,56%);bottom:76px}.credit{flex-basis:auto}}@media (width<=860px){.src{color:#6b625e;letter-spacing:0;text-transform:none;margin-top:-12px;font-size:13px;line-height:1.35}.swatches{grid-template-columns:repeat(32,1fr)}}@media (prefers-reduced-motion:reduce){#out,#line{transition:none}}