.faq{padding-block:var(--section-y);position:relative}.faq__grid{gap:var(--sp-8);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;display:grid}.faq__head{align-items:flex-start;gap:var(--sp-4);top:calc(var(--nav-h) + var(--sp-6));flex-direction:column;display:flex;position:sticky}.faq__head .h2 .accent{display:block}.faq__list{border-top:1px solid var(--c-line)}.qa{border-bottom:1px solid var(--c-line)}.qa h3{font-size:inherit;font-weight:inherit}.qa__q{justify-content:space-between;align-items:center;gap:var(--sp-4);width:100%;min-height:72px;padding:var(--sp-4) 0;text-align:left;letter-spacing:var(--track-snug);transition:color var(--dur-2) var(--ease-out);font-size:clamp(1.1rem,1rem + .4vw,1.35rem);font-weight:500;display:flex}.qa__q:hover{color:var(--c-gold-hi)}.qa__icon{border:1px solid var(--c-line);width:36px;height:36px;color:var(--c-ink-2);transition:transform var(--dur-3) var(--ease-snappy), border-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.qa__icon .i{width:18px;height:18px}.qa.is-open .qa__icon{border-color:var(--c-gold-line);color:var(--c-gold);transform:rotate(45deg)}.qa__a{transition:grid-template-rows var(--dur-3) var(--ease-smooth);grid-template-rows:1fr;display:grid}.js .qa:not(.is-open) .qa__a{grid-template-rows:0fr}.qa__a>div{overflow:hidden}.qa__a p{padding:0 var(--sp-8) var(--sp-5) 0;color:var(--c-ink-2);max-width:60ch}@media (max-width:900px){.faq__grid{gap:var(--sp-6);grid-template-columns:minmax(0,1fr)}.faq__head{position:static}.qa__a p{padding-right:0}}
.join{padding-block:var(--section-y) calc(var(--section-y) * 1.1);position:relative;overflow-x:clip}.join__head{align-items:flex-start;gap:var(--sp-4);flex-direction:column;max-width:64rem;display:flex}.join__title{font-size:clamp(2.6rem,min(7vw,12svh),6.5rem);line-height:var(--lh-display);letter-spacing:var(--track-display);text-wrap:initial;font-weight:600}.join__title .accent{margin-top:.04em;display:block}.join__grid{gap:var(--sp-6);margin-top:var(--sp-8);grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:start;display:grid}.join__card{padding:clamp(var(--sp-5), 3vw, var(--sp-7));border-radius:var(--r-4);background:var(--c-surface);border:1px solid var(--c-line);box-shadow:var(--shadow-deep)}.join__invited{align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-5);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-2);background:var(--c-gold-soft);border:1px solid var(--c-gold-line);font-size:var(--fs-small);color:var(--c-ink-2);display:flex}.join__invited b{color:var(--c-ink)}.join__invited .i{color:var(--c-gold);margin-top:2px}.join__step{gap:var(--sp-5);animation:step-in .55s var(--ease-out);flex-direction:column;display:flex}@keyframes step-in{0%{opacity:0;transform:translateY(14px)}}.join__fields{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field__wrap{gap:var(--sp-2);flex-direction:column;display:flex}.field__label{font-size:var(--fs-small);color:var(--c-ink);font-weight:500}.field__hint{color:var(--c-ink-3);font-weight:400}.field,.field--action input{width:100%;min-height:52px;padding:0 var(--sp-4);border-radius:var(--r-2);background:var(--c-surface-2);border:1px solid var(--c-line);transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);outline:none;font-size:1rem}.field:focus,.field--action:focus-within{border-color:var(--c-gold);box-shadow:0 0 0 3px var(--c-gold-soft)}.field[aria-invalid=true]{border-color:var(--c-danger)}.field--action{align-items:center;gap:var(--sp-2);border-radius:var(--r-2);background:var(--c-surface-2);border:1px solid var(--c-line);min-height:52px;padding:0 6px 0 0;display:flex}.field--action input{background:0 0;border:0;flex:1;min-width:0;min-height:50px}.field--action input[readonly]{font-family:var(--font-mono);color:var(--c-ink-2);text-overflow:ellipsis;font-size:.85rem}.field--action .btn{flex:none}.field__err{font-size:var(--fs-small);color:var(--c-danger);min-height:0}.field__err:empty{display:none}.join__modes{border:0;min-width:0;margin:0;padding:0}.join__modes legend{margin-bottom:var(--sp-3);padding:0}.join__modechips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.modechip{align-items:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-4) 0 var(--sp-2);border-radius:var(--r-pill);border:1.5px solid var(--c-line);background:var(--c-surface-2);transition:border-color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-snappy);font-weight:500;display:inline-flex}.modechip:active{transform:scale(.96)}.modechip__ck{border:1.5px solid var(--c-ink-3);width:26px;height:26px;transition:background-color var(--dur-2) var(--ease-out);border-radius:50%;place-items:center;display:grid}.modechip__ck .i{stroke-width:3px;opacity:0;width:14px;height:14px}.modechip[aria-pressed=true] .modechip__ck .i{opacity:1}.modechip--body[aria-pressed=true]{border-color:var(--c-body);background:var(--c-body-tint)}.modechip--body[aria-pressed=true] .modechip__ck{background:var(--c-body);border-color:var(--c-body);color:var(--c-body-ink)}.modechip--work[aria-pressed=true]{border-color:var(--c-work);background:var(--c-work-tint)}.modechip--work[aria-pressed=true] .modechip__ck{background:var(--c-work);border-color:var(--c-work);color:var(--c-work-ink)}.modechip--mind[aria-pressed=true]{border-color:var(--c-mind);background:var(--c-mind-tint)}.modechip--mind[aria-pressed=true] .modechip__ck{background:var(--c-mind);border-color:var(--c-mind);color:var(--c-mind-ink)}.join__title-chip{margin-top:var(--sp-3);font-size:var(--fs-small);color:var(--c-ink-2)}.join__title-chip b{color:var(--c-gold);animation:title-pop .6s var(--ease-bouncy);font-weight:600;display:inline-block}@keyframes title-pop{0%{opacity:0;transform:scale(.85)}}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.join__submit{align-self:flex-start;min-width:260px}.join__fine{margin-top:calc(var(--sp-3) * -1);font-size:var(--fs-small);color:var(--c-ink-3)}.join__steptitle{letter-spacing:var(--track-head);outline:none;font-size:clamp(1.5rem,1.25rem + 1vw,2.1rem);line-height:1.1}.join__steplead{margin-top:calc(var(--sp-3) * -1);color:var(--c-ink-2)}.join__check{background:var(--c-gold);width:52px;height:52px;color:var(--c-gold-ink);animation:title-pop .7s var(--ease-bouncy);border-radius:50%;place-items:center;display:grid}.join__check .i{stroke-width:2.6px;width:26px;height:26px}.share{gap:var(--sp-3);flex-direction:column;display:flex}.share__link{gap:var(--sp-2);flex-direction:column;display:flex}.share__apps{gap:var(--sp-2);flex-wrap:wrap;display:flex}.share__app{align-items:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--c-line);background:var(--c-surface-2);font-size:var(--fs-small);transition:border-color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);font-weight:500;display:inline-flex}.share__app:hover{border-color:var(--c-line-2);background:var(--c-surface-3)}.share__app .i{width:17px;height:17px;color:var(--c-gold)}.friends{gap:var(--sp-2);margin-top:var(--sp-1);flex-wrap:wrap;display:flex}.friend{align-items:center;gap:var(--sp-1);height:36px;padding:0 4px 0 var(--sp-3);border-radius:var(--r-pill);background:var(--c-surface-3);font-size:var(--fs-small);animation:step-in .35s var(--ease-out);display:inline-flex}.friend button{width:28px;height:28px;color:var(--c-ink-2);border-radius:50%;place-items:center;display:grid}.friend button:hover{color:var(--c-ink);background:var(--c-white-a1)}.friend .i{width:14px;height:14px}.join__actions{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.join__skip{font-size:var(--fs-small);color:var(--c-ink-2);text-underline-offset:.2em;padding:var(--sp-2);text-decoration:underline}.join__skip:hover{color:var(--c-ink)}.join__test{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--c-ink-3)}.cc{top:calc(var(--nav-h) + var(--sp-6));padding:var(--sp-5);border-radius:var(--r-4);background:var(--c-surface);border:1px solid var(--c-gold-line);gap:var(--sp-5);box-shadow:var(--glow-1);flex-direction:column;display:flex;position:sticky}.cc__top{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);display:flex}.cc__name{letter-spacing:var(--track-snug);word-break:break-word;font-size:1.25rem;font-weight:600}.cc__sub{font-size:var(--fs-small);color:var(--c-ink-2)}.cc__code{font-size:var(--fs-small);color:var(--c-gold);border-radius:var(--r-pill);background:var(--c-gold-soft);padding:4px 10px}.cc__run{align-items:flex-end;gap:var(--sp-3);display:flex}.cc__run .num{color:var(--c-gold);font-size:3.4rem;line-height:.9}.cc__run span:last-child{font-size:var(--fs-small);color:var(--c-ink-2);flex-direction:column;display:flex}.cc__run b{color:var(--c-ink);font-weight:600}.cc__strip{gap:var(--sp-3) var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(56px,1fr));display:grid}.cc__m{font-size:var(--fs-label);color:var(--c-ink-3);animation:cc-in .5s var(--ease-bouncy);flex-direction:column;align-items:center;gap:6px;display:flex}@keyframes cc-in{0%{opacity:0;transform:scale(.6)}}.cc__ring{border-radius:50%;place-items:center;width:52px;height:52px;padding:2.5px;display:grid}.cc__m.is-you .cc__ring{background:var(--c-gold)}.cc__m.is-invited .cc__ring{border:1.5px dashed var(--c-ink-3);padding:3px}.cc__m.is-empty .cc__ring{border:1.5px dashed var(--c-line-2);opacity:.6}.cc__av{background:var(--g);border:2.5px solid var(--c-surface);border-radius:50%;place-items:center;width:100%;height:100%;font-size:.95rem;font-weight:600;display:grid}.cc__m.is-invited .cc__av{opacity:.75;border:0}.cc__empty{font-size:var(--fs-small);color:var(--c-ink-3)}@media (max-width:1024px){.join__grid{grid-template-columns:minmax(0,1fr)}.cc{position:relative;top:0}}@media (max-width:640px){.join__fields{grid-template-columns:minmax(0,1fr)}.join__submit{width:100%;min-width:0}}
.footer{padding:var(--sp-9) 0 var(--sp-6);border-top:1px solid var(--c-line);position:relative;overflow:hidden}.footer__top{justify-content:space-between;align-items:flex-end;gap:var(--sp-6);flex-wrap:wrap;display:flex}.footer__tag{color:var(--c-gold);font-size:clamp(1.8rem,1.4rem + 1.8vw,3rem);line-height:1.05}.footer__nav{gap:var(--sp-2) var(--sp-5);font-size:var(--fs-small);color:var(--c-ink-2);flex-wrap:wrap;display:flex}.footer__nav a{padding:var(--sp-2) 0;transition:color var(--dur-2) var(--ease-out)}.footer__nav a:hover{color:var(--c-ink)}.footer__mark{margin-top:var(--sp-8);letter-spacing:-.05em;text-transform:uppercase;white-space:nowrap;color:#0000;-webkit-text-stroke:1px var(--c-line-2);align-items:center;gap:.18em;font-size:clamp(2.6rem,9.6vw,10rem);font-weight:600;line-height:.9;display:flex}.footer__mark .i{width:1.05em;height:1.05em;color:var(--c-gold);stroke-width:1.4px;flex:none}.footer__bottom{justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-6);font-size:var(--fs-small);color:var(--c-ink-3);flex-wrap:wrap;display:flex}
.invite{min-height:100svh;padding-block:var(--sp-7) var(--sp-8);align-items:center;display:flex}.invite__wrap{align-items:center;gap:var(--sp-6);max-width:calc(36rem + var(--gutter) * 2);flex-direction:column;display:flex}.invite__brand{align-items:center;gap:var(--sp-2);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-ink-2);transition:color var(--dur-2) var(--ease-out);font-weight:600;display:inline-flex}.invite__brand:hover{color:var(--c-ink)}.invite__brand .i{width:1.6em;height:1.6em;color:var(--c-gold);stroke-width:1.5px}.invite__card{gap:var(--sp-5);width:100%;padding:clamp(var(--sp-5), 5vw, var(--sp-7));border-radius:var(--r-4);background:var(--c-surface);border:1px solid var(--c-line);box-shadow:var(--shadow-deep);animation:invite-in var(--dur-4) var(--ease-out) both;flex-direction:column;display:flex}@keyframes invite-in{0%{opacity:0;transform:translateY(18px)}}.invite__title{font-size:clamp(2.3rem,1.6rem + 3vw,3.6rem);line-height:var(--lh-head);letter-spacing:var(--track-head);font-weight:600}.invite__lead{font-size:var(--fs-body);max-width:none}.invite__code{align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-3);border-radius:var(--r-3);background:var(--c-bg-deep);border:1px solid var(--c-line);flex-direction:column;display:flex;container-type:inline-size}.invite__code-actions{justify-content:center;align-items:center;gap:var(--sp-3) var(--sp-5);flex-wrap:wrap;display:flex}.invite__open{font-size:var(--fs-small);color:var(--c-ink);align-items:center;gap:6px;font-weight:600;display:inline-flex}.invite__open span{color:var(--c-ink-3);font-weight:400}.invite__open .i{width:16px;height:16px;color:var(--c-gold)}.invite__open:hover .btn__arrow{transform:translate(3px)}.flaps{--flap-w:min(44px, calc((100cqi - 8px) / 10.2));align-items:center;gap:calc(var(--flap-w) * .12);padding:calc(var(--flap-w) * .26);border-radius:var(--r-2);background:linear-gradient(var(--c-bg-deep), var(--c-bg-deep)) padding-box, linear-gradient(160deg, var(--c-gold-hi), var(--c-gold-lo) 40%, var(--tint-night) 70%, var(--c-gold-lo)) border-box;box-shadow:var(--shadow-lift), var(--glow-1);perspective:600px;border:1.5px solid #0000;display:inline-flex}.flaps__cell{width:var(--flap-w);height:calc(var(--flap-w) * 1.42);background:linear-gradient(180deg, var(--c-surface-3), var(--c-surface) 49%, var(--c-bg) 51%, var(--c-surface-2));box-shadow:inset 0 1px 0 var(--c-white-a1), 0 1px 2px var(--c-black-a2);color:var(--c-gold);font-size:calc(var(--flap-w) * .78);transform-origin:50%;animation:flap-in .62s var(--ease-bouncy) both;animation-delay:calc(.35s + var(--i) * 70ms);border-radius:5px;place-items:center;font-weight:500;line-height:1;display:grid;position:relative}.flaps__cell:after{content:"";background:var(--c-black-a2);height:1px;box-shadow:0 1px 0 var(--c-gold-soft);position:absolute;inset:50% 0 auto}.flaps__dash{width:calc(var(--flap-w) * .34);background:var(--c-gold-lo);opacity:.8;border-radius:2px;height:3px}@keyframes flap-in{0%{opacity:0;transform:rotateX(-92deg)}60%{opacity:1}to{opacity:1;transform:rotateX(0)}}.invite__invalid{padding:var(--sp-4) var(--sp-5);border-radius:var(--r-3);border:1px solid var(--c-line);background:var(--c-bg-deep);color:var(--c-ink-2);font-size:var(--fs-small)}.invite__invalid-title{margin-bottom:var(--sp-1);color:var(--c-ink);font-size:var(--fs-body);font-weight:600}.invite__get{gap:var(--sp-3);flex-direction:column;display:flex}.invite__stores{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.invite__stores .btn{width:100%}.invite__soon{cursor:default;color:var(--c-ink-3)}.invite__soon:active{transform:none}.invite__soon-tag{font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-ink-3);font-weight:600}.invite__steps{gap:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--c-line);font-size:var(--fs-small);color:var(--c-ink-2);flex-direction:column;display:flex}.invite__steps li{gap:var(--sp-3);display:flex}.invite__steps .num{border-radius:var(--r-pill);border:1px solid var(--c-gold-line);width:22px;height:22px;color:var(--c-gold);font-size:var(--fs-label);flex:none;place-items:center;margin-top:1px;display:grid}@media (max-width:420px){.invite__stores{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.invite__card,.flaps__cell{animation:none}}.invite__card--waiting{min-height:34rem}.invite__host{align-items:center;gap:var(--sp-3);margin-top:calc(var(--sp-2) * -1);display:flex}.invite__avatar{border-radius:var(--r-pill);object-fit:cover;background:var(--c-surface-2);border:1.5px solid var(--c-gold-line);width:44px;height:44px;color:var(--c-gold);flex:none;place-items:center;font-weight:600;display:grid}.invite__avatar--group .i{width:20px;height:20px}.invite__host-name{color:var(--c-ink);font-weight:600}.invite__host-size{color:var(--c-ink-3);font-size:var(--fs-small)}.invite__code--gone .flaps{opacity:.55;filter:saturate(.4)}.invite__open-wrap{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.invite__missing{text-align:center;max-width:28rem;font-size:var(--fs-small);color:var(--c-ink-2);animation:invite-in var(--dur-3) var(--ease-out) both}.invite__missing a{text-decoration:underline;-webkit-text-decoration-color:var(--c-gold-line);text-decoration-color:var(--c-gold-line);text-underline-offset:3px}.invite__qr{align-items:center;gap:var(--sp-5);padding:var(--sp-4);border-radius:var(--r-3);border:1px solid var(--c-line);background:var(--c-bg-deep);font-size:var(--fs-small);color:var(--c-ink-2);display:flex}.invite__qr svg{border-radius:var(--r-2);background:var(--c-ink);width:132px;height:132px;fill:var(--c-bg);flex:none;padding:6px}.invite__qr-title{margin-bottom:var(--sp-1);color:var(--c-ink);font-size:var(--fs-body);font-weight:600}

