:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:oklch(15.5% .006 225);--well:oklch(19% .008 225);--row:oklch(21.5% .009 225);--row-hover:oklch(24% .01 225);--line:oklch(29% .012 222);--line-2:oklch(36% .014 222);--chip:oklch(29% .012 222);--chip-on:oklch(47% .05 215);--chip-line:oklch(50% .018 222);--match:color-mix(in oklab, var(--accent) 9%, var(--row));--match-edge:color-mix(in oklab, var(--accent) 60%, transparent);--fg:oklch(94% .006 210);--fg-2:oklch(77% .022 215);--fg-3:oklch(64.5% .028 215);--accent:oklch(68% .09 215);--accent-ink:oklch(18% .01 220);--warn:oklch(73% .125 79);--danger:oklch(73% .16 43);--ok:oklch(74% .17 134);--sans:"Bricolage Grotesque", "Bricolage Grotesque Fallback", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--display:"Bricolage Grotesque Display", "Bricolage Grotesque Fallback", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"SF Mono", ui-monospace, Menlo, monospace;--fs-label:12px;--fs-body:14px;--fs-meta:11px;--fs-day:18px;--fs-month:13px;--fs-section:10px;--fw-row:300;--fs-display-1:clamp(3.25rem, 2rem + 6vw, 6.5rem);--fs-display-2:clamp(1.75rem, 1.25rem + 2.4vw, 3rem);--fs-display-3:clamp(1.125rem, 1rem + .6vw, 1.375rem);--lh-display:1;--lh-tight:1.15;--lh-body:1.35;--lh-lead:1.5;--ls-display:-.035em;--ls-tight:-.015em;--ls-caps:.06em;--ls-label:.04em;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.4s;--dur-enter:.9s;--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in-out:cubic-bezier(.6, 0, .2, 1);--ease-emphasis:cubic-bezier(.16, 1, .3, 1);--label-col:110px;--label-col-2:80px;--chip-pad:1px 5px;--row-gap:11px;--cover:72px;--datebar:60px;--form-pad:0 10px 10px;--radius:0;--radius-btn:4px;--radius-float:8px;--shadow-float:0 16px 40px oklch(0% 0 0/.55), 0 2px 8px oklch(0% 0 0/.35);--bar-h:48px;--tab-h:56px;--dock-h:56px;--content-max:1200px;--gutter:16px;--target:28px;--track-h:28px;--z-dock:20;--z-bar:30;--z-float:40;--z-toast:50}@media (min-width:600px) and (max-width:839.98px){:root{--cover:104px}}@media (min-width:840px){:root{--cover:167px;--datebar:66px;--gutter:20px;--bar-h:56px}}@media (pointer:coarse){:root{--target:44px;--track-h:44px;--fs-meta:12px;--fw-row:400}}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-enter:0s}}@media (prefers-contrast:more){:root{--line:oklch(40% .014 222);--line-2:oklch(48% .016 222);--chip-line:oklch(62% .02 222);--fg-3:oklch(72% .026 215);--fg-2:oklch(84% .02 215)}}@font-face{font-family:Bricolage Grotesque;src:url(/assets/bricolage-grotesque-latin-BMA9y_hC.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:optional;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+266D,U+266F}@font-face{font-family:Bricolage Grotesque Display;src:url(/assets/bricolage-grotesque-latin-BMA9y_hC.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+266D,U+266F}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Helvetica Neue),local(HelveticaNeue),local(Arial);size-adjust:92.3%;ascent-override:100.8%;descent-override:29.3%;line-gap-override:0%}@keyframes rise{0%{transform:translateY(12px)}to{transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes turn{0%{rotate:0deg}to{rotate:360deg}}.landing__mark{animation:rise var(--dur-enter) var(--ease-emphasis) both}.landing__statement{animation:rise var(--dur-enter) var(--ease-emphasis) var(--dur-fast) both}.landing__enter{animation:rise-in var(--dur-enter) var(--ease-emphasis) var(--dur-slow) both}.landing__label-art{animation:turn var(--spin-up) cubic-bezier(.333, 0, .667, .333) both, turn var(--revolution) linear var(--spin-up) infinite;animation-play-state:paused}.landing__scene.is-lit .landing__label-art{animation-play-state:running}@media (prefers-reduced-motion:reduce){.landing__mark,.landing__statement,.landing__enter,.landing__label-art{animation:none}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--canvas);text-size-adjust:100%}body{background:var(--canvas);min-height:100svh;color:var(--fg);font:var(--fs-body) / var(--lh-body) var(--sans);font-synthesis:none;font-size-adjust:cap-height .66;-webkit-font-smoothing:antialiased;margin:0}::selection{background:color-mix(in oklch, var(--accent) 35%, transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit}.landing{grid-template-columns:[full-start] calc(clamp(20px, 5vw, 80px) + env(safe-area-inset-left,0px)) [content-start] minmax(0, 1fr) [content-end] calc(clamp(20px, 5vw, 80px) + env(safe-area-inset-right,0px)) [full-end];min-height:100svh;padding:calc(24px + env(safe-area-inset-top,0px)) 0 calc(28px + env(safe-area-inset-bottom,0px));grid-template-rows:auto 1fr auto;row-gap:20px;display:grid;overflow:hidden}.landing__mark{z-index:1;font-family:var(--display);font-size:var(--fs-display-3);font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--fg);grid-area:1/content;margin:0;position:relative}.landing__copy{z-index:1;grid-area:3/content;justify-items:start;gap:28px;display:grid;position:relative}.landing__statement{max-width:13em;font-family:var(--display);font-size:var(--fs-display-2);font-weight:400;line-height:var(--lh-tight);letter-spacing:var(--ls-display);color:var(--fg);text-wrap:balance;margin:0}.landing__scene{width:min(134%, 720px, calc((100svh - 320px) * var(--scene-aspect) / var(--tilt-cos)));aspect-ratio:calc(var(--scene-aspect) / var(--tilt-cos));perspective:calc(var(--perspective) * 100cqw);grid-area:2/full;place-self:center end;position:relative;container-type:inline-size}.landing__stage{left:0;top:calc(50% - 50% / var(--tilt-cos));width:100%;height:calc(100% / var(--tilt-cos));transform:rotateX(var(--tilt));transform-style:preserve-3d;position:absolute}.landing:after{content:"";z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23g)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (min-width:900px) and (orientation:landscape){.landing{grid-template-columns:[full-start] calc(clamp(20px, 5vw, 80px) + env(safe-area-inset-left,0px)) [content-start] minmax(300px, .85fr) [content-end scene-start] minmax(0, 1.15fr) [scene-end] calc(clamp(20px, 3vw, 48px) + env(safe-area-inset-right,0px)) [full-end];padding-block:calc(32px + env(safe-area-inset-top,0px)) calc(32px + env(safe-area-inset-bottom,0px));grid-template-rows:auto 1fr auto 1fr}.landing__copy{grid-row:3;gap:36px}.landing__scene{width:min(100%, calc(96svh * var(--scene-aspect) / var(--tilt-cos)));grid-area:1/scene/-1;place-self:center end}}@media (max-width:899.98px) and (orientation:landscape){.landing{grid-template-columns:[full-start] calc(20px + env(safe-area-inset-left,0px)) [content-start] minmax(0, 1fr) [content-end scene-start] auto [scene-end] calc(12px + env(safe-area-inset-right,0px)) [full-end];padding-block:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-bottom,0px));grid-template-rows:auto 1fr auto 1fr}.landing__copy{grid-row:3}.landing__scene{width:calc((100svh - 40px) * var(--scene-aspect) / var(--tilt-cos));grid-area:1/scene/-1;align-self:center}}.landing__stage:before{content:"";background:radial-gradient(closest-side at 42% 40%, color-mix(in oklch, var(--fg) 8%, transparent), color-mix(in oklch, var(--fg) 2.5%, transparent) 52%, transparent);pointer-events:none;position:absolute;inset:-34% -26%}.landing__scene{opacity:0;transition:opacity calc(2 * var(--dur-enter)) var(--ease-out)}.landing__scene.is-lit,.landing__scene.is-flat{opacity:1}.landing__deck,.landing__far,.landing__arm,.landing__arm-shadow{display:block;position:absolute}.landing__deck,.landing__far{width:100%;height:100%;inset:0}.landing__far{translate:0 0 calc(1 * var(--layer-step) * 100cqw)}.landing__label{translate:0 0 calc(3 * var(--layer-step) * 100cqw)}.landing__far{filter:blur(1.1px);mask-image:linear-gradient(#000 0 26%,#0000 46%)}.landing__label{left:var(--label-left);top:var(--label-top);width:var(--label-size);aspect-ratio:1;border-radius:50%;position:absolute}.landing__label-art{width:100%;height:100%;display:block}.landing__paper{fill:var(--accent)}.landing__print{fill:none;stroke:var(--accent-ink);stroke-opacity:.3;stroke-width:.4px}.landing__label-mark{font-family:var(--display);letter-spacing:-.02em;fill:var(--accent-ink);font-size:9px;font-weight:600}.landing__label-side{font-family:var(--sans);fill:var(--accent-ink);fill-opacity:.72;font-size:5.5px;font-weight:600}.landing__label:after{content:"";background:radial-gradient(circle at 30% 26%, color-mix(in oklch, var(--fg) 20%, transparent), transparent 58%), radial-gradient(circle, transparent 64%, #0000003d);pointer-events:none;border-radius:50%;position:absolute;inset:0}.landing__spindle{z-index:1;width:var(--spindle-size);aspect-ratio:1;background:radial-gradient(circle at 36% 30%, var(--fg) 0 10%, var(--fg-2) 32%, var(--fg-3) 62%, var(--line) 100%);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:.06em .1em .18em #0000008c,0 0 0 .04em #00000059}.landing__arm,.landing__arm-shadow{left:var(--arm-left);top:var(--arm-top);width:var(--arm-width);aspect-ratio:var(--arm-ratio);transform-origin:var(--arm-origin);rotate:var(--arm-rest);transition:rotate var(--dur-enter) var(--ease-in-out)}.landing__arm{translate:0 0 calc(var(--arm-z-rest) * 100cqw);transition:rotate var(--dur-enter) var(--ease-in-out), translate var(--dur-slow) var(--ease-out)}.landing__arm-shadow{translate:var(--shadow-rest) calc(2 * var(--layer-step) * 100cqw);transition:rotate var(--dur-enter) var(--ease-in-out), translate var(--dur-slow) var(--ease-out)}.landing:where(:has(.landing__enter:is(:hover,:focus-visible))) :is(.landing__arm,.landing__arm-shadow){rotate:var(--arm-cue)}.landing:where(:has(.landing__enter:is(:hover,:focus-visible))) .landing__arm-shadow{translate:var(--shadow-lift) calc(2 * var(--layer-step) * 100cqw)}.landing:where(:has(.landing__enter:is(:hover,:focus-visible))) .landing__arm{translate:0 0 calc(var(--arm-z-cue) * 100cqw)}.landing.is-dropping :is(.landing__arm,.landing__arm-shadow){rotate:var(--arm-drop);transition-duration:calc(1.5 * var(--dur-slow))}.landing.is-dropping .landing__arm-shadow{translate:var(--shadow-down) calc(2 * var(--layer-step) * 100cqw);transition-duration:calc(1.5 * var(--dur-slow)), var(--dur-base);transition-delay:0s, calc(1.5 * var(--dur-slow))}.landing.is-dropping .landing__arm{translate:0 0 calc(var(--arm-z-drop) * 100cqw);transition-duration:calc(1.5 * var(--dur-slow)), var(--dur-base);transition-delay:0s, calc(1.5 * var(--dur-slow))}.landing__flat{left:var(--record-left);top:var(--record-top);width:var(--record-size);aspect-ratio:1;background:conic-gradient(from 128deg, transparent 0 14deg, color-mix(in oklch, var(--fg) 16%, transparent) 20deg, transparent 26deg 194deg, color-mix(in oklch, var(--fg) 12%, transparent) 200deg, transparent 206deg), repeating-radial-gradient(circle, var(--canvas) 0 1px, var(--well) 1px 2px);border-radius:50%;display:none;position:absolute;box-shadow:.4em .7em 2em #0009}.landing__scene.is-flat .landing__flat{display:block}.landing__scene.is-flat :is(.landing__deck,.landing__far,.landing__arm,.landing__arm-shadow){display:none}.landing__enter{height:52px;color:var(--accent-ink);background:repeating-linear-gradient(90deg, color-mix(in oklch, var(--fg-3) 9%, transparent) 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--fg) 0%, var(--fg-2) 100%);box-shadow:inset 0 1px 0 color-mix(in oklch, var(--fg) 85%, transparent), inset 0 -1.5px 1px color-mix(in oklch, var(--fg-3) 75%, transparent), 0 1px 1px #0000008c, 0 14px 30px -10px #000c;font-size:var(--fs-body);letter-spacing:var(--ls-tight);white-space:nowrap;transition:translate var(--dur-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 34px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.landing__enter:active{translate:0 1px}.enter{border:1px solid var(--chip-line);min-width:132px;min-height:48px;color:var(--fg);font-size:var(--fs-label);letter-spacing:var(--ls-caps);text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);background:0 0;border-radius:999px;justify-content:center;align-items:center;margin-top:8px;padding:0 28px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.enter:hover{border-color:var(--fg-2);background:var(--well)}.enter:active{background:var(--row)}.page{min-height:100svh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex}.page__bar{height:var(--bar-h);padding:0 calc(16px + env(safe-area-inset-right,0px)) 0 calc(16px + env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);align-items:center;display:flex}.page__mark{font-family:var(--display);font-weight:600;font-size:var(--fs-body);letter-spacing:var(--ls-tight)}.page__main{flex-direction:column;flex:1;display:flex}.welcome{width:min(34rem,100%);padding:32px calc(20px + env(safe-area-inset-right,0px)) 40px calc(20px + env(safe-area-inset-left,0px));text-align:center;justify-items:center;gap:16px;margin:0 auto;display:grid}.person{justify-items:center;gap:10px;display:grid}.person__picture{background:var(--well);object-fit:cover;border-radius:50%;width:64px;height:64px}.person__initial{color:var(--fg-2);font-family:var(--display);place-items:center;font-size:28px;font-weight:500;display:grid}.person__name{color:var(--fg-2);font-size:var(--fs-body);margin:0}.welcome__title{font-family:var(--display);font-weight:500;font-size:var(--fs-display-2);line-height:var(--lh-tight);letter-spacing:var(--ls-display);margin:8px 0 0}.welcome__lead{max-width:34em;color:var(--fg-2);font-size:var(--fs-display-3);line-height:var(--lh-lead);text-wrap:pretty;margin:0}.welcome__form{text-align:left;justify-items:stretch;gap:12px;width:100%;margin-top:8px;display:grid}.welcome__label{font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--fg-3);justify-content:space-between;gap:8px;font-weight:600;display:flex}.welcome__count{font-variant-numeric:tabular-nums;font-weight:400}.welcome__note{border:1px solid var(--line-2);border-radius:var(--radius-btn);background:var(--well);width:100%;min-height:84px;color:var(--fg);font:inherit;line-height:var(--lh-lead);resize:vertical;padding:10px 12px}.welcome__note:focus{border-color:var(--accent);outline:none}.welcome__check{justify-content:center;min-height:65px;display:flex}.welcome__check:empty{min-height:0}.welcome__action{justify-self:center}.enter:disabled{opacity:.45;cursor:default}.enter:disabled:hover{border-color:var(--chip-line);background:0 0}.welcome__status{min-height:1.5em;color:var(--fg-2);font-size:var(--fs-body);margin:0}.welcome__status:empty{min-height:0}.invite{min-height:100svh;padding:calc(24px + env(safe-area-inset-top,0px)) calc(clamp(16px, 5vw, 80px) + env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) calc(clamp(16px, 5vw, 80px) + env(safe-area-inset-left,0px));grid-template-rows:auto 1fr auto;justify-items:center;row-gap:24px;display:grid;overflow-x:hidden}.invite__mark{font-family:var(--display);font-size:var(--fs-display-3);font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--ls-tight);justify-self:start;margin:0}.invite__body{text-align:center;width:min(34rem,100%);animation:rise var(--dur-enter) var(--ease-emphasis) both;align-self:center;justify-items:center;gap:14px;display:grid}.invite__light{aspect-ratio:1;isolation:isolate;place-items:center;width:clamp(176px,min(58vw,32svh),272px);margin-bottom:6px;display:grid;position:relative}.invite__light:before{content:"";z-index:-1;background:radial-gradient(closest-side at 50% 42%, color-mix(in oklch, var(--accent) 30%, transparent), color-mix(in oklch, var(--accent) 9%, transparent) 55%, transparent 100%);border-radius:50%;position:absolute;inset:-18%}.invite__light:after{content:"";z-index:-1;background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;height:9%;position:absolute;bottom:9%;left:22%;right:22%}.invite__face{aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:68%;height:auto}.invite__hello{color:var(--fg-2);font-size:var(--fs-display-3);line-height:var(--lh-lead);margin:0}.invite__title{max-width:13em;font-family:var(--display);font-size:var(--fs-display-2);font-weight:400;line-height:var(--lh-tight);letter-spacing:var(--ls-display);text-wrap:balance;margin:0}.invite__note{gap:8px;max-width:28em;margin:10px 0 0;display:grid}.invite__note blockquote{margin:0}.invite__note p{color:var(--fg);font-size:var(--fs-display-3);line-height:var(--lh-lead);text-wrap:pretty;overflow-wrap:anywhere;white-space:pre-line;margin:0}.invite__note p:before{content:"“"}.invite__note p:after{content:"”"}.invite__note figcaption{color:var(--fg-3);font-size:var(--fs-label);letter-spacing:var(--ls-caps);text-transform:uppercase;font-weight:600}.invite__note figcaption:before{content:"— "}.invite__act{text-align:center;width:min(22rem,100%);animation:rise-in var(--dur-enter) var(--ease-emphasis) .12s both;justify-items:stretch;gap:12px;display:grid}.invite__check:empty{display:none}.invite__accept{cursor:pointer;border:0;width:100%;font-family:inherit}.invite__accept:disabled{cursor:default;opacity:.55}.invite__fine{color:var(--fg-3);font-size:var(--fs-meta);letter-spacing:var(--ls-label);margin:0}.invite__status{color:var(--fg-2);font-size:var(--fs-body);margin:0}.invite__status:empty{display:none}.invite__body--calm{gap:20px}.invite__calm{max-width:16em;font-family:var(--display);font-size:var(--fs-display-3);font-weight:400;line-height:var(--lh-lead);color:var(--fg-2);text-wrap:balance;margin:0}.invite__body--dead{gap:12px}.invite__dead{max-width:12em;font-family:var(--display);font-size:var(--fs-display-2);font-weight:400;line-height:var(--lh-tight);letter-spacing:var(--ls-display);text-wrap:balance;margin:0}.invite__advice{max-width:24em;color:var(--fg-2);font-size:var(--fs-display-3);line-height:var(--lh-lead);text-wrap:pretty;margin:0}.invite__signin{gap:.4em;width:100%}.invite__lead{opacity:.72;font-weight:500}.invite__ask{color:var(--fg-2);font-size:var(--fs-body);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--fg-3) 60%, transparent);text-decoration-color:color-mix(in oklch, var(--fg-3) 60%, transparent);text-underline-offset:.25em;transition:color var(--dur-fast) var(--ease-out);justify-self:center;padding:10px 12px}.invite__ask:hover{color:var(--fg)}@media (min-width:900px){.invite{row-gap:28px}.invite__body{width:min(46rem,100%)}.invite__title{max-width:16em}.invite__act{align-self:start}.invite.is-gone{grid-template-rows:auto 1fr auto 1fr}.invite.is-gone .invite__body{align-self:end}}@media (forced-colors:active){.enter{border-color:buttontext}.landing__enter{forced-color-adjust:none;color:linktext;box-shadow:none;background:buttonface;border:1px solid linktext}}