.fp{--fp-ink: #202020;--fp-ink-soft: rgba(32, 32, 32, .58);--fp-accent: #d8683f;--fp-accent-down: #c65c33;--fp-bg: #faf6f0;--fp-scrim: rgba(250, 246, 240, .74);position:relative;width:100%;aspect-ratio:360 / 520;max-height:100%;overflow:hidden;border-radius:16px;background:var(--fp-bg);color:var(--fp-ink);font-family:ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;cursor:pointer}.fp:focus-visible{outline:2.5px solid var(--fp-ink);outline-offset:2px}.fp-stage{position:absolute;top:0;left:0;width:360px;height:520px;transform-origin:top left}.fp-obstacle{position:absolute;top:0;left:0;width:62px;height:520px;will-change:transform}.fp-col{position:absolute;left:0;width:62px}.fp-column{display:block;overflow:visible}.fp-pigeon{position:absolute;top:0;left:0;width:64px;height:64px;will-change:transform}.fp-pigeon-art{display:block;width:100%;height:100%}.fp-pigeon .anim-part,.fp-pigeon .anim-bg{animation:none}.fp-score{position:absolute;top:16px;left:0;right:0;text-align:center;font-size:30px;font-weight:700;color:var(--fp-ink);opacity:.72;font-variant-numeric:tabular-nums}.fp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:0 24px;text-align:center}.fp-overlay-ready{justify-content:flex-start;padding-top:296px}.fp-overlay-over{justify-content:center}.fp-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fp-scrim)}.fp-line{margin:0;font-size:15px;font-weight:600;color:var(--fp-ink)}.fp-btn{border:1.5px solid var(--fp-accent);background:var(--fp-accent);color:#fff;border-radius:999px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform .13s ease,background-color .13s ease}.fp-btn:hover{background:var(--fp-accent-down);border-color:var(--fp-accent-down);transform:scale(1.04)}.fp-btn:active{transform:scale(.98)}.fp-btn:focus-visible{outline:2.5px solid var(--fp-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.fp-btn{transition:none}.fp-btn:hover,.fp-btn:active{transform:none}}.fp-demo{height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:#f1ece4}.fp-demo-panel{width:380px;max-width:100%;max-height:100%;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:20px;background:#fff;border:1.5px solid #e3dcd1}.fp-demo-note{margin:0;font-size:13.5px;font-weight:500;color:#20202094}.dn{--dn-ink: #202020;--dn-bg: #faf6f0;--dn-hop-lead: .15s;--dn-hop-dur: .3s;--dn-drop-dur: .52s;--dn-settle-dur: .24s;--dn-ease-dur: .22s;position:relative;width:100%;aspect-ratio:480 / 320;max-height:100%;overflow:hidden;border-radius:16px;background:var(--dn-bg);color:var(--dn-ink);font-family:ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.dn-stage{position:absolute;top:0;left:0;width:480px;height:320px;transform-origin:top left}.dn-nest{position:absolute;top:0;left:0;z-index:0}.dn-twigs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dn-twig{position:absolute;top:0;left:0}.dn-twig--held,.dn-twig--easing{will-change:transform}.dn-twig--easing{transition:transform var(--dn-ease-dur) cubic-bezier(.22,.61,.36,1)}.dn-twig-drop{position:absolute;top:0;left:0}.dn-twig-falling{animation:dn-drop var(--dn-drop-dur) var(--dn-hop-lead) both}.dn-twig-hit{position:absolute;top:0;left:0;pointer-events:auto;touch-action:none;cursor:grab}.dn-twig--held .dn-twig-hit{cursor:grabbing}.dn-twig-hit svg{display:block}@keyframes dn-drop{0%{transform:translate(var(--dn-dx),var(--dn-dy)) rotate(var(--dn-r0));animation-timing-function:cubic-bezier(.55,.06,.68,.5)}70%{transform:translateY(4px) rotate(0);animation-timing-function:ease-out}86%{transform:translateY(-2px) rotate(0);animation-timing-function:ease-in-out}to{transform:translate(0) rotate(0)}}.dn-pigeon{position:absolute;top:0;left:0;pointer-events:none;transition:transform var(--dn-settle-dur) cubic-bezier(.22,.61,.36,1)}.dn-pigeon-art{display:block;width:100%;height:100%}@keyframes dn-bob{0%,82%,to{transform:translateY(0)}88%{transform:translateY(-5px)}94%{transform:translateY(0)}}.dn-pigeon-bob{animation:dn-bob 5.2s ease-in-out infinite}@keyframes dn-hop-a{0%{transform:translateY(0) rotate(0)}38%{transform:translateY(-11px) rotate(-5deg)}to{transform:translateY(0) rotate(0)}}@keyframes dn-hop-b{0%{transform:translateY(0) rotate(0)}38%{transform:translateY(-11px) rotate(-5deg)}to{transform:translateY(0) rotate(0)}}.dn-pigeon-hop[data-pose=delivering][data-hop="0"]{animation:dn-hop-a var(--dn-hop-dur) cubic-bezier(.33,0,.2,1)}.dn-pigeon-hop[data-pose=delivering][data-hop="1"]{animation:dn-hop-b var(--dn-hop-dur) cubic-bezier(.33,0,.2,1)}@media(prefers-reduced-motion:reduce){.dn{--dn-hop-lead: 0ms;--dn-drop-dur: .18s;--dn-ease-dur: 90ms}.dn-twig-falling{animation-name:dn-drop-plain}.dn-pigeon{transition:none}.dn-pigeon-bob,.dn-pigeon-hop[data-pose=delivering][data-hop="0"],.dn-pigeon-hop[data-pose=delivering][data-hop="1"]{animation:none}}@keyframes dn-drop-plain{0%{transform:translate(var(--dn-dx),var(--dn-dy)) rotate(var(--dn-r0))}to{transform:translate(0) rotate(0)}}.dn-demo{height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:#f1ece4}.dn-demo-panel{width:440px;max-width:100%;max-height:100%;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:20px;background:#fff;border:1.5px solid #e3dcd1}.dn-demo-note{margin:0;font-size:13.5px;font-weight:500;color:#20202094}.dn-demo-controls{display:flex;flex-wrap:wrap;gap:8px}.dn-demo-controls button{padding:7px 12px;border-radius:999px;border:1.5px solid #e3dcd1;background:#faf6f0;color:#202020;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.dn-demo-controls button:hover{border-color:#c9c0b1}:root{--ink: #202020;--ink-soft: rgba(32, 32, 32, .55);--accent: #d8683f;--accent-down: #c65c33;--bg: #faf6f0;--chip: #f1ece4;--chip-border: #e3dcd1;--none-glyph: #c9c0b1;font-family:ui-rounded,SF Pro Rounded,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden;-webkit-font-smoothing:antialiased}.app{height:100%;height:100dvh;display:flex;flex-direction:column}html.giant-cursor-on,html.giant-cursor-on *{cursor:none!important}.giant-cursor{position:fixed;left:0;top:0;z-index:2147483000;pointer-events:none;opacity:0;will-change:transform}.giant-cursor-art{display:block;transform-origin:11px 10px;transform:scale(.8);transition:transform 90ms ease;filter:drop-shadow(0 3px 4px rgba(32,32,32,.16))}.giant-cursor.is-pressed .giant-cursor-art{transform:scale(.68)}@media(prefers-reduced-motion:reduce){.giant-cursor-art{transition:none}}.stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:calc(16px + env(safe-area-inset-top)) 16px 4px}.actions{flex:0 0 auto;position:relative;display:flex;justify-content:center;padding:6px 16px 10px}.stage-inner{height:100%;width:100%;min-height:0;display:flex;align-items:center;justify-content:center}.preview{height:100%;max-height:min(60vh,88vw);aspect-ratio:1 / 1;width:auto}.anim-part{transform-box:fill-box;transform-origin:50% 50%;animation:part-pop .23s cubic-bezier(.34,1.56,.64,1) both}@keyframes part-pop{0%{transform:scale(.8)}to{transform:scale(1)}}.anim-bg{transform-box:fill-box;transform-origin:50% 50%;animation:bg-pop .2s ease-out both}@keyframes bg-pop{0%{transform:scale(.965)}to{transform:scale(1)}}.shuffle-pop{animation:shuffle-squash .29s cubic-bezier(.34,1.56,.64,1) both;transform-origin:50% 96.9%}@keyframes shuffle-squash{0%{transform:scaleX(1.06) scaleY(.9)}60%{transform:scaleX(.985) scaleY(1.02)}to{transform:scale(1)}}.toolbar{display:flex;gap:10px;align-items:center;position:relative}.btn{border:1.5px solid var(--chip-border);background:#fff;color:var(--ink);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .13s ease,background-color .13s ease}.btn:hover{transform:scale(1.04)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-down);border-color:var(--accent-down)}.download{position:relative}.export-note{position:absolute;top:100%;left:50%;transform:translate(-50%);margin:0;font-size:13px;color:var(--ink-soft);white-space:nowrap}.download-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1.5px solid var(--chip-border);border-radius:12px;padding:4px;display:flex;flex-direction:column;min-width:104px;z-index:10;box-shadow:0 6px 18px #20202014}.download-menu button{border:0;background:none;font:inherit;font-size:14px;font-weight:500;padding:9px 12px;text-align:left;border-radius:8px;cursor:pointer;color:var(--ink)}.download-menu button:hover{background:var(--chip)}.picker{flex:0 0 auto;display:flex;flex-direction:column;gap:12px;padding:0 16px calc(18px + env(safe-area-inset-bottom));align-items:center}.picker-options{display:flex;align-items:center;gap:10px;overflow-x:auto;max-width:100%;min-height:80px;padding:8px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.picker-options::-webkit-scrollbar{display:none}.picker-options:before,.picker-options:after{content:"";margin:auto}.picker-empty{margin:0;font-size:13.5px;color:var(--ink-soft);white-space:nowrap}.chip{width:64px;height:64px;flex:0 0 auto;border-radius:18px;border:0;box-shadow:inset 0 0 0 1.5px var(--chip-border);background:var(--chip);cursor:pointer;padding:7px;transition:transform .14s ease,box-shadow .14s ease}.chip:hover{transform:scale(1.08)}.chip svg{width:100%;height:100%;display:block;pointer-events:none}.chip-swatch{border-radius:50%;padding:5px}.chip-selected{box-shadow:inset 0 0 0 1.5px var(--chip-border),0 0 0 2.5px var(--bg),0 0 0 5px var(--ink)}.picker-tabs{display:flex;gap:4px;background:#fff;border:1.5px solid var(--chip-border);border-radius:999px;padding:4px;max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.picker-tabs::-webkit-scrollbar{display:none}.tab{border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);opacity:.55;padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:opacity .13s ease,background-color .13s ease}.tab:hover{opacity:.85}.tab-active{background:var(--chip);opacity:1}.chip:focus-visible,.tab:focus-visible,.btn:focus-visible,.download-menu button:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}.chip-swatch:focus-visible{outline-offset:1px}@media(max-width:700px){.btn{padding:10px 16px;min-height:44px}.preview{max-height:min(46vh,92vw)}.picker{gap:8px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.chip{width:56px;height:56px;border-radius:16px;padding:6px}.picker-options{min-height:72px;padding:6px 2px}.tab{min-height:44px;padding:10px 13px}}.tune-toggle{position:fixed;bottom:12px;left:12px;z-index:50;border:1.5px solid var(--chip-border);background:#fff;color:var(--ink);border-radius:999px;padding:6px 14px;font:600 12px/1 inherit;cursor:pointer;opacity:.7}.tune-toggle:hover{opacity:1}.tune-panel{position:fixed;top:12px;left:12px;z-index:50;width:268px;max-height:calc(100vh - 24px);overflow-y:auto;background:#fff;border:1.5px solid var(--chip-border);border-radius:14px;padding:12px;box-shadow:0 10px 30px #20202026;font-size:12px;color:var(--ink)}.tune-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.tune-head strong{font-size:13px;text-transform:capitalize}.tune-x{border:0;background:none;font-size:20px;line-height:1;cursor:pointer;color:var(--ink-soft);padding:0 4px}.tune-hint{margin:0 0 10px;font-size:11px;color:var(--ink-soft)}.tune-slot{border-top:1px solid var(--chip);padding:8px 0 4px}.tune-slot-name{font-weight:700;margin-bottom:4px}.tune-field{display:grid;grid-template-columns:46px 1fr 58px;align-items:center;gap:6px;margin-bottom:4px}.tune-field-label{color:var(--ink-soft)}.tune-field input[type=range]{width:100%;accent-color:var(--accent)}.tune-num{width:100%;border:1px solid var(--chip-border);border-radius:6px;padding:3px 4px;font:inherit;font-size:11px}.tune-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tune-btn{flex:1 1 auto;border:1.5px solid var(--chip-border);background:#fff;color:var(--ink);border-radius:8px;padding:7px 10px;font:600 12px/1 inherit;cursor:pointer;white-space:nowrap}.tune-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.tune-btn:disabled{opacity:.45;cursor:default}@media(prefers-reduced-motion:reduce){.anim-part,.anim-bg,.shuffle-pop{animation:none}.chip,.tab,.btn{transition:none}.chip:hover,.btn:hover,.btn:active{transform:none}.picker-options,.picker-tabs{scroll-behavior:auto}}