:root{--night:#0a0710;--aubergine:#1a1124;--panel:#140c1ce0;--ember:#ff8a24;--flame:#ffc15a;--ash:#d8cbb8;--ash-dim:#a99d8c;--cream:#fff3df;--line:#d8cbb833;--amber-line:#ffc15a38;--display:"Fraunces", Georgia, serif;--sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--night);height:100%;color:var(--ash);font-family:var(--sans);-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}::selection{background:var(--ember);color:#1a0b02}canvas#c{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}body.can-carve canvas#c{cursor:crosshair}[hidden]{display:none!important}button{font-family:var(--sans);cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--flame);outline-offset:3px}svg.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.btn{transition:transform .16s var(--ease), background-color .16s var(--ease);border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;font-weight:600;display:inline-flex}.btn--primary{background:var(--ember);color:#1a0b02;box-shadow:0 12px 32px #00000080}.btn--primary:hover{background:#ff9a40;transform:translateY(-1px)}.btn--primary:active{transform:scale(.97)}.btn--ghost{border:1px solid var(--amber-line);color:var(--cream);background:#140c1c9e}.btn--ghost:hover{background:#140c1ce6}.btn--ghost:active{transform:scale(.97)}.round{border:1px solid var(--amber-line);width:42px;height:42px;color:var(--ash);transition:background-color .16s var(--ease);background:#140c1c9e;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.round:hover{background:#140c1ce6}.round--wide{border-radius:999px;gap:10px;width:auto;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none}.round--wide .kbd{border:1px solid #d8cbb866;border-radius:6px;padding:1px 7px;font-size:12px}.entry{transition:opacity .9s var(--ease), visibility .9s;background:linear-gradient(90deg,#0a0710f0 0%,#0a07108c 46%,#0a07100d 82%);flex-direction:column;justify-content:center;padding:0 max(112px,8vw);display:flex;position:fixed;inset:0}.entry.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.entry__panel{flex-direction:column;gap:28px;max-width:640px;display:flex}.entry h1{font-family:var(--display);letter-spacing:-.02em;color:var(--cream);text-wrap:balance;margin:0;font-size:clamp(48px,7vw,96px);font-weight:300;line-height:1}.entry p{text-wrap:pretty;max-width:460px;margin:0;font-size:20px;line-height:1.5}.entry__actions{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:8px;display:flex}.entry .btn{height:60px;padding:0 36px;font-size:18px}.entry__note{align-items:center;gap:10px;font-size:15px;display:flex}.entry__footer{left:max(112px,8vw);right:max(112px,8vw);bottom:calc(40px + env(safe-area-inset-bottom,0px));color:var(--ash-dim);justify-content:space-between;gap:16px;font-size:14px;display:flex;position:absolute}.credit a{color:var(--ash);text-underline-offset:3px;transition:color .16s var(--ease), text-decoration-color .16s var(--ease);-webkit-text-decoration:underline #ffc15a80;text-decoration:underline #ffc15a80}.credit a:hover{color:var(--flame);-webkit-text-decoration-color:var(--flame);text-decoration-color:var(--flame)}.credit--hud{color:var(--ash-dim);transition:opacity .5s var(--ease);margin-top:2px;font-size:12px;display:block}.credit--hud.is-hidden{opacity:0;pointer-events:none}.hud{pointer-events:none;transition:opacity .6s var(--ease);position:fixed;inset:0}.hud>*{pointer-events:auto}body.video-mode .hud>*{opacity:0;pointer-events:none}.topbar{left:max(48px, env(safe-area-inset-left,0px));right:max(48px, env(safe-area-inset-right,0px));top:calc(24px + env(safe-area-inset-top,0px));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.topbar>*{pointer-events:auto}.wordmark{font-family:var(--display);color:var(--cream);letter-spacing:-.01em;font-size:24px;font-weight:300}.topbar__actions{gap:12px;display:flex}.hint{background:var(--panel);min-height:52px;font-family:var(--display);color:var(--cream);text-align:center;white-space:nowrap;transition:opacity .5s var(--ease), transform .5s var(--ease);border-radius:14px;align-items:center;gap:14px;padding:0 24px;font-size:20px;font-weight:400;display:flex;position:absolute;top:118px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000073}.hint.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-8px)}.dock{left:50%;bottom:calc(40px + env(safe-area-inset-bottom,0px));background:var(--panel);min-height:68px;transition:opacity .6s var(--ease), transform .6s var(--ease);border-radius:20px;align-items:center;gap:20px;padding:0 18px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 14px 36px #0000008c}.dock.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,16px)}.dock__group{gap:8px;display:flex}.dock__sep{background:var(--line);width:1px;height:40px}.dock__label{color:var(--ash-dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.tool{border:1px solid var(--line);width:44px;height:44px;transition:background-color .16s var(--ease), border-color .16s var(--ease);background:0 0;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.tool:hover{background:#ffffff0d}.tool[aria-pressed=true]{border-color:var(--ember);color:var(--flame);background:#ff8a242e}.faces{gap:8px;display:flex}.face{border:1px solid var(--line);background:var(--aubergine);width:44px;height:36px;transition:border-color .16s var(--ease);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.face:hover{border-color:var(--flame)}.face svg{width:30px;height:24px}.face svg .cut{fill:#ffd98a}.clear{border:1px solid var(--line);background:0 0;border-radius:10px;align-items:center;gap:10px;height:36px;padding:0 14px;font-size:15px;font-weight:500;display:inline-flex}.clear:hover:not(:disabled){background:#ffffff0d}.clear:disabled{color:#877c93;cursor:default}input[type=range]{width:150px;height:20px;accent-color:var(--ember);appearance:none;background:0 0;margin:0}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:3px}input[type=range]::-moz-range-track{background:var(--line);border-radius:2px;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--flame);border:0;border-radius:50%;width:16px;height:16px;margin-top:-6.5px;box-shadow:0 2px 6px #00000080}input[type=range]::-moz-range-thumb{background:var(--flame);border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #00000080}.actions{gap:10px;display:flex;position:absolute;bottom:calc(100% + 14px);right:0}.actions .btn{height:46px;transition:opacity .5s var(--ease), transform .5s var(--ease), background-color .16s var(--ease);gap:10px;padding:0 22px;font-size:15px}.save.is-hidden{display:none}.long{display:inline}.skip{right:max(48px, env(safe-area-inset-right,0px));bottom:calc(40px + env(safe-area-inset-bottom,0px));border:1px solid var(--amber-line);background:#140c1c9e;border-radius:14px;height:44px;padding:0 20px;font-size:14px;font-weight:500;position:absolute}.toast{left:50%;top:calc(100px + env(safe-area-inset-top,0px));background:var(--panel);color:var(--cream);opacity:0;pointer-events:none;transition:opacity .3s var(--ease);border-radius:14px;padding:12px 20px;font-size:15px;position:absolute;transform:translate(-50%);box-shadow:0 10px 28px #00000073}.toast.is-visible{opacity:1}@media (max-width:760px){.entry{padding:0 24px calc(120px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0a071000 0%,#0a071099 45%,#0a0710f2 100%);justify-content:flex-end}.entry__panel{gap:20px}.entry p{font-size:18px}.entry .btn{width:100%;height:50px;font-size:17px}.entry__footer{left:24px;right:24px;bottom:calc(28px + env(safe-area-inset-bottom,0px));flex-direction:column;gap:4px}.topbar{left:max(20px, env(safe-area-inset-left,0px));right:max(20px, env(safe-area-inset-right,0px));top:calc(12px + env(safe-area-inset-top,0px))}.wordmark{font-size:18px}.credit--hud{font-size:11px}.round{width:38px;height:38px}.round .i{width:19px;height:19px}.round--wide{width:38px;padding:0}.round--wide .label{display:none}.hint{top:calc(68px + env(safe-area-inset-top,0px));white-space:normal;max-width:calc(100vw - 40px);min-height:0;padding:8px 14px;font-size:16px}.dock{min-height:0;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;flex-wrap:wrap;gap:10px 8px;bottom:0;left:0;right:0;transform:none;box-shadow:0 -10px 30px #0006}.dock.is-hidden{transform:translateY(16px)}.dock__sep{display:none}.dock__group{flex:100%}.dock__group .tool{flex:1;width:auto;height:40px}.dock__label--size{display:none}.dock__label--faces{flex:100%}.faces{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.face{border-radius:12px;width:auto;height:40px}.dock__label--faces{gap:3px;font-size:12px}.clear{border-radius:12px;justify-content:center;gap:6px;height:40px;padding:0;font-size:14px}.clear .i{width:18px;height:18px}.actions{flex:100%;order:-1;gap:8px;position:static}.actions .btn{flex:1;gap:8px;height:42px;padding:0 12px;font-size:14px}.actions #restart{flex:0 auto}.actions:has(.save.is-hidden) #restart{flex:1}.long{display:none}.skip{right:20px;bottom:calc(28px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important}}