.scr{position:relative;min-height:80svh;padding:calc(var(--bar-h) + clamp(40px,7vw,96px)) var(--gutter) clamp(80px,10vw,140px);background:radial-gradient(ellipse 50% 40% at 80% 10%,var(--glow),transparent 70%),radial-gradient(ellipse 40% 40% at 10% 60%,var(--glow-2),transparent 70%),var(--bg)}.scr__head,.invite,.scr__notes{max-width:1080px;margin-inline:auto}.scr__title{font-family:var(--display);font-weight:700;font-size:clamp(54px,9vw,128px);line-height:.92;letter-spacing:-.035em}.scr__lead{margin-top:20px;max-width:42ch;font-size:clamp(17px,1.5vw,20px);color:var(--text-soft)}.invite{--stub: 270px;--n: 16px;position:relative;margin-top:clamp(36px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) var(--stub);border-radius:30px;background:linear-gradient(to left,var(--curtain) var(--stub),transparent var(--stub)),var(--paper-light);color:var(--ink);filter:drop-shadow(0 40px 60px rgba(0,0,0,.35));-webkit-mask:radial-gradient(circle var(--n) at calc(100% - var(--stub)) 0,#0000 97%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--n) at calc(100% - var(--stub)) 100%,#0000 97%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--n) at calc(100% - var(--stub)) 0,#0000 97%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--n) at calc(100% - var(--stub)) 100%,#0000 97%,#000) bottom / 100% 51% no-repeat}.invite__body{position:relative;padding:clamp(28px,4vw,52px);min-height:460px}.invite__stub{position:relative;display:grid;place-items:center;align-content:center;gap:6px;padding:28px 22px;border-left:3px dashed rgba(255,193,90,.35);text-align:center}.invite__art{width:min(200px,90%);height:auto;filter:drop-shadow(0 20px 26px rgba(0,0,0,.5))}.invite__term{font-family:var(--display);font-weight:700;font-size:30px;line-height:1;color:var(--paper-light)}.invite__admit{font-family:var(--display);font-weight:600;font-size:18px;color:var(--amber)}.steps{display:flex;flex-wrap:wrap;gap:8px 26px;margin-bottom:34px}.steps li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink-soft);transition:color .3s}.steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid rgba(42,26,18,.18);font-size:14px;transition:background-color .3s,border-color .3s,color .3s}.steps li.is-on{color:var(--ink)}.steps li.is-on b{background:var(--marquee);border-color:var(--marquee);color:var(--ink)}.steps li.is-done b{background:var(--ink);border-color:var(--ink);color:var(--amber)}.step{position:relative;display:grid;gap:16px;justify-items:start}.step[hidden]{display:none}.field{display:grid;gap:8px;width:min(100%,460px)}.field__label{font-size:15px;font-weight:600;color:var(--ink-soft)}.field__input{width:100%;padding:16px 18px;border:2px solid rgba(42,26,18,.16);border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-size:20px;transition:border-color .2s,box-shadow .2s}.field__input:focus{outline:none;border-color:var(--marquee);box-shadow:0 0 0 4px #ffb6274d}.field__input[aria-invalid=true]{border-color:var(--rose)}.field__input--code{width:240px;font-size:34px;font-weight:700;letter-spacing:.42em;text-align:center;font-variant-numeric:tabular-nums;padding-left:calc(18px + .42em)}.go{display:inline-flex;align-items:center;min-height:58px;padding:0 28px;border:0;border-radius:16px;background:var(--marquee);color:var(--ink);font-size:17px;font-weight:700;cursor:pointer;transition:background-color .2s,transform .3s cubic-bezier(.2,.9,.3,1.3)}.go:hover{background:var(--amber);transform:translateY(-2px)}.go:disabled{cursor:progress;opacity:.7;transform:none}.go.is-busy span:after{content:"";display:inline-block;width:14px;height:14px;margin-left:10px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:scr-spin .7s linear infinite}@keyframes scr-spin{to{rotate:360deg}}.step__note,.step__sent{max-width:52ch;font-size:15px;color:var(--ink-soft)}.step__sent{font-size:17px;color:var(--ink)}.link{padding:0;border:0;background:none;color:var(--rose);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link:disabled{color:var(--ink-soft);text-decoration:none;cursor:default}.msg{min-height:1.4em;font-size:15px;font-weight:600;color:var(--rose)}.msg:empty{display:none}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.agreement{width:100%;max-height:280px;overflow:auto;padding:22px 24px;border-radius:18px;background:var(--paper);font-size:15px;line-height:1.55;overscroll-behavior:contain}.agreement:focus-visible{outline-offset:2px}.agreement h2{margin-bottom:12px;font-family:var(--display);font-weight:700;font-size:26px;line-height:1.1}.agreement__meta{margin:-6px 0 12px;font-size:13px;color:var(--ink-soft)}.agreement h3{margin:16px 0 4px;font-family:var(--display);font-weight:700;font-size:19px;line-height:1.15}.agreement p+p{margin-top:6px}.agreement__files{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:-4px;font-size:15px}.stamp-signed{position:absolute;right:6%;top:70px;display:grid;place-items:center;width:150px;aspect-ratio:1;border:5px solid var(--rose);border-radius:50%;color:var(--rose);font-family:var(--display);font-weight:700;font-size:26px;rotate:-10deg;opacity:0;pointer-events:none}.stamp-signed.is-on{opacity:1}.step--done h2,.step--closed h2{font-family:var(--display);font-weight:700;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.02em}.step--done p,.step--closed p{max-width:46ch;font-size:17px}.step--done:focus{outline:none}.gift{display:grid;gap:18px;justify-items:start}.gift[hidden]{display:none}.gift__code{padding:16px 22px;border:2px dashed var(--marquee);border-radius:16px;font-size:30px;font-weight:700;letter-spacing:.18em;-webkit-user-select:all;user-select:all}.scr__notes{margin-top:40px;display:grid;gap:10px;padding-left:4px;color:var(--text-soft);font-size:15px}.scr__notes a{color:var(--accent)}@media(max-width:760px){.invite{--stub: 150px;grid-template-columns:1fr;grid-template-rows:var(--stub) auto;background:linear-gradient(to bottom,var(--curtain) var(--stub),transparent var(--stub)),var(--paper-light);-webkit-mask:radial-gradient(circle var(--n) at 0 var(--stub),#0000 97%,#000) left / 51% 100% no-repeat,radial-gradient(circle var(--n) at 100% var(--stub),#0000 97%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--n) at 0 var(--stub),#0000 97%,#000) left / 51% 100% no-repeat,radial-gradient(circle var(--n) at 100% var(--stub),#0000 97%,#000) right / 51% 100% no-repeat}.invite__stub{order:-1;grid-template-columns:auto 1fr;justify-items:start;text-align:left;gap:0 18px;border-left:0;border-bottom:3px dashed rgba(255,193,90,.35)}.invite__art{grid-row:span 2;width:104px}.invite__term{font-size:26px;align-self:end}.invite__admit{align-self:start}.invite__body{min-height:0}.stamp-signed{width:110px;font-size:20px;top:40px}}.invite.is-paused .steps{display:none}.invite.is-paused .invite__art{filter:grayscale(.85) opacity(.6)}.invite.is-paused .invite__term{color:var(--text-soft)}.invite.is-paused .step--closed h2:before{content:"⏸";display:block;margin-bottom:8px;font-size:.7em;opacity:.8}.invite.is-paused .invite__admit{display:none}
