@font-face{font-family:SB Sans Display;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/sb-sans-display-300.woff2) format("woff2")}@font-face{font-family:SB Sans Display;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/sb-sans-display-400.woff2) format("woff2")}@font-face{font-family:SB Sans Display;font-weight:500 700;font-style:normal;font-display:swap;src:url(/fonts/sb-sans-display-600.woff2) format("woff2")}@font-face{font-family:SB Sans Text;font-weight:300;font-style:normal;font-display:swap;src:url(/fonts/sb-sans-text-300.woff2) format("woff2")}@font-face{font-family:SB Sans Text;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/sb-sans-text-400.woff2) format("woff2")}@font-face{font-family:SB Sans Text;font-weight:500 700;font-style:normal;font-display:swap;src:url(/fonts/sb-sans-text-600.woff2) format("woff2")}@font-face{font-family:SB Sans Cond Mono;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/sb-sans-cond-mono-400.woff2) format("woff2")}@font-face{font-family:SB Sans Cond Mono;font-weight:500 700;font-style:normal;font-display:swap;src:url(/fonts/sb-sans-cond-mono-700.woff2) format("woff2")}:root{color-scheme:dark;--bg: #030503;--surface: #171717;--line: #262626;--ink: #f4f6f4;--ink-dim: #a1a1a1;--ink-faint: #7c817e;--green: #3fb67c;--green-hover: #55c48f;--green-ink: #0a0c0b;--hair: inset 0 0 0 1px var(--line);--font-display: "SB Sans Display", "SB Sans Text", system-ui, sans-serif;--font-text: "SB Sans Text", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SB Sans Cond Mono", ui-monospace, "Cascadia Mono", monospace;--s1: 6px;--s2: 12px;--s3: 24px;--s4: 48px;--s5: 96px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--display-m: 32px;--display-l: 44px;--display-xl: 64px;--display-xl-narrow: 40px;--ease-out: cubic-bezier(.16, 1, .3, 1);--k-comment: #9a9aa0;--k-element: #4da3ff;--k-draw: #c084fc;--k-cut: #9a9aa0;--a0: #7aa2f7;--a1: #e0af68;--a2: #bb9af7;--a3: #7dcfff;--a4: #f7768e;--a5: #9ece6a;--a6: #ff9e64;--a7: #b4b8d0;--k-remove: #ff5c5c;--k-insert: #26d07c;--k-replace: #ffb020}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--font-text);-webkit-font-smoothing:antialiased}.oops{max-width:720px;margin:0 auto;padding:var(--s5) var(--s3) var(--s4)}.t-display-xl,.t-display-l,.t-display-m,.t-display-s,h1{font-family:var(--font-display);font-weight:300;letter-spacing:-.01em}h1{margin:0 0 var(--s3)}.t-display-xl{font-size:var(--display-xl-narrow);line-height:.98;letter-spacing:-.015em}.t-display-l{font-size:var(--display-m);line-height:1;letter-spacing:-.015em}.t-display-m,h1{font-size:var(--text-2xl);line-height:1}.t-display-s{font-size:var(--text-2xl);line-height:1.15}@media (min-width: 768px){.t-display-xl{font-size:var(--display-xl)}.t-display-l{font-size:var(--display-l)}.t-display-m,h1{font-size:var(--display-m)}}.t-answer{font-family:var(--font-display);font-weight:300;font-size:var(--text-2xl);line-height:1.2;letter-spacing:-.01em}.t-lead{font-family:var(--font-text);font-weight:300;font-size:var(--text-xl);line-height:1.45;color:var(--ink-dim)}.t-meta{font-size:var(--text-sm);line-height:1.3;color:var(--ink-dim)}.muted{color:var(--ink-dim)}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline}.err{color:#ff6b5e}button,.btn{--btn-bg: var(--green);background:var(--btn-bg);color:var(--green-ink);border:0;border-radius:var(--r-btn);padding:12px 20px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}button:hover,.btn:hover{--btn-bg: var(--green-hover);text-decoration:none}button.ghost{--btn-bg: transparent;color:var(--ink);box-shadow:var(--hair)}button.ghost:hover{--btn-bg: rgba(255, 255, 255, .06)}:where(a,button,.btn,[role=button],[role=tab],input,textarea,select,summary,[tabindex]):not([tabindex="-1"]):focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset)}button[aria-busy=true],.btn[aria-busy=true],[role=button][aria-busy=true]{opacity:.4;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-out)}@media (prefers-reduced-motion: reduce){button[aria-busy=true],.btn[aria-busy=true],[role=button][aria-busy=true]{transition:none}}.link{background:transparent;color:var(--ink-dim);box-shadow:none;padding:0;font-weight:400;text-decoration:none}.link:hover{background:transparent;color:var(--ink);text-decoration:underline}input,textarea{background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--ink-faint);padding:var(--s1) 0;font:inherit;border-radius:var(--r-btn)}input:focus,textarea:focus{border-bottom-color:var(--ink)}input:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}input::placeholder,textarea::placeholder{color:var(--ink-faint)}pre{overflow-x:auto;max-width:100%}ul{list-style:none;padding:0}li{display:flex;justify-content:space-between;align-items:center;padding:var(--s3) 0}li+li{border-top:1px solid var(--line)}.stage{position:relative;line-height:0}.stage video{display:block;width:100%;background:#000;object-fit:contain}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none}.stage canvas.on{pointer-events:auto;cursor:crosshair}.stage.is-pen{box-shadow:0 0 0 2px var(--green)}.stage-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);margin-top:var(--s2);line-height:1.5}.stage-tools button.ghost{color:var(--ink-dim);font-weight:400}.stage-tools button.ghost:hover{color:var(--ink)}.stage-tools button.is-on{--btn-bg: rgba(255, 255, 255, .08);color:var(--ink);font-weight:600;box-shadow:inset 0 0 0 1px var(--ink)}.stage-tools button.is-on:hover{--btn-bg: rgba(255, 255, 255, .12)}.projects-expiry-soon{color:#ff6b5e}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.msg-in{animation:msg-in .7s var(--ease-out) backwards}@keyframes word-in{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}.word-in{display:inline-block;animation:word-in .8s var(--ease-out) backwards}@keyframes chip-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.chip-in{display:inline-flex;animation:chip-in .6s var(--ease-out) backwards}@keyframes bubble-in{0%{opacity:0;transform:translate(18px) scale(.98)}to{opacity:1;transform:none}}.bubble-in{animation:bubble-in .55s var(--ease-out) backwards}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.page-in{animation:page-in .6s var(--ease-out) backwards}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.sheet-in{animation:sheet-in .35s var(--ease-out) backwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .3s ease-out backwards}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.live-dot{animation:live-pulse 2s ease-in-out infinite}@keyframes typing{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-4px);opacity:1}}.typing-dot{animation:typing 1.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.msg-in,.word-in,.chip-in,.bubble-in,.page-in,.sheet-in,.fade-in,.live-dot,.typing-dot{animation:none}}:root{--r-card: 16px;--r-btn: 12px;--r-pill: 999px;--line-hover: #3a3a3a;--lift: rgba(255, 255, 255, .04);--focus: var(--green);--focus-width: 2px;--focus-offset: 2px;--dur-fast: .12s;--dur-base: .2s;--dur-moderate: .3s}.lift{transition:border-color var(--dur-fast) var(--ease-out)}.lift:hover,.lift:focus-within{background-image:linear-gradient(var(--lift),var(--lift));border-color:var(--line-hover)}@media (prefers-reduced-motion: reduce){.lift{transition:none}}.top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex:0 0 auto;height:64px;padding:0 var(--s3);border-bottom:1px solid var(--line);font-size:var(--text-sm);line-height:1.3;color:var(--ink-dim)}@media (min-width: 768px){.top{padding:0 var(--s4)}}.top-side{display:flex;align-items:center;gap:var(--s3);min-width:0}.top-mark{font-size:var(--text-md);font-weight:600;color:var(--ink)}@media (max-width: 767px){.top,.top-side{gap:var(--s2)}}.field{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-btn);padding:11px var(--s2)}.field:focus{border-color:var(--ink)}.door{display:flex;flex-direction:column;gap:var(--s3);max-width:880px;margin:0 auto;padding:10vh var(--s3) 64px}@media (min-width: 768px){.door{padding:14vh 0 64px}}.door-msg{display:flex;flex-direction:column;gap:16px;min-width:0}.door-say{margin:0}.door-lead{margin:0;max-width:640px}.door-answers{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s2)}a.door-a{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:var(--r-pill);white-space:nowrap;text-decoration:none}