@font-face{font-family:Pally;src:url(/fonts/Pally-Variable.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;--page:#2a44ff;--on-page:#fff;--on-page-muted:#ffffffbd;--on-page-line:#ffffff38;--on-page-soft:#ffffff24;--card:#fdf8ef;--surface:#fdf8ef;--surface-2:#f2e8d5;--paper:#fff;--text:#0d1033;--muted:#5c6080;--border:#e9dfcb;--accent:#2a44ff;--accent-soft:#e3e7ff;--accent-text:#fff;--track-fill:var(--accent);--track-rest:#e6d9bf;--field:var(--surface-2);--field-text:var(--text);--field-muted:var(--muted);--success:#00b86b;--cut:#2a44ff;--error:#d92d20;--fs-tiny:.75rem;--fs-small:.9rem;--fs-body:1rem;--fs-title:1.6rem;--fs-display:2.5rem;--radius:1rem;--ease:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);font-family:Pally,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.0625rem;font-weight:500;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#141c86;--card:#0f156673;--surface:#0f1566;--surface-2:#1c2491;--text:#fff8ec;--muted:#b4bbef;--border:#252da0;--accent:#8c9bff;--accent-soft:#252ea6;--accent-text:#0f1566;--track-fill:#fff8ec;--track-rest:#fff8ec47;--field:#fff8ec;--field-text:#0d1033;--field-muted:#5c6080;--error:#ff8a80}}*,:before,:after{box-sizing:border-box}body{color:var(--on-page);background:var(--page);margin:0}html[data-locked]{overflow:hidden}h1,h2,h3,p{margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}button{height:2.25rem;font:inherit;font-size:var(--fs-body);white-space:nowrap;color:var(--text);background:var(--surface-2);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease);border:0;border-radius:.6rem;justify-content:center;align-items:center;gap:.4rem;padding:0 .9rem;font-weight:700;display:inline-flex}button:hover:not(:disabled){background:color-mix(in oklab, var(--surface-2) 82%, var(--text))}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.4;cursor:default}button svg{transition:transform .4s var(--ease-spring);flex-shrink:0}button.icon{width:2.25rem;padding:0}button.primary{color:var(--accent-text);background:var(--accent);border-color:var(--accent)}button.primary:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 86%, #000)}button.ghost{height:1.9rem;color:var(--muted);background:0 0;border-color:#0000;padding:0 .6rem}button.ghost:hover:not(:disabled){color:var(--text);background:var(--surface-2);border-color:#0000;transform:none}input[type=range]{--fill:50%;appearance:none;cursor:pointer;background:0 0;width:100%;height:1.25rem;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--border) var(--fill));border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--border) var(--fill));border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--surface);border:2px solid var(--accent);width:1rem;height:1rem;transition:transform .25s var(--ease-spring);border-radius:50%;margin-top:calc(2px - .5rem)}input[type=range]::-moz-range-thumb{background:var(--surface);border:2px solid var(--accent);width:.75rem;height:.75rem;transition:transform .25s var(--ease-spring);border-radius:50%}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.25)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.25)}input[type=range]:active::-moz-range-thumb{transform:scale(1.25)}.slider{--thumb:2.1rem;--stop:calc(var(--thumb) / 2 + var(--fill) * (100% - var(--thumb)));min-width:0;height:var(--thumb);flex:1;display:block;position:relative}.slider-track{background:linear-gradient(to right, var(--track-fill) var(--stop), var(--track-rest) var(--stop));border-radius:5px;height:10px;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.slider-thumb{top:50%;left:var(--stop);width:var(--thumb);height:var(--thumb);pointer-events:none;transition:scale .3s var(--ease-spring);border-radius:50%;display:block;position:absolute;translate:-50% -50%}.slider-thumb img{width:100%;height:100%;animation:grow-in .6s var(--ease) both;display:block}.slider:hover .slider-thumb{scale:1.15}.slider:has(input:active) .slider-thumb{scale:.88}.slider input{opacity:0;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.slider input:active{cursor:grabbing}.slider input::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb)}.slider input::-moz-range-thumb{width:var(--thumb);height:var(--thumb)}.slider:has(input:focus-visible) .slider-thumb{outline:2px solid var(--accent);outline-offset:1px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;gap:1.5rem;max-width:90rem;min-height:100dvh;margin:0 auto;padding:1.75rem 2.5rem 1.25rem;display:flex;overflow:clip}@media (width<=40rem){.app{gap:1.25rem;padding:1.25rem 1rem 1rem}}.masthead{animation:rise .6s var(--ease) both;align-items:center;gap:1.1rem;display:flex}.masthead-text{flex:1;min-width:0}.masthead h1{font-size:var(--fs-display);letter-spacing:-.015em;-webkit-text-stroke:.035em currentColor;paint-order:stroke fill;font-weight:700;line-height:1}.masthead p{color:var(--on-page-muted);font-size:var(--fs-body)}.logo{transition:rotate .6s var(--ease-spring), scale .6s var(--ease-spring);margin:-1rem -.6rem -1rem -.9rem}.masthead:hover .logo{rotate:-25deg;scale:1.1}.switches{gap:.75rem;display:flex}.switch{gap:.1rem;display:flex}.switch button{height:2rem;font-size:var(--fs-small);letter-spacing:.04em;color:var(--muted);background:0 0;border-color:#0000;padding:0 .55rem}.switch button:hover:not(:disabled){color:var(--text);background:0 0}.switch button{position:relative}.switch button[aria-pressed=true]{color:var(--accent)}.switch-pill{background:var(--accent-soft);border-radius:inherit;position:absolute;inset:0}.switch-label{position:relative}.masthead .switch button{color:var(--on-page-muted)}.masthead .switch button:not([aria-pressed=true]):hover:not(:disabled){color:var(--on-page)}.masthead .switch{background:var(--on-page-soft);border-radius:.8rem;align-items:center;padding:.2rem}.masthead .switch button{border-radius:.6rem;height:1.8rem}.masthead .switch button[aria-pressed=true]{color:var(--page)}.masthead .switch-pill{background:var(--on-page)}.masthead .unit-switch{color:var(--on-page-muted);border-color:#0000;gap:.15rem;padding-left:.6rem}.layout{--stage-size:min(100%, max(24rem, calc(100dvh - 28.5rem)));grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"bar bar""shape cutter";align-items:stretch;gap:1.5rem;display:grid}.bar{grid-area:bar}.shape-card{view-transition-name:shape-card;grid-area:shape}.cutter-card{view-transition-name:cutter-card;grid-area:cutter}::view-transition-group(*){animation-duration:.45s;animation-timing-function:var(--ease)}.draw-area{width:var(--stage-size);flex-direction:column;margin-inline:auto;display:flex;container:draw/inline-size}.layout[data-expanded]{--stage-size:min(100%, 60rem);grid-template-columns:minmax(0,1fr);grid-template-areas:"bar""shape""cutter"}.layout[data-expanded] .viewer{aspect-ratio:16/9}.layout[data-expanded] .cutter-card{animation:none}@media (width>56rem){.layout:not([data-expanded]){flex:1;grid-template-rows:auto 1fr}.layout:not([data-expanded]) .draw-area{flex:1 1 0;align-items:center;width:100%;min-height:26rem;container-type:size}.layout[data-expanded] .draw-area{align-items:center;width:100%;height:clamp(26rem,100dvh - 7rem,64rem);container-type:size}.draw-grid{--s:max(12rem, min(60rem, 100cqw - var(--chrome-w,0px), 100cqh - var(--chrome-h,8rem)))}}@media (width>=75rem){.layout:not([data-expanded]) .brush{min-width:6rem}}@media (width<=56rem){button.expand{display:none}.layout,.layout[data-expanded]{--stage-size:100%;grid-template-columns:minmax(0,1fr);grid-template-areas:"bar""shape""cutter"}}@media (width<=40rem){.masthead{--cookie-scale:.7;--fs-display:1.85rem;flex-wrap:wrap;gap:.9rem .8rem}.masthead p{font-size:var(--fs-small);margin-top:.2rem;line-height:1.35}.masthead .logo{margin:-.6rem -.4rem -.6rem -.6rem}.switches{justify-content:space-between;width:100%}}.card{color:var(--text);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:calc(var(--radius) + .35rem);animation:rise .6s var(--ease) both;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem 1.75rem;display:flex}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}.card-head{justify-content:space-between;align-items:center;gap:1rem;min-height:2.25rem;display:flex}.card-tools{align-items:center;gap:1.5rem;display:flex}.card-head h2{font-size:var(--fs-title);letter-spacing:-.015em;-webkit-text-stroke:.02em currentColor;paint-order:stroke fill;align-items:center;gap:.6rem;font-weight:700;line-height:1;display:flex}.dims{font-size:var(--fs-body);font-variant-numeric:tabular-nums;color:var(--muted);animation:fade .3s var(--ease);align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.stage{aspect-ratio:1;background-color:var(--surface-2);background-image:radial-gradient(color-mix(in oklab, var(--muted) 30%, transparent) 1px, transparent 1px);border-radius:var(--radius);transition:border-color .2s var(--ease), background-color .2s var(--ease), transform .3s var(--ease-spring);background-size:22px 22px;flex:none;position:relative;overflow:hidden}.stage[data-dragging]{background-color:var(--accent-soft);transform:scale(.985)}.stage.paper{--accent:#2a44ff;--accent-soft:#e3e7ff;--surface:#fff;--surface-2:#f2e8d5;--border:#e9dfcb;--muted:#5c6080;--text:#0d1033;color:var(--text);background-color:var(--paper);background-image:none}.grid{pointer-events:none;opacity:.7;transition:opacity .3s var(--ease);position:absolute;inset:0}.stage:hover .grid{opacity:1}.grid-lines{width:100%;height:100%;display:block}.grid line{stroke-width:1px}.grid .minor line{stroke:#f1ebdf}.grid .major line{stroke:#e4dac8}.grid .axis line{stroke:#cdbfa7;stroke-width:1.5px}.tick{font-size:var(--fs-tiny);font-variant-numeric:tabular-nums;color:#9a917f;line-height:1;position:absolute}.tick.x{top:.4rem;transform:translate(-50%)}.tick.y{left:.4rem;transform:translateY(-50%)}.tick.unit{color:var(--muted);font-weight:700;top:.4rem;left:.4rem}.stage.paper[data-dragging]{background-color:#e3e7ff}.drawing{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.outline path{fill:var(--cut);fill-opacity:.06;stroke:var(--cut);stroke-width:2px;stroke-dasharray:6 5;stroke-linejoin:round;vector-effect:non-scaling-stroke;animation:.8s linear infinite march}.stage-hint{text-align:center;color:var(--muted);pointer-events:none;animation:fade .4s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:2rem;display:flex;position:absolute;inset:0}.stage-hint strong{color:var(--text);font-weight:700}.viewer .stage-hint{animation:2.4s ease-in-out infinite breathe}.stage.viewer{aspect-ratio:auto;background-image:none;flex:1 1 0;min-height:15rem}@media (width<=56rem){.stage.viewer{aspect-ratio:1;flex:none}}.preview{position:absolute;inset:0}.preview canvas{display:block}.cookie{width:calc(var(--size) * var(--cookie-scale,1));height:calc(var(--size) * var(--cookie-scale,1));pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;display:block}button .cookie{margin:-1rem -.3rem -1rem -.7rem}footer .cookie{margin:-.75rem -.45rem -.75rem -.3rem}.donate>.cookie{margin:auto;position:absolute;inset:0}.stage-hint .cookie{margin:-.75rem 0 -.25rem}.dims .cookie{margin:-.7rem -.2rem -.7rem -.5rem}.checkbox-box .cookie{transition:scale .4s var(--ease-spring), visibility 0s;margin:0;position:absolute}button.icon .cookie{margin:-.6rem}button.icon:has(.cookie){background:0 0}button.icon:has(.cookie):hover:not(:disabled){background:0 0}button:disabled .cookie{filter:grayscale(.6)}.masthead .switch .cookie{margin:-.7rem -.2rem -.7rem -.5rem}button.rotate[aria-pressed=false] .cookie,button.toggle[aria-pressed=false] .cookie{opacity:.5;filter:grayscale(.7)}.checkbox input:not(:checked)+.checkbox-box .cookie{visibility:hidden;transition:scale .25s cubic-bezier(.5,0,.75,0),visibility 0s .25s;scale:0}.cookie-background{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cookie-spot{position:absolute;translate:-50% -50%}.app>:not(.cookie-background){z-index:1;position:relative}.draw-grid{width:var(--s,auto);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"stage stage stage""tools options actions""templates templates templates";align-items:center;gap:1.1rem 1.25rem;display:grid}.draw-grid>.stage{grid-area:stage;width:100%;min-width:0}.tool-options{grid-area:options;align-items:center;min-width:0;min-height:2.1rem;display:flex}.tool-group{grid-area:tools;justify-self:start;align-items:center;gap:.6rem;display:flex}.tool-group .tool{position:relative}.tool-underline{background:var(--accent);border-radius:2px;width:1.6rem;height:4px;margin-left:-.8rem;position:absolute;bottom:-.6rem;left:50%}.actions{grid-area:actions;justify-self:end;align-items:center;gap:1rem;display:flex}@container draw (width<34rem){.draw-grid{grid-template-areas:"stage stage stage""tools.actions""options options options""templates templates templates";column-gap:.75rem}.draw-grid .tool-group,.draw-grid .actions{gap:.45rem}.tool-options .brush{max-width:none}}.brush{flex:1;align-items:center;gap:.75rem;min-width:7rem;max-width:16rem;display:flex}.brush-dot{flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;display:grid}.brush-dot:after{content:"";width:var(--dot);height:var(--dot);background:var(--text);transition:width .15s var(--ease), height .15s var(--ease);border-radius:50%}.templates{flex-direction:column;grid-area:templates;align-items:flex-start;gap:.45rem;min-width:0;display:flex}.preset-strip{overscroll-behavior:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--muted) 45%, transparent) transparent;align-self:stretch;gap:.6rem;min-width:0;padding-block:.15rem;display:flex;overflow-x:auto}.preset-strip>*{scroll-snap-align:start;flex:none}.presets-label{font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}button.preset,button.preset:hover:not(:disabled){color:#0d1033;background:var(--paper);border-radius:.75rem;width:3.1rem;height:3.1rem;padding:.4rem}.preset svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:100%;height:100%}.templates button.upload{margin-top:.45rem}@container draw (aspect-ratio>=.88) and (width>=30rem){.draw-grid{--rail:3.1rem;grid-template-columns:var(--rail) var(--s) var(--rail);grid-template-rows:var(--s) auto;grid-template-areas:"tools stage templates"".options.";gap:1rem .8rem;width:auto}.draw-grid .tool-group,.draw-grid .actions{flex-direction:column;grid-area:tools;justify-self:center;gap:.75rem}.draw-grid .tool-group{align-self:start}.draw-grid .actions{align-self:end}.draw-grid .tool-underline{width:4px;height:1.6rem;margin:-.8rem 0 0;top:50%;bottom:auto;left:-.65rem}.draw-grid .tool-options .brush{max-width:18rem}.draw-grid .templates{align-self:stretch;align-items:center;gap:.75rem;min-height:0}.draw-grid .presets-label{display:none}.draw-grid button.preset:focus-visible{outline-offset:-3px}.draw-grid .preset-strip{scroll-snap-type:y proximity;scrollbar-width:none;flex-direction:column;flex:1;align-items:center;min-height:0;padding:.15rem 0;overflow:hidden auto}.draw-grid .templates button.upload{border-radius:.75rem;flex:none;width:3.1rem;height:3.1rem;margin:0;padding:0;position:relative}.draw-grid button.upload .cookie{margin:-.6rem}.draw-grid .upload-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.move-hint{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-small);color:var(--muted);flex:1;overflow:hidden}.brush-cursor{z-index:2;opacity:0;pointer-events:none;transition:opacity .15s var(--ease);background:#0d10330f;border:1.5px solid #0d10338c;border-radius:50%;position:absolute;top:0;left:0}.stage[data-tool=eraser] .brush-cursor{background:#ffffff8c;border-style:dashed}@media (hover:hover){.stage[data-mode=draw] .drawing{cursor:none}}.stage[data-mode=move] .drawing{cursor:default}button.remove-chip{z-index:3;position:absolute;translate:-50% -50%}.marquee{z-index:1;background:color-mix(in oklab, var(--accent) 10%, transparent);border:1.5px dashed var(--accent);pointer-events:none;border-radius:3px;position:absolute}.selection{z-index:1;transform-origin:50%;border:2px dashed var(--accent);pointer-events:none;border-radius:4px;position:absolute}.selection i{background:var(--paper);border:2px solid var(--accent);border-radius:50%;width:.8rem;height:.8rem;position:absolute;translate:-50% -50%}.selection i:first-child{top:0;left:0}.selection i:nth-child(2){top:0;left:100%}.selection i:nth-child(3){top:100%;left:100%}.selection i:nth-child(4){top:100%;left:0}.card.bar{flex-flow:wrap;justify-content:space-between;align-items:center;gap:1rem 2.5rem;padding:1.1rem 1.5rem 1.1rem 1.75rem}@media (width>40rem){.card.bar{padding:.8rem}}.bar-field{min-width:0;max-width:30rem;font-size:var(--fs-body);color:var(--muted);flex:18rem;align-items:center;gap:1.1rem;display:flex}.bar-field input{min-width:0;height:2.6rem;font:inherit;color:var(--field-text);background:var(--field);transition:outline-color .2s var(--ease), background .2s var(--ease);border:0;border-radius:.6rem;outline:2px solid #0000;flex:1;padding:0 1.25rem;font-weight:700}.bar-field input::placeholder{color:var(--field-muted);font-weight:500}.bar-field input:focus{background:var(--paper);outline-color:var(--accent)}.params{flex-direction:column;gap:1.1rem;display:flex;container-type:inline-size}.checkbox{font-size:var(--fs-body);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.checkbox input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.checkbox-box{background:var(--field);width:1.35rem;height:1.35rem;transition:scale .3s var(--ease-spring);border-radius:.4rem;flex:none;place-items:center;display:grid;position:relative}.checkbox:hover .checkbox-box{scale:1.08}.checkbox:active .checkbox-box{scale:.92}.checkbox:has(input:focus-visible) .checkbox-box{outline:2px solid var(--accent);outline-offset:2px}.params h3{font-size:var(--fs-small);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.params>.checkbox,.params>.reset{align-self:flex-start}.params-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 2.5rem;display:grid}@container (width<24rem){.params-grid{grid-template-columns:minmax(0,1fr)}}@container (width>50rem){.params-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.params .param{font-size:var(--fs-body);flex-direction:column;gap:.5rem;display:flex}.param-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.param-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);overflow:hidden}.param-head output{white-space:nowrap;color:var(--text);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.hints{max-width:26rem;font-size:var(--fs-body);color:var(--muted);align-self:flex-end}.hints summary{float:right}.hints ul{clear:both}.hints summary{cursor:pointer;transition:color .2s var(--ease);border-radius:.4rem;align-items:center;gap:.4rem;list-style:none;display:inline-flex}.hints summary::-webkit-details-marker{display:none}.hints summary:hover{color:var(--text)}.hints ul{margin:.5rem 0 0;padding-left:1.4rem}.hints[open] ul{animation:rise .3s var(--ease)}.error{font-size:var(--fs-body);color:var(--error);background:color-mix(in oklab, var(--error) 10%, transparent);animation:shake .4s var(--ease);border-radius:.6rem;padding:.6rem .8rem}footer{font-size:var(--fs-body);color:var(--muted);background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:calc(var(--radius) + .35rem);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;margin-top:auto;padding:.75rem 1.75rem .75rem 7.5rem;display:flex}.donate{color:#0d1033;width:7rem;height:7rem;transition:rotate .5s var(--ease-spring), scale .5s var(--ease-spring);place-items:center;text-decoration:none;animation:7s ease-in-out 3s infinite sun-hop;display:grid;position:absolute;bottom:-.4rem;left:-1rem;rotate:-12deg}.donate:hover{animation-play-state:paused;rotate:4deg;scale:1.12}.donate .sprinkle{background:var(--color);opacity:0;pointer-events:none;border-radius:999px;width:.65rem;height:.24rem;display:block;position:absolute;top:50%;left:50%}.donate:hover .sprinkle{animation:sprinkle .75s var(--ease) var(--delay) both}.donate:active{scale:.95}.donate-text{font-size:var(--fs-small);text-align:center;flex-direction:column;align-items:center;font-weight:700;line-height:1.05;display:flex;position:relative;scale:0}.donate-text small{font-size:var(--fs-tiny);font-weight:500}footer .creations{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}footer .footer-links,footer .credit{flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}@media (width<=40rem){footer{flex-direction:column;align-items:flex-start;padding-left:6.5rem}footer .footer-links,footer .credit{flex-direction:column;align-items:flex-start;gap:.35rem}footer .sep{display:none}.donate{--cookie-scale:.86;width:6rem;height:6rem;left:-.4rem}}footer a{color:var(--text);transition:color .2s var(--ease);align-items:center;gap:.15rem;text-decoration:none;display:inline-flex}footer a:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}footer a.donate,footer a.donate:hover{color:#0d1033;text-decoration:none}.export{flex-direction:column;gap:1rem;display:flex}.export>.actions{flex-wrap:wrap;justify-content:flex-end;align-self:stretch}.share{transition:opacity .2s var(--ease);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-left:auto;display:flex}.share button.copy{height:2.6rem;color:var(--accent-text);background:var(--accent);border-color:var(--accent);padding:0 1.25rem 0 .9rem}.share button.copy:hover:not(:disabled){background:color-mix(in oklab, var(--accent) 86%, #000)}.share button.copy[data-copied]{background:var(--success);border-color:var(--success)}button.link{height:auto;color:var(--muted);background:0 0;border:0;padding:0;font-weight:400}button.link:hover:not(:disabled){color:var(--text);background:0 0}footer button.link{color:var(--muted)}footer button.link:hover:not(:disabled){color:var(--text)}dialog.legal{width:min(40rem,100% - 2rem);max-height:min(85dvh,48rem);color:var(--text);background:var(--surface);border-radius:calc(var(--radius) + .6rem);opacity:0;transition:opacity .25s var(--ease), transform .35s var(--ease-spring), overlay .25s allow-discrete, display .25s allow-discrete;border:0;padding:.6rem;overflow:hidden;transform:translateY(16px)scale(.98)}dialog.legal[open]{opacity:1;flex-direction:column;display:flex;transform:none}@starting-style{dialog.legal[open]{opacity:0;transform:translateY(16px)scale(.98)}}dialog.legal::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background .25s var(--ease), backdrop-filter .25s var(--ease), overlay .25s allow-discrete, display .25s allow-discrete;background:0 0}dialog.legal[open]::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059}@starting-style{dialog.legal[open]::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.legal-body{overscroll-behavior:contain;min-height:0;font-size:var(--fs-body);scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--muted) 55%, transparent) transparent;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.legal-body::-webkit-scrollbar{width:8px}.legal-body::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--muted) 55%, transparent);border-radius:4px}button.legal-close{z-index:1;width:2.5rem;height:2.5rem;padding:0;position:absolute;top:1.1rem;right:1.1rem}.legal h2{font-size:var(--fs-title);letter-spacing:-.015em;-webkit-text-stroke:.02em currentColor;paint-order:stroke fill;padding-right:3rem;line-height:1.2}.legal h2:not(:first-of-type){margin-top:2.25rem}.legal h3{font-size:var(--fs-body);margin:1.25rem 0 .3rem;font-weight:700}.legal p,.legal address{color:var(--muted);margin:0 0 .5rem;font-style:normal}.legal a{color:var(--text)}dialog.share-sheet{width:min(32rem,100% - 2rem)}.share-image{border-radius:var(--radius);width:100%;height:auto;margin:1rem 0 .75rem;display:block}.share-link{gap:.6rem;margin-top:.5rem;display:flex}.share-link input{min-width:0;height:2.6rem;font:inherit;font-size:var(--fs-small);color:var(--field-text);background:var(--field);border:0;border-radius:.6rem;flex:1;padding:0 1rem}.share-link button.copy{height:2.6rem;color:var(--accent-text);background:var(--accent);flex:none;padding:0 1.1rem 0 .8rem}.share-link button.copy[data-copied]{background:var(--success)}.share-more{flex-wrap:wrap;gap:.6rem 1rem;margin-top:1rem;display:flex}.stage-hint svg{color:var(--accent);margin-bottom:.4rem;animation:2.4s ease-in-out infinite bob}.stage-hint.drop svg{animation:.8s ease-in-out infinite bob}button.copy[data-copied] svg{animation:pop .45s var(--ease-spring)}button.primary:hover:not(:disabled) svg{animation:nudge .6s var(--ease) infinite alternate}button.ghost:hover:not(:disabled) svg{transform:rotate(-200deg)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes fade{0%{opacity:0}}@keyframes sun-hop{0%,84%,to{translate:0}88%{translate:0 -10px}92%{translate:0}95%{translate:0 -4px}}@keyframes sprinkle{0%{opacity:1;transform:translate(-50%, -50%) rotate(var(--angle)) translateX(2.4rem)}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateX(5rem) rotate(160deg)}}@keyframes grow-in{0%{scale:0}}@keyframes breathe{50%{opacity:.5}}@keyframes bob{50%{translate:0 -6px}}@keyframes cookie-hop{35%{translate:0 -6px;rotate:-20deg}70%{translate:0;rotate:12deg}}@keyframes march{to{stroke-dashoffset:-11px}}@keyframes pop{0%{transform:scale(.3)rotate(-30deg)}}@keyframes spin{to{rotate:360deg}}@keyframes nudge{to{transform:translateY(2px)}}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}