:root{--paper:#f5f0e8;--ink:#151515;--blue:#1946d8;--red:#e5422b;--yellow:#f4cd3a;--steel:#6e7278;--line:#c7c0b5;--white:#fffdf8;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{background:var(--blue)}body{background:var(--paper);min-width:320px;margin:0}button,input,a{font:inherit}button,.file-key,.download{min-height:44px}.skip-link{z-index:20;color:#fff;background:var(--ink);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:4px solid var(--blue);outline-offset:3px}.noscript{color:#fff;background:var(--red);margin:0;padding:16px}.masthead{border-bottom:2px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:76px;padding:10px 24px;display:grid}.wordmark{color:var(--ink);letter-spacing:.03em;justify-self:start;font:44px/1 Bebas Neue,sans-serif;text-decoration:none}.wordmark span{color:var(--blue)}.masthead>p{text-transform:uppercase;letter-spacing:.12em;margin:0;font:600 12px/1.2 IBM Plex Mono,monospace}.privacy{justify-self:end;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.privacy span{background:#188044;border-radius:50%;width:9px;height:9px}.desk{grid-template-columns:minmax(220px,25vw) minmax(420px,1fr) minmax(220px,24vw);min-height:calc(100vh - 120px);display:grid}.transport,.take-rail{flex-direction:column;gap:28px;padding:clamp(20px,3vw,44px);display:flex}.transport{border-right:2px solid var(--ink)}.take-rail{border-left:2px solid var(--ink);background:var(--white)}.kicker{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font:600 11px/1 IBM Plex Mono,monospace}h1{letter-spacing:.01em;text-wrap:balance;max-width:8ch;margin:0;font:74px/.84 Bebas Neue,sans-serif}.lede{color:#3f4146;max-width:38ch;margin:22px 0 0;font-size:14px;line-height:1.65}.file-key,.download{cursor:pointer;color:#fff;background:var(--blue);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:center;justify-content:center;align-items:center;padding:14px;font-weight:700;text-decoration:none;display:flex}.file-key:active,.download:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.file-key:focus-within{outline:4px solid var(--red);outline-offset:3px}.file-key input{opacity:0;width:1px;height:1px;position:absolute}.file-note{color:var(--steel);margin:-16px 0 0;font:500 10px/1.5 IBM Plex Mono,monospace}.finish-group{margin-top:auto}.finish{width:100%;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);padding:12px;font-weight:800}.finish:disabled{cursor:not-allowed;opacity:.45}#render-status{min-height:3em;color:var(--steel);font-size:11px;line-height:1.45}.stage-column{background-image:linear-gradient(var(--line) 1px, transparent 1px);background-size:100% 28px;flex-direction:column;align-items:center;padding:clamp(20px,3vw,44px);display:flex;position:relative;overflow:hidden}.timebar{border-bottom:2px solid var(--ink);align-self:stretch;align-items:baseline;gap:10px;padding:10px 0;font-family:IBM Plex Mono,monospace;display:flex}.mode{color:#fff;background:var(--ink);letter-spacing:.08em;margin-right:auto;padding:4px 8px;font-size:10px}#timecode{letter-spacing:.06em;font:56px/1 Bebas Neue,sans-serif}#duration{color:var(--steel);font-size:12px}.stage{aspect-ratio:16/9;background:var(--ink);border:3px solid var(--ink);width:min(100%,980px);box-shadow:9px 9px 0 var(--blue);margin-top:clamp(18px,4vh,52px);position:relative;overflow:hidden}.stage video{object-fit:contain;background:#090909;width:100%;height:100%}.empty-stage{color:var(--paper);text-align:center;background:var(--ink);place-content:center;justify-items:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.empty-stage p{letter-spacing:.03em;margin:0;font:36px/1 Bebas Neue,sans-serif}.empty-stage span{color:#b9b6af;font-size:12px}.aperture{border:10px solid var(--paper);width:90px;height:54px;box-shadow:inset 0 0 0 10px var(--red);border-radius:50%;margin-bottom:14px;transform:skew(-12deg)}.keep-key{color:#fff;background:var(--red);border:3px solid var(--ink);min-width:min(330px,80%);box-shadow:0 9px 0 #922514, 0 12px 0 var(--ink);text-transform:uppercase;margin-top:-20px;padding:16px 64px 13px;position:relative}.keep-key:not(:disabled):active,.keep-key.is-hit{box-shadow:0 1px 0 #922514, 0 4px 0 var(--ink);transform:translateY(8px)}.keep-key:disabled{filter:grayscale();opacity:.42}.key-top{letter-spacing:.05em;font:40px/.8 Bebas Neue,sans-serif}.key-hint{width:29px;height:29px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);place-items:center;font:600 12px/1 IBM Plex Mono,monospace;display:grid;position:absolute;top:13px;right:14px}.keep-explainer{text-align:center;margin:22px 0 0;font-size:12px}kbd{border:1px solid var(--ink);background:var(--white);padding:2px 7px;font-family:IBM Plex Mono,monospace}.rail-head{border-bottom:2px solid var(--ink);justify-content:space-between;gap:12px;display:flex}#mark-count{color:var(--red);font:600 11px/1 IBM Plex Mono,monospace}.marks{flex-direction:column;gap:10px;min-height:180px;margin:0;padding:0;list-style:none;display:flex}.mark{background:var(--yellow);border:1px solid var(--ink);transform:rotate(var(--tilt));grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:12px;animation:.22s ease-out tear-in;display:grid}.mark:before{content:"";background:repeating-linear-gradient(180deg, var(--ink) 0 3px, transparent 3px 6px);height:100%}.mark strong{letter-spacing:.04em;font:30px/1 Bebas Neue,sans-serif}.mark button{background:0 0;border:0;min-width:44px;font-weight:800}.empty-mark{color:var(--steel);font-size:13px;font-style:italic}.result{border-top:2px solid var(--ink);padding-top:20px}.result video{background:var(--ink);border:2px solid var(--ink);width:100%;margin-bottom:12px}.reset{background:0 0;border:0;width:100%;margin-top:12px;text-decoration:underline}.limits{border-top:1px solid var(--line);color:var(--steel);margin-top:auto;padding-top:16px;font-size:11px;line-height:1.5}.limits strong{color:var(--ink)}footer{color:#fff;background:var(--blue);text-align:center;padding:14px 24px;font:500 10px/1.5 IBM Plex Mono,monospace}footer p{margin:0}@keyframes tear-in{0%{opacity:0;transform:translateX(30px) rotate(var(--tilt))}}@media (width<=980px){.masthead{grid-template-columns:1fr 1fr}.masthead>p{display:none}.desk{grid-template-columns:240px 1fr}.take-rail{border-left:0;border-top:2px solid var(--ink);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.limits{grid-column:1/-1}h1{font-size:58px}}@media (width<=680px){.masthead{min-height:64px;padding:8px 14px}.wordmark{font-size:34px}.privacy{font-size:10px}.desk{flex-direction:column;display:flex}.transport{border-right:0;border-bottom:2px solid var(--ink)}.transport,.take-rail,.stage-column{padding:20px 16px}h1{max-width:10ch;font-size:56px}.stage-column{min-height:560px}#timecode{font-size:44px}.stage{box-shadow:6px 6px 0 var(--blue);margin-top:28px}.keep-key{min-width:88%}.take-rail{display:flex}}@media (height<=680px) and (width>=681px){.transport,.take-rail,.stage-column{padding-top:18px;padding-bottom:18px}h1{font-size:52px}.lede{margin-top:12px;line-height:1.45}.stage{max-height:48vh;margin-top:12px}#timecode{font-size:42px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.file-key,.keep-key,.finish,.download,.mark{border:2px solid buttontext}}