@property --pick{syntax:"<color>";inherits:true;initial-value:#ffe08a}.wr{--paper-ink:#3b2a20;--paper-dim:#7a6150;position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:8px 32px 80px;overflow-x:clip;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,440px);grid-template-areas:"stage head" "stage form";grid-template-rows:auto 1fr;-moz-column-gap:56px;column-gap:56px;align-items:start;transition:--pick .45s ease}.wr-head{grid-area:head;padding-top:28px}.wr-stage-col{grid-area:stage;position:sticky;top:12px}.wr-done,.wr-form{grid-area:form;margin-top:24px}.wr-done,.wr-form,.wr-meta,.wr-sub,.wr-title{animation:wrRise .7s cubic-bezier(.2,.8,.2,1) backwards}.wr-sub{animation-delay:.06s}.wr-meta{animation-delay:.1s}.wr-form{animation-delay:.14s}.wr-done{animation-delay:.2s}@keyframes wrRise{0%{opacity:0;transform:translateY(14px)}}.wr-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border-radius:999px;font-size:13px;color:var(--ink-dim);background:rgba(255,255,255,.06);border:1px solid var(--card-brd);transition:color .15s ease,border-color .15s ease}.wr-back:hover{color:var(--ink);border-color:rgba(255,255,255,.3)}.wr-title{margin:16px 0 10px;font-size:clamp(28px,3vw,38px);line-height:1.25;letter-spacing:-.5px;word-break:keep-all}.wr-title:focus{outline:none}.wr-sub{margin:0;font-size:14.5px;line-height:1.75;color:var(--ink-dim);word-break:keep-all}.wr-sub b{color:var(--ink)}.wr-meta{margin:10px 0 0;font-size:13px;color:var(--ink-dim)}.wr-meta b{color:var(--gold)}.wr-stage{position:relative;width:min(100%,620px,calc((100vh - 40px) / .9));margin:0 auto;aspect-ratio:1/.9}.wr-glow{position:absolute;left:31%;top:55%;width:78%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,217,138,.3),transparent 72%);background:radial-gradient(closest-side,color-mix(in srgb,var(--pick) 36%,transparent),transparent 72%);transition:left .9s cubic-bezier(.2,.8,.2,1),top .9s cubic-bezier(.2,.8,.2,1);animation:wrBreath 6s ease-in-out infinite}.wr-stage.is-done .wr-glow{left:50%;top:36%}@keyframes wrBreath{0%,to{opacity:.75}50%{opacity:1}}.wr-trail{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}.wr-trail path{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:.5 10;vector-effect:non-scaling-stroke;opacity:.22;transition:opacity .4s ease;animation:wrTrail 1.3s linear infinite}.wr-stage.is-ready .wr-trail path{opacity:.8}.wr-stage.is-sending .wr-trail path{opacity:1;animation-duration:.5s}.wr-stage.is-done .wr-trail path,.wr-stage.is-flying .wr-trail path{opacity:0}@keyframes wrTrail{to{stroke-dashoffset:-10.5}}.wr-box{position:absolute;left:58%;top:3%;width:36%;z-index:1;translate:calc(var(--mx, 0) * 6px) calc(var(--my, 0) * 4px);transition:left .9s cubic-bezier(.2,.8,.2,1),top .9s cubic-bezier(.2,.8,.2,1),width .9s cubic-bezier(.2,.8,.2,1);animation:wrBoxIn .9s cubic-bezier(.2,.9,.3,1.15) .1s backwards}@keyframes wrBoxIn{0%{opacity:0;transform:translateY(18px) scale(.92)}}.wr-stage.is-done .wr-box{left:27%;top:5%;width:46%;transition-delay:.35s}.wr-box-art{transform-origin:50% 92%}.wr-box-art svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 22px 30px rgba(0,0,0,.42))}.wr-box.is-gulp .wr-box-art{animation:wrGulp .62s cubic-bezier(.3,.7,.4,1.3)}@keyframes wrGulp{0%,to{scale:1 1}25%{scale:1.06 .92}55%{scale:.97 1.05}80%{scale:1.01 .99}}.wr-box .mbs-flag{transform-box:fill-box;transform-origin:0 50%}.wr-box.is-gulp .mbs-flag{animation:wrFlag 1.1s ease-in-out .1s}@keyframes wrFlag{0%,to{transform:rotate(0deg)}25%{transform:rotate(-18deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}.wr-box .mbs-tw{animation:decorTwinkle 3s ease-in-out infinite}.wr-box .mbs-fresh{animation:wrFresh .8s cubic-bezier(.2,.9,.3,1.3) .1s backwards}@keyframes wrFresh{0%{transform:translateY(70px)}}.wr-box-tag{position:absolute;left:50%;top:100%;translate:-50% 2px;white-space:nowrap;font-family:Gowun Batang,serif;font-size:13.5px;color:var(--ink-dim)}.wr-burst{left:50%;top:41.2%}.wr-letter{position:absolute;left:10%;top:30%;width:47%;aspect-ratio:1;z-index:3;translate:calc(var(--mx, 0) * 22px) calc(var(--my, 0) * 14px);transition:scale .35s cubic-bezier(.2,.8,.2,1.3)}.wr-stage.is-sending .wr-letter{scale:1.05}.wr-stage.is-sending .wr-letter-art{filter:drop-shadow(0 26px 26px rgba(0,0,0,.4)) drop-shadow(0 0 26px color-mix(in srgb,var(--gold) 60%,transparent))}.wr-letter-tilt{width:100%;height:100%;transform:perspective(800px) rotateY(calc(var(--mx, 0) * 16deg)) rotateX(calc(var(--my, 0) * -12deg))}.wr-letter-float{width:100%;height:100%;animation:wrFloat 5.2s ease-in-out infinite}@keyframes wrFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.wr-letter-art{width:100%;height:100%;filter:drop-shadow(0 20px 24px rgba(0,0,0,.42));transition:filter .4s ease;animation:wrPop .6s cubic-bezier(.2,.9,.3,1.35)}.wr-letter-art svg{display:block;width:100%;height:100%}.wr-stage.is-ready .wr-letter-art{filter:drop-shadow(0 20px 24px rgba(0,0,0,.42)) drop-shadow(0 0 18px color-mix(in srgb,var(--gold) 45%,transparent))}@keyframes wrPop{0%{opacity:0;transform:scale(.55) rotate(-12deg)}60%{opacity:1}}.wr-letter-shadow{position:absolute;left:20%;right:20%;bottom:2%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.42),transparent);animation:wrShadow 5.2s ease-in-out infinite}@keyframes wrShadow{0%,to{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.8);opacity:.55}}.wr-ripple{position:absolute;inset:8%;border-radius:50%;border:2px solid var(--pick);opacity:0;animation:wrRipple .9s ease-out}@keyframes wrRipple{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:scale(1.3)}}.wr-letter-from{position:absolute;left:50%;top:97%;translate:-50% 0;max-width:130%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Gowun Batang,serif;font-size:16px;color:var(--ink);transition:opacity .2s ease}.wr-letter-from .is-empty{color:var(--ink-dim);opacity:.7}.wr-stage.is-flying .wr-letter-from{opacity:0}.wr-chip{position:absolute;z-index:4;left:50%;top:70%;translate:-50% 0;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;white-space:nowrap;font-size:13.5px;font-weight:700;color:var(--gold);background:rgba(12,14,34,.78);border:1px solid rgba(255,217,138,.35);backdrop-filter:blur(8px);animation:wrChip .6s cubic-bezier(.2,.9,.3,1.3) .55s backwards}@keyframes wrChip{0%{opacity:0;transform:translateY(10px) scale(.9)}}.wr-flight{display:contents}.wr-fly{position:fixed;z-index:60;left:var(--x);top:var(--y);width:var(--size);height:var(--size);pointer-events:none}.wr-fly.is-ghost{opacity:0;animation:wrGhost calc(var(--t-pre) + var(--t-fly)) linear var(--lag) forwards;mix-blend-mode:screen}.wr-fly.is-ghost .wr-fly-art{filter:blur(2px) brightness(1.35)}@keyframes wrGhost{0%{opacity:0}25%{opacity:var(--o)}to{opacity:0}}.wr-fly-art,.wr-fly-x,.wr-fly-y{width:100%;height:100%}.wr-fly-x{animation:wrFlyX var(--t-fly) cubic-bezier(.3,.55,.4,1) calc(var(--t-pre) + var(--lag, 0s)) both}.wr-fly-y{animation:wrFlyY var(--t-fly) cubic-bezier(.35,1.45,.6,1) calc(var(--t-pre) + var(--lag, 0s)) both}@keyframes wrFlyX{0%{transform:translateX(0)}to{transform:translateX(var(--dx))}}@keyframes wrFlyY{0%{transform:translateY(0)}to{transform:translateY(var(--dy))}}.wr-fly-art{transform-origin:50% 100%;filter:drop-shadow(0 14px 18px rgba(0,0,0,.4));animation:wrFlyArt calc(var(--t-pre) + var(--t-fly)) cubic-bezier(.3,.7,.4,1) var(--lag,0s) both,wrInsert var(--t-ins) cubic-bezier(.55,0,.85,.4) calc(var(--t-pre) + var(--t-fly) + var(--lag, 0s)) forwards}.wr-fly-art svg{display:block;width:100%;height:100%}@keyframes wrFlyArt{0%{transform:scale(1) rotate(0deg)}15%{transform:scale(1.08,.9) rotate(-5deg)}45%{transform:scale(calc((1 + var(--s)) / 2)) rotate(7deg)}to{transform:scale(var(--s)) rotate(0deg)}}@keyframes wrInsert{0%{transform:scale(var(--s));translate:0 0;clip-path:inset(0 0 0 0)}to{transform:scale(var(--s));translate:0 calc(100% * var(--s));clip-path:inset(0 0 100% 0)}}.wr-form{display:grid;gap:28px}.wr-step{min-width:0;margin:0;padding:0;border:0}.wr-step legend{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:12px;padding:0;font-size:15px;font-weight:700}.wr-step legend em{margin-left:auto;font-style:normal;font-size:13px;font-weight:400;color:var(--gold)}.wr-num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;color:var(--btn-ink);background:linear-gradient(135deg,var(--btn-1),var(--btn-3))}.wr-gate{display:flex;gap:10px;align-items:flex-start;margin:0;padding:14px 16px;border-radius:var(--radius-sm);font-size:13.5px;line-height:1.6;background:rgba(255,217,138,.1);border:1px solid rgba(255,217,138,.3);word-break:keep-all}.wr-gate svg{flex:none;margin-top:2px}.wr-gate b{color:var(--gold)}.wr-shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wr-shape{position:relative;display:grid;justify-items:center;gap:6px;padding:14px 6px 11px;border-radius:18px;cursor:pointer;background:rgba(255,255,255,.05);border:1.5px solid var(--card-brd);-webkit-tap-highlight-color:transparent;transition:transform .25s cubic-bezier(.2,.8,.2,1.3),border-color .2s ease,background .2s ease,box-shadow .2s ease}.wr-shape:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.3)}.wr-shape.is-on{border-color:var(--gold);background:rgba(255,217,138,.1);box-shadow:0 0 0 3px rgba(255,217,138,.15),0 12px 26px rgba(0,0,0,.28)}.wr-shape.is-on:after{content:"";position:absolute;top:8px;right:8px;width:17px;height:17px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%233a2a12' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center /11px no-repeat}.wr-shape:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}.wr-shape-art{width:54px;height:54px;transition:transform .35s cubic-bezier(.2,.8,.2,1.4)}.wr-shape-art svg{display:block;width:100%;height:100%}.wr-shape:hover .wr-shape-art{transform:rotate(-8deg) scale(1.08)}.wr-shape.is-on .wr-shape-art{transform:scale(1.1)}.wr-shape-name{font-size:12.5px;color:var(--ink-dim);white-space:nowrap}.wr-shape.is-on .wr-shape-name{color:var(--ink);font-weight:700}.wr-colors{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.wr-color{display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.wr-color span{position:relative;width:100%;max-width:40px;aspect-ratio:1;border-radius:50%;background:var(--c);box-shadow:inset 0 -3px 6px rgba(0,0,0,.12),0 4px 10px rgba(0,0,0,.3);transition:transform .25s cubic-bezier(.2,.8,.2,1.4),box-shadow .2s ease}.wr-color:hover span{transform:translateY(-2px) scale(1.06)}.wr-color.is-on span{transform:scale(1.1);box-shadow:0 0 0 3px var(--night-1),0 0 0 5px #fff,0 6px 14px rgba(0,0,0,.35)}.wr-color.is-on span:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.8' fill='none' stroke='%233a2a12' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50% /50% no-repeat}.wr-color:has(input:focus-visible) span{outline:2px solid var(--gold);outline-offset:6px}.wr-step:disabled .wr-color,.wr-step:disabled .wr-shape{cursor:default}.wr-paper{--lh:32px;position:relative;padding:22px 22px 16px;border-radius:16px;color:var(--paper-ink);background:#fff6e8;background:color-mix(in srgb,var(--pick) 22%,#fffaf3);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 22px 50px rgba(0,0,0,.45);transition:box-shadow .25s ease}.wr-paper:focus-within{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 22px 50px rgba(0,0,0,.45),0 0 0 3px color-mix(in srgb,var(--gold) 55%,transparent)}.wr-paper.is-invalid{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 22px 50px rgba(0,0,0,.45),0 0 0 3px rgba(255,128,128,.6)}.wr-paper.is-shake{animation:wrShake .45s ease}@keyframes wrShake{0%,to{translate:0 0}20%{translate:-8px 0}40%{translate:7px 0}60%{translate:-5px 0}80%{translate:3px 0}}.wr-paper-to{margin:0 0 6px;padding-right:80px;font-family:Gowun Batang,serif;font-size:15px;color:var(--paper-dim)}.wr-paper-to b{font-size:17px;color:var(--paper-ink)}.wr-paper textarea{display:block;width:100%;min-height:calc(var(--lh) * 7);margin:0;padding:0;border:0;border-radius:0;outline:none;resize:none;overflow:hidden;font-family:Gowun Batang,serif;font-size:16.5px;line-height:var(--lh);color:var(--paper-ink);caret-color:#b06a3b;background:linear-gradient(transparent calc(var(--lh) - 1px),rgba(122,90,60,.2) 0) 0 -6px /100% var(--lh) local}.wr-paper textarea::-moz-placeholder{color:rgba(59,42,32,.38)}.wr-paper textarea::placeholder{color:rgba(59,42,32,.38)}.wr-paper-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:14px}.wr-len{padding-bottom:6px;font-size:12px;color:rgba(59,42,32,.5);font-variant-numeric:tabular-nums}.wr-from{display:inline-flex;align-items:baseline;gap:8px;font-family:Gowun Batang,serif;font-size:15px;color:var(--paper-dim);cursor:text}.wr-from input{width:7.5em;padding:2px 2px 4px;border:0;border-bottom:1.5px dashed rgba(122,90,60,.45);border-radius:0;outline:none;background:transparent;font-family:inherit;font-size:17px;font-weight:700;color:var(--paper-ink)}.wr-from input::-moz-placeholder{font-weight:400;color:rgba(59,42,32,.35)}.wr-from input::placeholder{font-weight:400;color:rgba(59,42,32,.35)}.wr-from input:focus{border-bottom:1.5px solid #b06a3b}.wr-from input[aria-invalid=true]{border-bottom:1.5px solid #d65a5a}.wr-stamp{position:absolute;top:-16px;right:16px;width:56px;height:64px;rotate:6deg;filter:drop-shadow(0 5px 8px rgba(0,0,0,.25))}.wr-stamp-in{display:block;width:100%;height:100%;padding:5px;background:#fffdf8;-webkit-mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle,transparent 2.4px,#000 2.9px) -5px -5px /10px 10px round;mask:linear-gradient(#000 0 0) content-box,radial-gradient(circle,transparent 2.4px,#000 2.9px) -5px -5px /10px 10px round}.wr-stamp-art{display:grid;place-items:center;width:100%;height:100%;background:#ffe9b0;background:color-mix(in srgb,var(--pick) 55%,#fff)}.wr-stamp-art svg{width:84%;height:84%;animation:wrPop .5s cubic-bezier(.2,.9,.3,1.35)}.wr-hint{margin:10px 2px 0;font-size:12px;color:var(--ink-dim)}.wr-send{display:grid;gap:10px}.wr-send .btn[disabled]{opacity:1;cursor:progress}.wr-err{margin:0;padding:10px 14px;border-radius:12px;font-size:13.5px;color:#ffd6d6;background:rgba(255,90,90,.12);border:1px solid rgba(255,128,128,.35)}.wr-note{margin:2px 0 0;font-size:12.5px}.wr-legal,.wr-note{text-align:center;color:var(--ink-dim);word-break:keep-all}.wr-legal{margin:0;font-size:12px;line-height:1.6}.wr-legal a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.wr-legal a:hover{color:var(--gold)}.wr-done{display:grid;gap:12px}.wr-done-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--card-brd)}.wr-done-art{flex:none;width:52px;height:52px}.wr-done-art svg{display:block;width:100%;height:100%}.wr-done-card b{display:block;font-family:Gowun Batang,serif;font-size:16px}.wr-done-card small{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:12.5px;color:var(--ink-dim)}.wr-done-pitch{margin:14px 0 2px;text-align:center;font-size:14px;color:var(--ink-dim)}.wr-again{justify-self:center;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:0;background:none;font:inherit;font-size:14px;color:var(--gold);cursor:pointer}.wr-again:hover{text-decoration:underline;text-underline-offset:3px}@media (max-width:959px){.wr{max-width:560px;padding:4px 16px 56px;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "form";grid-template-rows:none}.wr-head{padding-top:8px;text-align:center}.wr-title{margin-top:14px}.wr-stage-col{position:static;margin-top:6px}.wr-stage{width:100%;aspect-ratio:1/.82}.wr-letter{left:9%;top:26%;width:44%}.wr-box{left:58%;top:3%;width:36%}.wr-stage.is-done .wr-box{left:25%;top:3%;width:50%}.wr-chip{top:78%}.wr-done,.wr-form{margin-top:12px}}@media (max-width:380px){.wr-shape-art{width:46px;height:46px}.wr-shape-name{font-size:11.5px}.wr-paper{padding:20px 16px 14px}}@media (prefers-reduced-motion:reduce){.wr-box,.wr-box .mbs-flag,.wr-box .mbs-fresh,.wr-box .mbs-tw,.wr-box-art,.wr-chip,.wr-done,.wr-form,.wr-glow,.wr-letter-art,.wr-letter-float,.wr-letter-shadow,.wr-meta,.wr-paper,.wr-ripple,.wr-stamp-art svg,.wr-sub,.wr-title,.wr-trail path{animation:none!important}.wr,.wr-box,.wr-color span,.wr-glow,.wr-shape,.wr-shape-art{transition:none!important}}