:root{--paper:#fbfaf6;--paper-2:#fff;--paper-3:#f2f0e9;--ink:#16161d;--ink-soft:#5f5f6b;--ink-faint:#a9a8a0;--line:#16161d;--accent:#ff2d55;--accent-ink:#fff;--accent-wash:#ffe9ee;--ok:#0f9d76;--ok-wash:#e2f6ef;--lw:1.6px;--radius:18px;--radius-sm:12px;--shadow:3px 3px 0 var(--line);--shadow-sm:2px 2px 0 var(--line);--page:30rem;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#14141a;--paper-2:#1d1d26;--paper-3:#262631;--ink:#f3f1e9;--ink-soft:#a5a4b0;--ink-faint:#6b6a76;--line:#f3f1e9;--accent:#ff5c7c;--accent-ink:#14141a;--accent-wash:#3a1f28;--ok:#3ad3a5;--ok-wash:#123a30;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-family:Hiragino Maru Gothic ProN,Zen Maru Gothic,"M PLUS Rounded 1c",ui-rounded,-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:16px;line-height:1.7}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--ink) 1px, transparent 1px), linear-gradient(90deg, var(--ink) 1px, transparent 1px);opacity:.035;background-size:28px 28px;position:fixed;inset:0}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.app{z-index:1;max-width:var(--page);padding:0 16px calc(28px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.appbar{z-index:30;background:linear-gradient(var(--paper) 72%, transparent);align-items:center;gap:10px;padding:14px 0 10px;display:flex;position:sticky;top:0}.appbar__title{letter-spacing:0;flex:1;align-items:center;gap:8px;min-width:0;font-size:clamp(.78rem,3.15vw,1.02rem);font-weight:700;display:flex}.appbar__title svg{flex:none}.appbar__title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.steps{align-items:flex-start;gap:0;margin:2px 0 18px;display:flex}.steps__item{cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:6px;padding:0;display:flex;position:relative}.steps__item:disabled{cursor:default}.steps__dot{border:var(--lw) solid var(--line);background:var(--paper-2);width:34px;height:34px;transition:transform .32s var(--ease-spring), background .2s, color .2s, box-shadow .2s;border-radius:50%;place-items:center;font-size:.86rem;font-weight:700;display:grid}.steps__item[data-state=current] .steps__dot{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm);transform:scale(1.16)}.steps__item[data-state=done] .steps__dot{background:var(--ink);color:var(--paper)}.steps__item[data-state=todo] .steps__dot{color:var(--ink-faint);border-color:var(--ink-faint)}.steps__label{color:var(--ink-soft);text-align:center;font-size:.72rem;font-weight:600;line-height:1.35}.steps__item[data-state=current] .steps__label{color:var(--ink)}.steps__item[data-state=todo] .steps__label{color:var(--ink-faint)}.steps__item:before,.steps__item:after{content:"";height:var(--lw);background:var(--ink-faint);opacity:.5;position:absolute;top:17px}.steps__item:before{margin-right:22px;left:0;right:50%}.steps__item:after{margin-left:22px;left:50%;right:0}.steps__item:first-child:before,.steps__item:last-child:after{display:none}.steps__item[data-state=done]:after,.steps__item[data-state=current]:before,.steps__item[data-state=done]:before{background:var(--ink);opacity:1}.card{background:var(--paper-2);border:var(--lw) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);animation:card-in .42s var(--ease-out) both;margin-bottom:16px;padding:18px 16px}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.card__head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.card__num{background:var(--ink);width:27px;height:27px;color:var(--paper);border-radius:50%;flex:none;place-items:center;font-size:.82rem;font-weight:700;display:grid}.card__title{letter-spacing:.01em;font-size:1.13rem;font-weight:700}.card__hint{color:var(--ink-soft);margin:6px 0 14px;font-size:.855rem;line-height:1.65}.btn{--btn-bg:var(--paper-2);--btn-fg:var(--ink);border:var(--lw) solid var(--line);background:var(--btn-bg);min-height:48px;color:var(--btn-fg);cursor:pointer;box-shadow:var(--shadow);transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out), background .18s;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.97rem;font-weight:700;display:inline-flex;position:relative}.btn:active:not(:disabled){box-shadow:0 0 0 var(--line);transform:translate(3px,3px)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:var(--shadow-sm)}.btn--primary{--btn-bg:var(--accent);--btn-fg:var(--accent-ink);border-color:var(--line);white-space:normal;width:100%;min-height:56px;padding:8px 18px;font-size:1.05rem;line-height:1.4}.btn--block{width:100%}.btn--ghost{box-shadow:none;border-color:var(--ink-faint);min-height:42px;font-size:.88rem;font-weight:600}.btn--ghost:active:not(:disabled){background:var(--paper-3);transform:translate(1px,1px)}.btn--icon{border-radius:50%;flex:none;width:44px;min-height:44px;padding:0}.btn--sm{min-height:40px;box-shadow:var(--shadow-sm);padding:0 14px;font-size:.86rem}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn-row>.btn{flex:auto}.toggle{border:var(--lw) solid var(--line);background:var(--paper-2);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:10px;min-height:42px;padding:6px 12px 6px 10px;transition:transform 90ms,box-shadow 90ms;display:inline-flex}.toggle:active{box-shadow:0 0 0 var(--line);transform:translate(2px,2px)}.toggle__track{border:var(--lw) solid var(--line);background:var(--paper-3);border-radius:999px;flex:none;width:40px;height:22px;transition:background .24s;position:relative}.toggle[aria-pressed=true] .toggle__track{background:var(--accent)}.toggle__knob{border:var(--lw) solid var(--line);background:var(--paper-2);width:14px;height:14px;transition:transform .3s var(--ease-spring);border-radius:50%;position:absolute;top:2px;left:2px}.toggle[aria-pressed=true] .toggle__knob{transform:translate(18px)}.toggle__label{white-space:nowrap;font-size:.82rem;font-weight:700}.drop{border:2.4px dashed var(--ink-faint);border-radius:var(--radius);background:var(--paper-3);cursor:pointer;width:100%;min-height:190px;color:var(--ink-soft);transition:border-color .2s, background .2s, transform .2s var(--ease-spring);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:22px 16px;display:flex;position:relative}.drop:hover{border-color:var(--ink);color:var(--ink)}.drop[data-over=true]{border-color:var(--accent);background:var(--accent-wash);color:var(--ink);border-style:solid;transform:scale(1.015)}.drop__title{color:var(--ink);font-size:1rem;font-weight:700}.drop__sub{text-align:center;font-size:.8rem;line-height:1.6}.drop input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.preview{--checker-a:#fff;--checker-b:#dedcd4;border:var(--lw) solid var(--line);border-radius:var(--radius-sm);aspect-ratio:1;background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-b) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;display:grid;position:relative;overflow:hidden}.preview[data-backdrop=dark]{--checker-a:#3a3a44;--checker-b:#23232b}.preview[data-backdrop=white]{background-color:#fff;background-image:none}.preview[data-backdrop=black]{background-color:#1a1a20;background-image:none}.preview__backdrop{border:var(--lw) solid var(--line);background:var(--paper-2);min-height:34px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;top:8px;right:8px}.preview__backdrop:active{box-shadow:0 0 0 var(--line);transform:translate(2px,2px)}.preview canvas,.preview img{object-fit:contain;max-width:100%;max-height:100%;display:block}.preview__badge{background:var(--paper-2);border:var(--lw) solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:700;position:absolute;top:8px;left:8px}.progress{border:var(--lw) solid var(--line);background:var(--paper-3);border-radius:999px;height:14px;overflow:hidden}.progress__bar{background:var(--accent);height:100%;transition:width .3s var(--ease-out);background-image:repeating-linear-gradient(-45deg,#ffffff47 0 6px,#0000 6px 12px);border-radius:999px;animation:.7s linear infinite stripe}@keyframes stripe{to{background-position:17px 0}}.progress-label{color:var(--ink-soft);justify-content:space-between;gap:10px;margin-bottom:7px;font-size:.82rem;font-weight:600;display:flex}.field{margin:14px 0;scroll-margin-top:400px}.field__row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.field__label{flex:1;min-width:0;font-size:.87rem;font-weight:700}.field__value{color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:right;flex:none;font-size:.8rem}input.field__value{border:var(--lw) solid transparent;border-bottom-color:var(--ink-faint);background:0 0;border-radius:8px;width:4.6em;min-height:32px;padding:4px 6px}input.field__value:hover{border-color:var(--ink-faint)}input.field__value:focus{border-color:var(--accent);background:var(--paper-2);color:var(--ink);outline:none}input.field__text{border:var(--lw) solid var(--ink-faint);background:var(--paper-2);width:100%;color:var(--ink);font:inherit;border-radius:10px;min-height:40px;padding:8px 10px}input.field__text:focus{border-color:var(--accent);outline:none}.field__reset{border:1px solid var(--ink-faint);color:var(--ink-soft);cursor:pointer;animation:sprite-in .28s var(--ease-out) both;background:0 0;border-radius:999px;flex:none;align-items:center;gap:3px;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.field__reset:hover{border-color:var(--line);color:var(--ink)}.field__reset:active{transform:translate(1px,1px)}.field__reset:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.field__note{color:var(--ink-soft);margin-top:3px;font-size:.76rem}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:34px;margin:0}input[type=range]::-webkit-slider-runnable-track{border:var(--lw) solid var(--line);background:var(--paper-3);border-radius:999px;height:8px}input[type=range]::-moz-range-track{border:var(--lw) solid var(--line);background:var(--paper-3);border-radius:999px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:var(--lw) solid var(--line);background:var(--paper-2);width:26px;height:26px;box-shadow:var(--shadow-sm);transition:transform .12s var(--ease-spring);border-radius:50%;margin-top:-11px}input[type=range]::-moz-range-thumb{border:var(--lw) solid var(--line);background:var(--paper-2);width:26px;height:26px;box-shadow:var(--shadow-sm);border-radius:50%}input[type=range]:active::-webkit-slider-thumb{background:var(--accent);transform:scale(1.18)}.segmented{border:var(--lw) solid var(--line);background:var(--paper-2);box-shadow:var(--shadow-sm);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;overflow:hidden}.segmented__btn{cursor:pointer;border:0;border-right:var(--lw) solid var(--line);background:0 0;min-height:46px;padding:11px 6px;font-size:.85rem;font-weight:700;transition:background .18s,color .18s}.segmented__btn:last-child{border-right:0}.segmented__btn[aria-pressed=true]{background:var(--ink);color:var(--paper)}.segmented__btn:active{background:var(--paper-3)}.segmented__btn[aria-pressed=true]:active{background:var(--ink)}.disclosure{border:var(--lw) solid var(--ink-faint);border-radius:var(--radius-sm);margin-top:14px;overflow:hidden}.disclosure__btn{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 14px;font-size:.9rem;font-weight:700;display:flex}.disclosure__btn:active{background:var(--paper-3)}.disclosure__chev{transition:transform .28s var(--ease-spring);margin-left:auto}.disclosure[data-open=true] .disclosure__chev{transform:rotate(180deg)}.disclosure__body{border-top:var(--lw) dashed var(--ink-faint);animation:card-in .28s var(--ease-out) both;padding:2px 14px 16px}.stage-dock{z-index:20;background:var(--paper-2);margin-inline:-16px;padding:6px 16px 10px;position:sticky;top:62px}.stage-dock>.preview{width:clamp(180px,100dvh - 420px,100%);margin-inline:auto}.stage{aspect-ratio:1;border:var(--lw) solid var(--line);border-radius:var(--radius-sm);touch-action:none;background-color:var(--paper-2);background-image:linear-gradient(45deg, var(--paper-3) 25%, transparent 25%), linear-gradient(-45deg, var(--paper-3) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--paper-3) 75%), linear-gradient(-45deg, transparent 75%, var(--paper-3) 75%);cursor:grab;-webkit-user-select:none;user-select:none;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:clamp(180px,100dvh - 420px,100%);margin-inline:auto;position:relative;overflow:hidden}.stage:active{cursor:grabbing}.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage__coach{border:var(--lw) solid var(--line);background:var(--paper-2);max-width:calc(100% - 20px);color:var(--ink);text-align:center;white-space:nowrap;box-shadow:var(--shadow-sm);pointer-events:none;animation:coach-in .5s var(--ease-spring) both;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:.76rem;font-weight:700;line-height:1.3;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.stage__coach svg{flex:none}@keyframes coach-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}@media (max-width:380px){.stage__coach{padding:6px 10px;font-size:.7rem}}.stage__hint{background:var(--paper-2);border:var(--lw) solid var(--line);white-space:nowrap;box-shadow:var(--shadow-sm);pointer-events:none;border-radius:999px;padding:4px 14px;font-size:.76rem;font-weight:700;animation:2.6s ease-in-out infinite hint-float;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@keyframes hint-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-4px)}}.group{border-top:1px solid var(--ink-faint);margin-top:20px;padding-top:14px}.group__title{color:var(--ink-soft);align-items:center;gap:7px;margin-bottom:10px;font-size:.78rem;font-weight:700;display:flex}.group__note{color:var(--ink-soft);margin:0 0 10px;font-size:.76rem;line-height:1.6}.toggle+.group__note{margin-top:8px}.kept{margin-top:12px}.kept__note{color:var(--ink-soft);margin:7px 0 0;font-size:.76rem;line-height:1.6}.note{border:var(--lw) solid var(--line);border-radius:var(--radius-sm);background:var(--paper-3);align-items:flex-start;gap:9px;padding:11px 13px;font-size:.83rem;line-height:1.62;display:flex}.note--warn{background:var(--accent-wash)}.note--ok{background:var(--ok-wash)}.note__icon{flex:none;margin-top:2px}.stack{flex-direction:column;gap:12px;display:flex}.spacer{height:4px}.footer{text-align:center;color:var(--ink-soft);padding:8px 0 4px;font-size:.76rem;line-height:1.8}.footer a{color:inherit}.spinner{border:2.2px solid var(--ink-faint);border-top-color:var(--accent);border-radius:50%;flex:none;width:20px;height:20px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.86)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.pop{animation:pop-in .42s var(--ease-spring) both}.sheet-backdrop{z-index:50;background:#00000073;justify-content:center;align-items:flex-end;padding:0;animation:.2s both fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--paper-2);border:var(--lw) solid var(--line);width:100%;max-width:var(--page);padding:20px 18px calc(20px + env(safe-area-inset-bottom));max-height:86vh;animation:sheet-up .34s var(--ease-out) both;border-bottom:0;border-radius:22px 22px 0 0;overflow-y:auto}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet__grip{background:var(--ink-faint);border-radius:999px;width:44px;height:4px;margin:0 auto 14px}.scenes{border:var(--lw) solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);margin-top:12px;padding:10px 12px 12px;transition:background .2s;position:relative;overflow:hidden}.scenes[data-bg=dark],.scenes[data-bg=photo]{background:#14141a}.scenes__bg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.scenes__head,.scenes__row{z-index:1;position:relative}.scenes__head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.scenes__title{color:var(--ink);flex:1;font-size:.8rem;font-weight:700}.scenes[data-bg=dark] .scenes__title,.scenes[data-bg=photo] .scenes__title{color:#f8f6ef}.scenes__swap{border:1px solid var(--ink-faint);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:999px;flex:none;min-height:30px;padding:4px 10px;font-size:.7rem;font-weight:700}.scenes[data-bg=dark] .scenes__swap,.scenes[data-bg=photo] .scenes__swap{color:#e7e4da;border-color:#75747f}.scenes__swap:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.scenes__more{z-index:1;border-top:1px solid var(--ink-faint);margin-top:14px;padding-top:12px;position:relative}.scenes[data-bg=dark] .scenes__more,.scenes[data-bg=photo] .scenes__more{border-top-color:#3a3a46}.scenes__more-btn{width:100%;min-height:36px;color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:2px 0;font-size:.72rem;font-weight:700;display:flex}.scenes[data-bg=dark] .scenes__more-btn,.scenes[data-bg=photo] .scenes__more-btn{color:#e4e1d8}.scenes__more-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.scenes__more-chev{transition:transform .28s var(--ease-spring);flex:none}.scenes__more-btn[aria-expanded=true] .scenes__more-chev{transform:rotate(180deg)}.feed{flex-direction:column;gap:12px;margin:10px 0 0;padding:0;list-style:none;display:flex}.feed__row{align-items:flex-start;gap:10px;display:flex}.feed__row[data-last=true]{opacity:.45}.feed__icon{border-radius:50%;flex:none;display:block;box-shadow:0 0 0 1px #0000001a}.scenes[data-bg=dark] .feed__icon,.scenes[data-bg=photo] .feed__icon{box-shadow:0 0 0 1px #ffffff1f}.feed__lines{flex-direction:column;flex:1;gap:7px;min-width:0;padding-top:6px;display:flex}.feed__bar{background:var(--ink-faint);opacity:.5;border-radius:999px;height:7px}.feed__bar--name{opacity:.75;height:8px}.scenes[data-bg=dark] .feed__bar,.scenes[data-bg=photo] .feed__bar{background:#8d8c99}.scenes__strip-label{color:var(--ink-soft);margin:10px 0 0;font-size:.66rem}.scenes[data-bg=dark] .scenes__strip-label,.scenes[data-bg=photo] .scenes__strip-label{color:#e4e1d8}.scenes__row{justify-content:center;align-items:flex-end;gap:clamp(14px,6vw,34px);display:flex}.scenes__item{flex-direction:column;align-items:center;gap:6px;display:flex}.scenes__canvas{border-radius:50%;display:block;box-shadow:0 0 0 1px #0000001f}.scenes[data-bg=dark] .scenes__canvas,.scenes[data-bg=photo] .scenes__canvas{box-shadow:0 0 0 1px #ffffff29}.scenes__label{color:var(--ink-soft);white-space:nowrap;font-size:.66rem}.scenes[data-bg=dark] .scenes__label,.scenes[data-bg=photo] .scenes__label{color:#e4e1d8}.scenes[data-bg=photo] .scenes__title,.scenes[data-bg=photo] .scenes__label,.scenes[data-bg=photo] .scenes__swap,.scenes[data-bg=photo] .scenes__more-btn,.scenes[data-bg=photo] .scenes__strip-label{text-shadow:0 1px 3px #000000d9,0 0 8px #0009}.sprite-line{color:var(--ink-soft);align-items:center;gap:10px;margin:2px 0 0;font-size:.86rem;line-height:1.55;display:flex}.or{color:var(--ink-faint);align-items:center;gap:10px;margin:14px 0 10px;font-size:.78rem;font-weight:700;display:flex}.or:before,.or:after{content:"";background:var(--ink-faint);opacity:.55;flex:auto;height:1px}.btn.role{border-radius:var(--radius-sm);border-color:var(--ink-faint);background:var(--paper-3);width:100%;min-height:0;box-shadow:none;white-space:normal;text-align:left;justify-content:flex-start;align-items:center;gap:13px;padding:13px 14px;font-size:.85rem;font-weight:400;display:flex}.btn.role:active:not(:disabled){box-shadow:none;background:var(--paper-2);transform:translate(1px,1px)}.role__mark{color:var(--ink);flex:none;display:flex}.role__mark svg{width:104px;height:auto}.role__body{flex:auto;min-width:0}.role__title{color:var(--ink);font-size:.95rem;font-weight:700;line-height:1.4;display:block}.role__sub{color:var(--ink-soft);margin-top:4px;font-size:.78rem;line-height:1.65;display:block}@media (max-width:400px){.btn.role{flex-direction:column;align-items:flex-start;gap:9px}.role__mark svg{width:124px}}.sprite-line--center{text-align:left;justify-content:center;margin-top:10px}.sprite-line--lead{color:var(--ink);margin:4px 0 2px;font-size:.92rem;font-weight:700}.sprite{object-fit:contain;animation:sprite-in .5s var(--ease-spring) both;flex:none}@keyframes sprite-in{0%{opacity:0;transform:translateY(6px)scale(.9)}}@media (prefers-reduced-motion:reduce){.sprite{animation:none}}.howto{flex-direction:column;gap:14px;margin:10px 0 18px;padding:0;list-style:none;display:flex}.howto li{align-items:flex-start;gap:12px;display:flex}.howto__num{border:var(--lw) solid var(--line);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:grid}.howto__text b{font-size:.95rem;display:block}.howto__text span{color:var(--ink-soft);font-size:.83rem;line-height:1.6}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:600px){:root{--page:34rem}.app{padding-top:4px}}.link-quiet{color:var(--ink-soft);font:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);text-underline-offset:.25em;background:0 0;border:0;align-self:center;padding:8px 6px;font-size:.78rem;font-weight:600}.link-quiet:active{color:var(--ink)}.link-quiet:disabled{opacity:.5;cursor:not-allowed}.saver__lede{color:var(--ink-soft);align-items:flex-start;gap:9px;margin:0 0 14px;font-size:.83rem;line-height:1.7;display:flex}.saver__lede b{color:var(--ink)}.saver__lede svg{color:var(--ink);flex:none;margin-top:3px}.saver__image{border-radius:var(--radius-sm);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;background-color:#fff;background-image:linear-gradient(45deg,#e9e7df 25%,#0000 25%),linear-gradient(-45deg,#e9e7df 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e9e7df 75%),linear-gradient(-45deg,#0000 75%,#e9e7df 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:min(240px,62vw);height:auto;margin:0 auto 16px;display:block}.saver__actions{flex-direction:column;gap:10px;display:flex}.saver__fine{color:var(--ink-soft);margin:12px 0 0;font-size:.71rem;line-height:1.65}.saver__warn{border-radius:var(--radius-sm);background:var(--warn-wash,#faefd8);color:var(--ink);text-align:left;align-items:flex-start;gap:9px;margin:0 0 14px;padding:11px 13px;font-size:.78rem;line-height:1.65;display:flex}.saver__warn svg{flex:none;margin-top:3px}.decor{z-index:0;pointer-events:none;isolation:isolate;position:fixed;inset:0;overflow:hidden}.decor>*{pointer-events:none;background-repeat:no-repeat;position:absolute}.decor__bg{mix-blend-mode:multiply;z-index:1;opacity:.18;background-position:top;background-size:cover;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 42%,#0000 30%,#000 82%);mask-image:radial-gradient(circle at 50% 42%,#0000 30%,#000 82%)}.decor__fruit{z-index:3;aspect-ratio:3/2;opacity:.6;background-position:0 0;background-size:contain;width:clamp(112px,20vw,300px);top:-12px;left:max(-40px,-6vw)}.decor__water{z-index:2;aspect-ratio:3/2;opacity:.5;background-position:100%;background-size:contain;width:clamp(104px,17vw,260px);bottom:8vh;right:max(-36px,-5vw)}@media (max-width:560px){.decor__fruit{opacity:.42;width:clamp(100px,30vw,180px);left:-22px}.decor__water{opacity:.34;width:clamp(96px,26vw,160px);right:-20px}.decor__bg{opacity:.14}}.mascot-slot{z-index:5;aspect-ratio:1;flex:none;place-items:center;width:min(180px,44vw);display:grid}.mascot-slot[data-missing=true]{display:none}.mascot{filter:drop-shadow(2px 3px #00000014);width:100%;height:auto;display:block}.support{z-index:4;flex-direction:column;gap:16px;display:flex;position:relative}.support__hero{align-items:center;gap:14px;display:flex}.support__hero--center{text-align:center;flex-direction:column}@media (max-width:430px){.support__hero{text-align:center;flex-direction:column;gap:8px}}.support__lead{min-width:0}.support__title{letter-spacing:.01em;text-wrap:balance;font-size:1.16rem;font-weight:700;line-height:1.5}.support__title--big{font-size:clamp(1.5rem,7vw,2rem)}.support__sub{color:var(--ink-soft);margin-top:8px;font-size:.855rem;line-height:1.7}.support__next,.support__share{border-top:var(--lw) solid var(--paper-3);padding-top:14px}.support__next-title{align-items:center;gap:7px;font-size:.95rem;font-weight:700;line-height:1.5;display:flex}.support__next-body{color:var(--ink-soft);margin-top:6px;font-size:.8rem;line-height:1.75}.share{flex-direction:column;gap:9px;margin-top:12px;display:flex}.share__links{flex-wrap:wrap;gap:8px;display:flex}.share__links .btn{flex:auto;text-decoration:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.handoff-preview{justify-content:center;margin:6px 0 10px;display:flex}.handoff-preview canvas{aspect-ratio:1;border:var(--lw) solid var(--ink-faint);border-radius:14px;width:100%;max-width:220px;height:auto}