@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0d0f12;--panel:#111318;--line:#e9f1f629;--line-soft:#e9f1f612;--frost:#e9f1f6;--dim:#e9f1f685;--faint:#e9f1f64d;--steel:#7da8b8;--red:#e5202a;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--frost);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1}button{font-family:inherit}::selection{background:var(--steel);color:var(--ink)}:focus-visible{outline:2px solid var(--steel);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{flex-direction:column;max-width:1200px;min-height:100%;margin:0 auto;padding:0 40px;display:flex}.bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:28px 0 20px;display:flex}.bar-mark{font-family:var(--sans);letter-spacing:-.02em;color:var(--frost);cursor:pointer;background:0 0;border:0;padding:0;font-size:17px;font-weight:800}.bar-meta{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-size:11px}.index{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;gap:0;display:flex}.index-item{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);align-items:baseline;gap:9px;padding:14px 22px;font-size:11px;transition:color .25s;display:flex}.index-item .n{color:var(--faint);font-weight:500;transition:color .25s}.index-item.active{color:var(--frost)}.index-item.active .n{color:var(--steel)}.index-item.done,.index-item.done .n{color:var(--dim)}.stage{text-align:center;flex-direction:column;flex:1;align-items:center;padding:80px 0 120px;display:flex}.eyebrow{justify-content:center;align-items:baseline;gap:16px;margin-bottom:40px;display:flex}.eyebrow .num{font-family:var(--mono);letter-spacing:.12em;color:var(--steel);font-size:12px}.eyebrow .label{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--dim);font-size:12px}.eyebrow .rule{display:none}.hero{flex-direction:column;align-items:center;max-width:780px;display:flex}.wordmark{font-family:var(--sans);letter-spacing:-.04em;font-size:clamp(64px,13vw,148px);font-weight:800;line-height:.9;display:inline-flex}.wm-hide{display:inline-block;position:relative}.wm-bar{background:var(--red);position:absolute;inset:0}.lede{max-width:440px;color:var(--dim);margin-top:34px;font-size:16px;line-height:1.55}.drop{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;justify-content:center;align-items:center;gap:24px;width:100%;max-width:620px;margin-top:48px;padding:46px 40px;transition:border-color .2s,background .2s;display:flex}.drop:hover,.drop.drag{border-color:var(--steel);background:#14171c}.drop-glyph{background:#e9f1f61f;flex:none;width:56px;height:20px;overflow:hidden}.drop-glyph-fill{background:var(--frost);width:100%;height:100%;transition:width .2s}.drop-primary{font-size:17px;font-weight:500}.drop-sub{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:6px;font-size:11px}.drop.has-file .drop-glyph-fill{background:var(--steel)}.actions{gap:12px;width:100%;max-width:620px;margin-top:44px;display:flex}.btn{font-family:var(--sans);letter-spacing:.01em;background:var(--panel);border:1px solid var(--line);color:var(--frost);cursor:pointer;text-align:center;flex:1;padding:18px 0;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--steel);background:#171b21}.btn:disabled{color:var(--faint);cursor:not-allowed;background:0 0}.btn-primary{background:var(--steel);border-color:var(--steel);color:var(--ink);font-weight:700}.btn-primary:hover:not(:disabled){background:#8fb8c6;border-color:#8fb8c6}.btn-primary:disabled{color:var(--faint);background:#7da8b826;border-color:#0000}.btn-redact{background:var(--red);border-color:var(--red);color:var(--frost);font-weight:700}.btn-redact:hover:not(:disabled){background:#f0323b;border-color:#f0323b}.btn-redact:disabled{color:var(--faint);background:#e5202a26;border-color:#0000}.btn .k{font-family:var(--mono);letter-spacing:.1em;color:currentColor;opacity:.6;margin-right:12px;font-size:11px}.grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(184px,1fr));width:100%;max-width:800px;display:grid}.card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--ink);cursor:pointer;text-align:left;color:inherit;padding:0;transition:background .15s}.card:hover{background:var(--panel)}.shot{aspect-ratio:3/4;position:relative;overflow:hidden}.shot img{object-fit:cover;width:100%;height:100%;transition:filter .25s;display:block}.card.on .shot img{filter:blur(10px)saturate(.4)brightness(.7)}.stamp{background:var(--red);transform-origin:0;justify-content:center;align-items:center;width:116%;height:16%;transition:transform .3s cubic-bezier(.65,0,.35,1);display:flex;position:absolute;top:44%;left:-8%;transform:rotate(-6deg)scaleX(0)}.stamp span{font-family:var(--mono);letter-spacing:.28em;color:var(--frost);opacity:0;font-size:11px;font-weight:700;transition:opacity .1s .18s}.card.on .stamp{transform:rotate(-6deg)scaleX(1)}.card.on .stamp span{opacity:1}.card-foot{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;padding:14px 14px 16px;display:flex}.card.on .card-foot{border-color:var(--red)}.card-id{font-size:14px;font-weight:500}.card-n{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:10px}.work{flex-direction:column;align-items:center;max-width:780px;display:flex}.work-num{font-family:var(--sans);letter-spacing:-.05em;color:var(--frost);font-size:clamp(80px,16vw,180px);font-weight:800;line-height:.9}.work-num .pct{color:var(--steel)}.work-line{background:var(--line);width:100%;max-width:460px;height:2px;margin-top:40px;position:relative}.work-fill{background:var(--steel);transition:width .4s;position:absolute;inset:0 auto 0 0}.work-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-top:16px;font-size:12px}.result{flex-direction:column;align-items:center;width:100%;max-width:900px;display:flex}.player{border:1px solid var(--line);background:#000;width:100%;margin-top:8px;display:block}.err{border-left:2px solid var(--red);width:100%;max-width:620px;font-family:var(--mono);color:var(--frost);text-align:left;background:#e5202a12;margin-top:28px;padding:14px 18px;font-size:12.5px}.foot{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);text-align:center;padding:24px 0 40px;font-size:10.5px}@media (width<=640px){.app{padding:0 20px}.stage{padding:48px 0 80px}.index-item{padding:14px 12px}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.work-fill-indeterminate{background:var(--steel);width:30%;animation:1.4s ease-in-out infinite slide;position:absolute}@keyframes slide{0%{left:-30%}to{left:100%}}