.mods{padding-block:var(--section-y);position:relative}.mods__head{gap:var(--sp-5);align-items:end;margin-bottom:clamp(40px,5vw,72px);display:grid}.mods__head .h2{margin-top:var(--sp-3)}@media (min-width:900px){.mods__head{grid-template-columns:1.15fr 1fr}.mods__head .lead{justify-self:end}}.mods__cols{gap:var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.mcol{--mc:var(--c-body);--mt:var(--c-body-tint);--ms:var(--c-body-soft);--mg:var(--mods-glow-body);gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--r-4);border:1px solid var(--c-line);background:var(--c-surface);flex-direction:column;display:flex;position:relative;overflow:hidden}.mcol--work{--mc:var(--c-work);--mt:var(--c-work-tint);--ms:var(--c-work-soft);--mg:var(--mods-glow-work)}.mcol--mind{--mc:var(--c-mind);--mt:var(--c-mind-tint);--ms:var(--c-mind-soft);--mg:var(--mods-glow-mind)}.mcol:before{content:"";top:0;left:var(--sp-6);right:var(--sp-6);background:linear-gradient(90deg, transparent, var(--mc), transparent);height:1px;position:absolute}.mcol__head{align-items:center;gap:var(--sp-2);font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-ink);font-weight:600;display:flex}.mcol__n{letter-spacing:.04em;text-transform:none;color:var(--c-ink-3);margin-left:auto;font-weight:500}.stage{border-radius:var(--r-3);background:var(--mods-glass);box-shadow:var(--mods-glass-edge);flex-direction:column;display:flex;position:relative;overflow:hidden}.stage__panels{flex:1;display:grid}.spanel{visibility:hidden;opacity:0;min-width:0;filter:var(--mods-out);pointer-events:none;transition:opacity var(--dur-2) var(--ease-out), filter var(--dur-2) var(--ease-out), visibility 0s linear var(--dur-2);flex-direction:column;grid-area:1/1;display:flex}.spanel[data-on]{visibility:visible;opacity:1;filter:none;pointer-events:auto;transition:opacity var(--dur-3) var(--ease-smooth) var(--dur-1), filter var(--dur-3) var(--ease-smooth) var(--dur-1), visibility 0s}.spanel .ipanel>*{transform:translateY(var(--sp-2));transition:transform 0s linear var(--dur-2)}.spanel[data-on] .ipanel>*{transition:transform var(--dur-3) var(--ease-smooth) calc(var(--dur-1) + var(--i,0) * var(--mods-stagger));transform:none}.ipanel>:nth-child(2){--i:1}.ipanel>:nth-child(3){--i:2}.spanel__inst{padding:var(--sp-6) var(--sp-4) var(--sp-4);flex-direction:column;flex:1;justify-content:center;display:flex}.spanel__foot{padding:0 var(--sp-4) var(--sp-4)}.spanel__name{font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ms);margin-bottom:2px;font-weight:600}.stage__bars{top:0;right:var(--sp-1);display:flex;position:absolute}.stage__bar{-webkit-tap-highlight-color:transparent;place-items:center;width:40px;height:40px;display:grid}.stage__bar:before{content:"";background:var(--c-white-a2);width:26px;height:3px;transition:background-color var(--dur-2) var(--ease-snappy);border-radius:2px}.stage__bar[data-on]:before{background:var(--mc)}@media (hover:hover){.stage__bar:not([data-on]):hover:before{background:var(--c-white-a3)}}.sline{font-size:var(--fs-small);color:var(--c-ink-2);line-height:1.35;display:grid}.sline>span{transition:opacity var(--dur-2) var(--ease-out), filter var(--dur-2) var(--ease-out);grid-area:1/1}.sline__hint{align-items:flex-start;gap:.45em;display:flex}.sline__tap{width:1.1em;height:1.1em;fill:var(--ms);stroke:var(--ms);stroke-width:1.2px;flex:none;margin-top:.12em}.sline__live,.sline[data-used] .sline__hint{opacity:0;filter:var(--mods-out-sm)}.sline[data-used] .sline__live{opacity:1;filter:none;transition:opacity var(--dur-3) var(--ease-smooth) var(--dur-1), filter var(--dur-3) var(--ease-smooth) var(--dur-1)}.mcol__list{flex-direction:column;flex:1;display:flex}.mcol__tabs,.mcol__rows{flex-direction:column;display:flex}.mcol__rows{flex:1}.mrow{padding-block:var(--sp-3);border-top:1px solid var(--c-line);position:relative}.mcol__tabs>.mrow:first-child{border-top:0}.mrow:before,.mrow:after{content:"";pointer-events:none;position:absolute}.mrow:before{inset:3px calc(var(--sp-3) * -1);border-radius:var(--r-2);background:var(--mt);opacity:0;transition:opacity var(--dur-2) var(--ease-snappy), box-shadow var(--dur-2) var(--ease-snappy)}.mrow:after{top:30%;bottom:30%;left:calc(var(--sp-3) * -1);background:var(--mc);width:2px;transition:transform var(--dur-2) var(--ease-snappy);border-radius:1px;transform:scaleY(0)}.mrow--tab{text-align:left;-webkit-tap-highlight-color:transparent;width:100%;display:block}@media (hover:hover){.mrow--tab:hover:before{opacity:.5}}.mrow--tab[aria-selected=true]:before{opacity:1}.mrow--tab[aria-selected=true]:after{transform:none}.mrow--tab:focus-visible{outline:none}.mrow--tab:focus-visible:before{opacity:1;box-shadow:0 0 0 2px var(--c-focus)}.mrow__top{align-items:center;gap:var(--sp-3);display:flex;position:relative}.mrow--tab .mrow__top{transition:transform var(--dur-2) var(--ease-snappy)}.mrow--tab:active .mrow__top{transform:scale(.98)}.mrow__ic{background:var(--mt);width:36px;height:36px;color:var(--mc);border-radius:11px;flex:none;place-items:center;display:grid}.mrow__ic .i{width:18px;height:18px}.mrow__name{letter-spacing:-.01em;flex:1;min-width:0;font-size:1.02rem;font-weight:600}.mrow__metric{text-align:right;white-space:nowrap;font-size:.95rem;line-height:1.2}.mrow__unit{color:var(--c-ink-3);font-size:.72rem;display:block}.mrow--soon{border-top:0;margin-top:auto}.mrow--soon:before,.mrow--soon:after{content:none}.mrow--soon .mrow__top{padding:var(--sp-2);border:1px dashed var(--c-line-2);border-radius:var(--r-2)}.mrow--soon .mrow__ic{border:1px dashed var(--c-line-2);color:var(--c-ink-3);background:0 0}.mrow--soon .mrow__name{color:var(--c-ink-2);font-size:.92rem;font-weight:500}.mapps{align-items:center;gap:var(--sp-6);margin-top:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-radius:var(--r-4);border:1px solid var(--c-line);background:var(--c-surface);grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr) auto;display:grid}.mapps__t{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.mapps__b{font-size:var(--fs-small);color:var(--c-ink-2);margin-top:4px}.mapps__marquee{-webkit-mask-image:var(--mods-fade-strip);-webkit-mask-image:var(--mods-fade-strip);mask-image:var(--mods-fade-strip);overflow:hidden}.mapps__track{gap:var(--sp-2);width:max-content;animation:48s linear infinite mapps-run;display:flex}.mapps__marquee:hover .mapps__track{animation-play-state:paused}@keyframes mapps-run{to{transform:translateX(calc(-50% - var(--sp-2) / 2))}}.mapps__app{align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--c-line);background:var(--c-surface-2);white-space:nowrap;height:36px;color:var(--c-ink-2);padding:0 14px 0 6px;font-size:.85rem;display:inline-flex}.mapps__mono{background:var(--c-surface-3);width:24px;height:24px;color:var(--c-ink);border-radius:50%;place-items:center;font-size:.72rem;font-weight:600;display:grid}.mapps__more{align-items:flex-start;gap:var(--sp-2);flex-direction:column;display:flex}.mapps__note{max-width:24ch;font-size:var(--fs-label);color:var(--c-ink-3)}@media (min-width:901px){.mods__cols{grid-template-rows:auto auto 1fr;row-gap:0}.mcol{grid-row:span 3;grid-template-rows:subgrid;row-gap:var(--sp-4);display:grid}}@media (max-width:1024px){.mapps{gap:var(--sp-4);grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.mods__cols{grid-template-columns:minmax(0,1fr)}.mcol{gap:var(--sp-4) var(--sp-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"head head""stage list";display:grid}.mcol__head{grid-area:head}.stage{grid-area:stage;align-self:start}.mcol__list{grid-area:list}}@media (max-width:640px){.mcol{gap:var(--sp-4);padding:var(--sp-4) var(--sp-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""list"}.spanel__inst{padding:var(--sp-6) var(--sp-3) var(--sp-4)}.spanel__foot{padding:0 var(--sp-3) var(--sp-3)}.mrow:before{inset:3px calc(var(--sp-2) * -1)}.mrow:after{left:calc(var(--sp-2) * -1)}.mrow--soon{margin-top:var(--sp-2)}}@media (prefers-reduced-motion:reduce){.mapps__track{flex-wrap:wrap;width:auto;animation:none}.mapps__app[aria-hidden=true]{display:none}}.ipanel{--rread-size:clamp(2rem, 12.5cqw, 2.875rem);--book-read-size:clamp(2rem, 12.5cqw, 2.75rem);--book-btn-size:clamp(.95rem, 4.6cqw, 1.0625rem);isolation:isolate;align-items:center;gap:var(--sp-3);flex-direction:column;width:100%;display:flex;position:relative;container-type:inline-size}.ipanel__glow{position:relative}.ipanel__glow:after{content:"";z-index:-1;left:0;right:0;top:calc(100% - var(--sp-7));height:var(--sp-9);background:radial-gradient(closest-side, var(--mg), transparent);pointer-events:none;position:absolute}.ipanel__ruler{width:100%}.ipanel--running .ipanel__ruler{margin-bottom:var(--sp-1)}.ipanel__dial{width:min(94cqw,max(70cqw,260px))}.ipanel__fig{width:min(72cqw,280px)}.ipanel__fig .part{width:100%;height:auto}.ipanel__sub{font-size:var(--fs-small);color:var(--c-ink-2)}.ipanel__title{letter-spacing:-.01em;font-size:clamp(1.05rem,5.4cqw,1.3rem);font-weight:600}.ipanel__scale{width:min(94cqw,max(72cqw,250px))}.ipanel__nut{font-size:clamp(.9rem,4.4cqw,1.0625rem)}.ipanel__fdial{width:min(94cqw,max(84cqw,270px))}.ipanel__ctl{width:100%;margin-top:var(--sp-1)}.ipanel__book{width:94cqw}.mx-head{align-items:flex-start;gap:var(--sp-4);flex-direction:column;max-width:42rem;display:flex}.mx-head .h2{margin-top:var(--sp-1)}.mx-hero{min-height:100svh;padding-block:calc(var(--nav-h) + var(--sp-6)) var(--sp-8);align-items:center;display:flex;position:relative;overflow-x:clip}.mx-hero__grid-bg{pointer-events:none;background-image:linear-gradient(var(--c-white-a1) 1px, transparent 1px), linear-gradient(90deg, var(--c-white-a1) 1px, transparent 1px);-webkit-mask-image:var(--mods-fade-grid);-webkit-mask-image:var(--mods-fade-grid);mask-image:var(--mods-fade-grid);background-position:top;background-size:56px 56px;position:absolute;inset:0}.mx-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,96px);display:grid;position:relative}.mx-hero__copy{align-items:flex-start;gap:var(--sp-5);flex-direction:column;display:flex}.mx-h1{font-size:clamp(2.8rem,min(5.4vw,10.5svh),6.25rem);line-height:var(--lh-display);letter-spacing:var(--track-display);text-wrap:initial}.mx-h1 .accent{letter-spacing:-.02em;margin-top:.06em;display:block}.mx-pill{align-items:center;gap:var(--sp-2);min-height:34px;padding:4px var(--sp-4) 4px var(--sp-3);border-radius:var(--r-pill);font-size:var(--fs-small);color:var(--c-ink);display:inline-flex}.mx-pill .i{width:16px;height:16px;color:var(--c-gold)}.mx-hero__ctas{gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}@property --pad-on{syntax:"<number>";inherits:true;initial-value:0}.pad{border-radius:var(--r-4);border:1px solid var(--c-line);background:linear-gradient(180deg, var(--c-surface), var(--c-bg-deep));box-shadow:var(--shadow-deep), inset 0 1px 0 var(--c-white-a1);padding:clamp(12px,1.5vw,22px)}.pad__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,12px);display:grid}.pad__grid>li{display:flex}.pad__key{--mc:var(--c-body);width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:--pad-on var(--dur-3) var(--ease-smooth), transform var(--dur-1) var(--ease-snappy);aspect-ratio:1.3;border-radius:var(--r-3);border:1px solid color-mix(in oklab, var(--mc) calc(var(--pad-on) * 50%), var(--c-line));background:radial-gradient(120% 90% at 50% 0%, color-mix(in oklab, var(--mc) calc(var(--pad-on) * 22%), transparent), transparent 70%), var(--c-surface-2);box-shadow:inset 0 -3px 0 var(--c-black-a1), 0 0 calc(var(--pad-on) * 28px) color-mix(in oklab, var(--mc) calc(var(--pad-on) * 30%), transparent);flex-direction:column;flex:1;gap:3px;margin:0;padding:clamp(10px,1.2vw,16px);display:flex;position:relative}.pad__key--work{--mc:var(--c-work)}.pad__key--mind{--mc:var(--c-mind)}.pad__key .i{width:clamp(20px,2vw,26px);height:clamp(20px,2vw,26px);color:color-mix(in oklab, var(--mc) calc(30% + var(--pad-on) * 70%), var(--c-ink-3));margin-bottom:auto}.pad__code{letter-spacing:.04em;color:var(--c-ink-3);font-size:.68rem;position:absolute;top:clamp(10px,1.2vw,16px);right:clamp(10px,1.2vw,16px)}.pad__name{letter-spacing:-.01em;font-size:clamp(.82rem,1vw,1rem);font-weight:600;line-height:1.2}.pad__val{color:var(--c-ink-3);font-size:.78rem;line-height:1.2}.pad__val .num{color:color-mix(in oklab, var(--mc) 70%, var(--c-ink));opacity:var(--pad-on)}.pad__key:active{transform:scale(.96)}.pad__key:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.pad__val .num{transition:opacity var(--dur-3) var(--ease-smooth)}.pad__soon{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,12px);margin-top:clamp(8px,1vw,12px);display:grid}.pad__slot{align-items:center;gap:var(--sp-2);border-radius:var(--r-2);border:1px dashed var(--c-line-2);min-width:0;height:44px;color:var(--c-ink-3);padding:0 clamp(10px,1.2vw,14px);font-size:.8rem;display:flex}.pad__slot .i{width:16px;height:16px;color:color-mix(in oklab, var(--mc) 70%, var(--c-ink-3));flex:none}.pad__slot-m{color:var(--c-ink-2);font-weight:600}.pad__slot-s{margin-left:auto}.pad__day{padding:var(--sp-4);border-radius:var(--r-3);border:1px solid var(--c-line);background:var(--c-bg);margin-top:clamp(10px,1.4vw,16px)}.pad__dayhead{justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:var(--fs-small);color:var(--c-ink-2);display:flex}.pad__total{color:var(--c-ink);font-size:1.4rem;font-weight:500}.pad__bar{height:14px;margin-top:var(--sp-3);background:var(--c-surface-3);border-radius:7px;position:relative}.pad__blk{transform-origin:0;transition:transform .3s var(--ease-in-out);border-radius:4px;position:absolute;top:0;bottom:0;transform:scaleX(0)}.pad__blk[data-on]{transition:transform .5s var(--ease-out) var(--d,0s);transform:none}.pad__dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--c-bg);transition:transform .25s var(--ease-in-out);border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;transform:scale(0)}.pad__dot[data-on]{transition:transform .6s var(--ease-bouncy) var(--d,0s);transform:none}.pad__tap{margin-top:var(--sp-3);font-size:var(--fs-small);color:var(--c-ink-3)}.pad__hours{color:var(--c-ink-3);justify-content:space-between;margin-top:6px;font-size:.72rem;display:flex}.mx-pick,.mx-counts{padding-block:var(--section-y);position:relative}.picker{margin-top:clamp(32px,4vw,56px)}.picker__modes{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mode{--mc:var(--c-body);--mt:var(--c-body-tint);--me:var(--c-body-edge);align-items:center;column-gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--r-3);border:1px solid var(--c-line);background:var(--c-surface);text-align:left;transition:border-color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-snappy);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"check name n""check line line";row-gap:2px;display:grid}.mode:hover{border-color:var(--c-line-2)}.mode:active{transform:scale(.98)}.mode--work{--mc:var(--c-work);--mt:var(--c-work-tint);--me:var(--c-work-edge)}.mode--mind{--mc:var(--c-mind);--mt:var(--c-mind-tint);--me:var(--c-mind-edge)}.mode[aria-pressed=true]{border-color:var(--me);background:linear-gradient(180deg, var(--mt), transparent), var(--c-surface)}.mode__check{border:1.5px solid var(--c-line-2);color:#0000;width:26px;height:26px;transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);border-radius:8px;grid-area:check;place-items:center;display:grid}.mode[aria-pressed=true] .mode__check{border-color:var(--mc);background:var(--mc);color:var(--c-bg)}.mode__check .i{stroke-width:2.6px;width:16px;height:16px}.mode__name{letter-spacing:-.015em;grid-area:name;font-size:1.15rem;font-weight:600}.mode__line{font-size:var(--fs-small);color:var(--c-ink-3);grid-area:line}.mode__n{font-size:var(--fs-small);color:var(--c-ink-3);grid-area:n}.picker__title{align-items:baseline;gap:var(--sp-2) var(--sp-3);min-height:1.3em;margin-top:var(--sp-6);flex-wrap:wrap;display:flex}.picker__that{font-size:var(--fs-lead);color:var(--c-ink-2)}.picker__name{font-size:var(--fs-h2);letter-spacing:var(--track-head);color:var(--c-gold);animation:pick-in var(--dur-3) var(--ease-smooth);font-weight:600;line-height:1.05;display:inline-block}@keyframes pick-in{0%{opacity:0;transform:translateY(12px)}}.mgrid{gap:var(--sp-4);margin-top:var(--sp-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mcard{--mc:var(--c-body);--mt:var(--c-body-tint);--ms:var(--c-body-soft);gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-4);border:1px solid var(--c-line);background:var(--c-surface);flex-direction:column;display:flex;position:relative;overflow:hidden}.mcard[hidden]{display:none}.mcard--work{--mc:var(--c-work);--mt:var(--c-work-tint);--ms:var(--c-work-soft)}.mcard--mind{--mc:var(--c-mind);--mt:var(--c-mind-tint);--ms:var(--c-mind-soft)}.mcard:before{content:"";top:0;left:var(--sp-6);right:var(--sp-6);background:linear-gradient(90deg, transparent, var(--mc), transparent);height:1px;position:absolute}.mcard__top{font-size:var(--fs-label);color:var(--c-ink-3);justify-content:space-between;align-items:center;display:flex}.mcard__code{letter-spacing:.06em}.mcard__mode{letter-spacing:var(--track-label);text-transform:uppercase;align-items:center;gap:6px;font-weight:600;display:inline-flex}.mcard__title{align-items:center;gap:var(--sp-3);margin-top:var(--sp-1);display:flex}.mcard__ic{background:var(--mt);width:40px;height:40px;color:var(--mc);border-radius:12px;flex:none;place-items:center;display:grid}.mcard__ic .i{width:20px;height:20px}.mcard__line{color:var(--c-ink-2);font-size:.95rem;line-height:1.5}.mcard__inst{--mg:var(--mods-glow-body);margin-top:var(--sp-2);border-radius:var(--r-3);background:var(--mods-glass);box-shadow:var(--mods-glass-edge);flex-direction:column;flex:1;display:flex;overflow:hidden}.mcard--work .mcard__inst{--mg:var(--mods-glow-work)}.mcard--mind .mcard__inst{--mg:var(--mods-glow-mind)}.mcard__glass{padding:var(--sp-5) var(--sp-4) var(--sp-4);flex-direction:column;flex:1;justify-content:center;display:flex}.mcard__read{padding:0 var(--sp-4) var(--sp-4)}.mcard__line+.mcard__tag{margin-top:auto}.mcard__tag{font-size:var(--fs-small);color:var(--c-ink-3);align-items:center;gap:6px;display:flex}.mcard__tag .i{width:15px;height:15px;color:var(--mc)}.mcard__tag--gold,.mcard__tag--gold .i{color:var(--c-gold)}.mcard--soon{border-style:dashed;border-color:var(--c-line-2);background:0 0;justify-content:center}.mcard--soon:before{opacity:.5}.mcard--soon .mcard__ic{border:1px dashed var(--mc);background:0 0}.mcard--soon .mcard__mode{color:var(--c-ink-2)}.picker__foot{margin-top:var(--sp-5);font-size:var(--fs-small);color:var(--c-ink-3)}.flow{gap:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(40px,5vw,72px);display:grid}.flow__step{gap:var(--sp-2);padding:var(--sp-5);border-radius:var(--r-4);border:1px solid var(--c-line);background:var(--c-surface);flex-direction:column;display:flex;position:relative}.flow__step:not(:last-child):after{content:"";top:calc(var(--sp-5) + 54px);right:calc(var(--sp-5) / -2 - 6px);z-index:1;border-top:2px solid var(--c-gold);border-right:2px solid var(--c-gold);width:12px;height:12px;position:absolute;transform:rotate(45deg)}.flow__vis{height:120px;margin-bottom:var(--sp-3);border-radius:var(--r-3);border:1px solid var(--c-line);background:var(--c-bg);justify-content:center;align-items:center;display:flex}.flow__vis--logs{flex-direction:column;gap:6px}.flow__chip{border-radius:var(--r-pill);border:1px solid var(--c-line);background:var(--c-surface-2);align-items:center;gap:6px;height:28px;padding:0 10px;font-size:.8rem;display:inline-flex}.flow__chip .i{width:14px;height:14px}.flow__chip--body .i{color:var(--c-body)}.flow__chip--work .i{color:var(--c-work)}.flow__chip--mind .i{color:var(--c-mind)}.flow__vis--streak{color:var(--c-gold);gap:8px}.flow__vis--streak .i{width:30px;height:30px}.flow__vis--streak .num{letter-spacing:-.04em;font-size:3rem;font-weight:500;line-height:1}.flow__unit{font-size:var(--fs-small);color:var(--c-ink-2);align-self:flex-end;margin-bottom:30px}.flow__dial{place-items:center;width:96px;height:96px;display:grid;position:relative}.flow__dial .dial{position:absolute;inset:0}.flow__dv{font-size:.9rem;font-weight:500;position:relative}.flow__n{font-size:var(--fs-label);color:var(--c-gold)}.flow__step p{color:var(--c-ink-2)}.mx-cta{padding-block:var(--section-y) calc(var(--section-y) * .8);position:relative}.mx-cta__in{align-items:center;gap:var(--sp-5);text-align:center;flex-direction:column;display:flex}.mx-note{font-size:var(--fs-label);color:var(--c-ink-3)}@media (max-width:1024px){.mx-hero{min-height:0}.mx-hero__grid{gap:var(--sp-7);grid-template-columns:minmax(0,1fr)}.mx-hero__pad{width:100%;max-width:640px}.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.flow{grid-template-columns:minmax(0,1fr)}.flow__step:not(:last-child):after{top:auto;bottom:calc(var(--sp-5) / -2 - 6px);right:50%;transform:rotate(135deg)}}@media (max-width:640px){.mgrid{grid-template-columns:minmax(0,1fr)}.mcard{padding:var(--sp-4) var(--sp-3)}.mcard__glass{padding:var(--sp-5) var(--sp-3) var(--sp-4)}.mcard__read{padding:0 var(--sp-3) var(--sp-3)}.picker__modes{gap:var(--sp-2)}.mode{row-gap:var(--sp-2);padding:var(--sp-3);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"check n""name name"}.mode__line{display:none}.mode__n{justify-self:end}.pad__key{aspect-ratio:1}.pad__code,.pad__slot-s{display:none}}@media (prefers-reduced-motion:reduce){.picker__name{animation:none}.pad__key,.pad__blk,.pad__blk[data-on],.pad__dot,.pad__dot[data-on]{transition:none}}
.integrations{z-index:2;padding-block:var(--section-y);background:radial-gradient(820px 560px at 78% 34%, var(--glow-work), transparent 66%), radial-gradient(640px 420px at 4% 100%, var(--glow-body), transparent 66%), var(--c-bg);border-top:1px solid var(--c-line);border-radius:var(--r-4) var(--r-4) 0 0;box-shadow:0 -40px 90px var(--c-black-a2);position:relative}.integrations__head{align-items:center;gap:var(--sp-4);text-align:center;flex-direction:column;max-width:44rem;margin-inline:auto;display:flex}.integrations__head .h2 .accent{display:block}.hub{margin-top:var(--sp-8);grid-template-columns:minmax(0,1fr) minmax(320px,420px) minmax(0,1fr);align-items:center;gap:clamp(56px,7vw,120px);display:grid;position:relative}.hub:before{content:"";aspect-ratio:1.4;background:radial-gradient(closest-side, var(--glow-gold), transparent);pointer-events:none;width:min(760px,120%);position:absolute;top:50%;left:50%;translate:-50% -50%}.hub__lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hub__line,.hub__lit{fill:none;stroke-linecap:round}.hub__line{stroke:var(--c-line-2);stroke-width:1px}.hub__lit{stroke:var(--c-gold);stroke-width:1.5px;stroke-dasharray:1 1;filter:drop-shadow(0 0 4px var(--glow-gold-strong))}.hub__side{gap:var(--sp-6);flex-direction:column;display:flex;position:relative}.hub__side--left{text-align:right;align-items:flex-end}.hub__side--left .ig__list{justify-content:flex-end}.ig__title{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);font-weight:600;display:flex}.hub__side--left .ig__title{justify-content:flex-end}.ig__n{color:var(--c-ink-3);font-weight:400}.ig__list{gap:var(--sp-2);margin-top:var(--sp-3);flex-wrap:wrap;max-width:360px;display:flex}.ig__app{--on:1;align-items:center;gap:var(--sp-2);border-radius:var(--r-pill);border:1px solid var(--c-line);background:var(--c-surface);height:40px;color:var(--c-ink-2);font-size:var(--fs-small);white-space:nowrap;padding:0 14px 0 5px;font-weight:500;display:inline-flex;position:relative}.ig__app:not(.is-source){--on:0}.ig__app.is-source{border-color:color-mix(in oklab, var(--c-gold) calc(var(--on) * 55%), var(--c-line));color:color-mix(in oklab, var(--c-ink) calc(var(--on) * 100%), var(--c-ink-2));box-shadow:0 0 calc(var(--on) * 22px) color-mix(in oklab, var(--c-gold) calc(var(--on) * 22%), transparent)}.ig__mono{background:var(--c-surface-3);width:30px;height:30px;color:var(--c-ink);border-radius:50%;place-items:center;font-size:.8rem;font-weight:600;display:grid}.ig__app.is-source .ig__mono{background:color-mix(in oklab, var(--c-gold) calc(var(--on) * 22%), var(--c-surface-3))}.integrations__also{max-width:40rem;margin:var(--sp-8) auto 0;padding:var(--sp-4) var(--sp-5);border-radius:var(--r-3);border:1px dashed var(--c-line-2);font-size:var(--fs-small);text-align:center;color:var(--c-ink-2);line-height:1.55}.integrations__also b{color:var(--c-ink);font-weight:600;display:block}.sync{z-index:1;padding:var(--sp-5);border-radius:var(--r-4);background:var(--c-surface);border:1px solid var(--c-line);box-shadow:var(--shadow-deep);position:relative}.sync__head{align-items:center;gap:var(--sp-3);padding-bottom:var(--sp-4);border-bottom:1px solid var(--c-line);display:flex}.sync__av{background:linear-gradient(135deg, var(--c-gold), var(--c-work));border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:600;display:grid}.sync__name{font-weight:600}.sync__day{font-size:var(--fs-small);color:var(--c-ink-2)}.sync__live{align-items:center;gap:var(--sp-2);font-size:var(--fs-label);color:var(--c-ink-2);white-space:nowrap;margin-left:auto;display:inline-flex}.sync__row{align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-2);border-bottom:1px solid var(--c-line);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.sync__row:after{content:"";border-radius:var(--r-1);background:var(--c-gold-soft);opacity:var(--flash,0);pointer-events:none;position:absolute;inset:4px 0}.sync__row .sq{width:8px;height:8px}.sync__l{font-weight:500}.sync__via{font-size:var(--fs-label);color:var(--c-ink-3);align-items:center;gap:4px;margin-top:2px;display:flex}.sync__via .i{width:12px;height:12px}.sync__v{white-space:nowrap;font-size:1.5rem;font-weight:500;line-height:1}.sync__v small{color:var(--c-ink-2);letter-spacing:0;margin-left:2px;font-size:.8rem}.sync__foot{padding:var(--sp-4) var(--sp-2) 0;font-size:var(--fs-small);color:var(--c-ink-3)}.integrations__foot{margin-top:var(--sp-5);text-align:center;color:var(--c-ink-3);font-size:var(--fs-small)}@media (max-width:1024px){.hub{justify-items:center;gap:var(--sp-8);grid-template-columns:minmax(0,1fr)}.hub .sync{order:-1;width:100%;max-width:480px}.hub__side,.hub__side--left{text-align:center;align-items:center}.hub__side--left .ig__title,.ig__title{justify-content:center}.hub__side .ig__list{justify-content:center;max-width:560px}.hub__side--right{margin-top:calc(var(--sp-8) * -.5)}}@media (max-width:640px){.sync{padding:var(--sp-4);border-radius:var(--r-3)}.sync__v{font-size:1.3rem}.ig__app{height:36px;font-size:.8125rem}.ig__mono{width:26px;height:26px}}
.swall{padding-block:var(--section-y) calc(var(--section-y) * .5);position:relative}.swall__head{gap:var(--sp-5);align-items:end;margin-bottom:clamp(40px,6vw,88px);display:grid}.swall__head .h2{margin-top:var(--sp-3)}@media (min-width:900px){.swall__head{grid-template-columns:1.15fr 1fr}.swall__head .lead{justify-self:end}}.wallbox{max-width:1680px;padding-inline:var(--gutter);margin-inline:auto;container-type:inline-size}.wall{--cols:2;--gap:12px;--rows:3.15;--fw:calc((100cqw - (var(--cols) - 1) * var(--gap)) / var(--cols));grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--gap);max-height:calc(var(--fw) * 16 / 9 * var(--rows));align-items:start;display:grid;overflow:clip;-webkit-mask-image:linear-gradient(#0000 0,#000 6% 78%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 6% 78%,#0000 100%)}.wall__col{gap:var(--gap);will-change:transform;flex-direction:column;display:flex}.wall__col:first-child{margin-top:calc(var(--fw) * .18)}.wall__col:nth-child(2){margin-top:calc(var(--fw) * .62)}.wall__col:nth-child(3){margin-top:calc(var(--fw) * .08)}.wall__col:nth-child(4){margin-top:calc(var(--fw) * .74)}.wall__col:nth-child(5){margin-top:calc(var(--fw) * .34)}.wall__col:nth-child(n+3){display:none}.wall__f{border-radius:var(--st-r,18px);box-shadow:var(--st-lift);transition:transform var(--dur-3) var(--ease-out);display:block}.wall__f .st{--st-r:14px}.wall__f:focus-visible{outline:2px solid var(--c-gold);outline-offset:3px}@media (hover:hover){.wall__f:hover{transform:translateY(-6px)}}@media (min-width:700px){.wall{--cols:3;--gap:16px;--rows:2.75}.wall__col:nth-child(3){display:flex}.wall__f .st{--st-r:18px}}@media (min-width:1100px){.wall{--cols:5;--gap:20px;--rows:2.55}.wall__col:nth-child(n){display:flex}}.swall__foot{justify-content:center;align-items:center;gap:var(--sp-3) var(--sp-5);text-align:center;flex-wrap:wrap;margin-top:clamp(24px,4vw,48px);display:flex}.swall__line{color:var(--c-ink-2)}.swall__note{font-size:var(--fs-small);color:var(--c-ink-3);flex-basis:100%}.sc section{position:relative}.sc-head{gap:var(--sp-3);max-width:760px;margin-bottom:clamp(32px,5vw,64px);display:grid}.sc-head .lead{margin-top:var(--sp-2)}.sc-hero{padding-top:calc(var(--nav-h) + clamp(24px, 4vw, 56px));padding-bottom:var(--section-y)}.sc-hero__grid{align-items:center;gap:clamp(40px,6vw,72px);display:grid}.sc-hero__copy{gap:var(--sp-5);justify-items:start;display:grid}.sc-h1{letter-spacing:var(--track-head);font-size:clamp(2.8rem,1.6rem + 4.6vw,6rem);line-height:.95}.sc-hero__ctas{gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.sc-hero__viewer{justify-self:center;width:min(100%,400px)}.sc-hint{margin-top:var(--sp-2);font-size:var(--fs-small);color:var(--c-ink-3);text-align:center}@media (min-width:900px){.sc-hero__grid{grid-template-columns:1fr auto}.sc-hero__viewer{width:min(400px, calc((100svh - var(--nav-h) - 170px) * 9 / 16));min-width:300px}}.sc-styles{padding-block:var(--section-y)}.sc-pair{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sc-style{gap:var(--sp-4);align-content:start;margin:0;display:grid}.sc-style .st{box-shadow:var(--st-lift)}.sc-style__tag{font-size:var(--fs-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--c-gold);font-weight:600}.sc-style .h3{margin-top:var(--sp-1)}.sc-style__body{margin-top:var(--sp-2);max-width:40ch;color:var(--c-ink-2)}@media (max-width:559px){.sc-style__body{font-size:var(--fs-small)}}@media (min-width:900px){.sc-pair{grid-template-columns:repeat(2,minmax(0,340px));justify-content:start;gap:clamp(32px,5vw,80px)}}@media (min-width:1100px){.sc-styles .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(48px,6vw,96px);display:grid}.sc-styles .sc-head{margin-bottom:0}.sc-styles .sc-pair{gap:var(--sp-7)}}.sc-all{padding-block:var(--section-y)}.sg__filters{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.sg__chip{cursor:pointer;height:40px;transition:border-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);padding:0 16px}.sg__chip:hover{border-color:var(--c-line-2);color:var(--c-ink)}.sg__chip.is-on{background:var(--c-gold-soft);border-color:var(--c-gold-line);color:var(--c-gold)}.sg{gap:var(--sp-6) var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:700px){.sg{gap:var(--sp-7) var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.sg{gap:var(--sp-7) var(--sp-5);grid-template-columns:repeat(4,minmax(0,1fr))}}.sg__btn{border-radius:var(--st-r,18px);width:100%;box-shadow:var(--st-lift);cursor:pointer;transition:transform var(--dur-3) var(--ease-out);background:0 0;border:0;padding:0;display:block;position:relative}.sg__btn:focus-visible{outline:2px solid var(--c-gold);outline-offset:3px}.sg__play{z-index:4;background:var(--glass-fill);width:52px;height:52px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--c-ink);opacity:0;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-3) var(--ease-snappy);border-radius:50%;place-items:center;margin:-26px 0 0 -26px;display:grid;position:absolute;top:50%;left:50%;transform:scale(.9)}.sg__play .i{width:20px;height:20px;margin-left:2px}@media (hover:hover){.sg__btn:hover{transform:translateY(-6px)}.sg__btn:hover .sg__play{opacity:1;transform:scale(1)}}.sg__cap{gap:var(--sp-1);margin-top:var(--sp-3);display:grid}.sg__name{letter-spacing:var(--track-snug);font-weight:600}.sg__meta{align-items:center;gap:var(--sp-2);font-size:var(--fs-small);color:var(--c-ink-3);display:flex}.sg__tag--card{color:var(--c-gold)}.sg__modes{gap:4px;display:flex}.sg__dlg{width:min(100vw,56.25svh);max-width:100vw;max-height:100svh;color:var(--c-ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.sg__dlg::backdrop{background:var(--st-shade-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sg__in{padding:var(--sp-3);position:relative}.sg__in .sv__bar{margin-top:var(--sp-2)}.sg__x{top:calc(var(--sp-3) + 10px);right:calc(var(--sp-3) + 4px);z-index:6;background:var(--glass-fill);width:40px;height:40px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--c-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.sg__x .i{width:18px;height:18px}@media (min-width:700px){.sg__dlg{width:min(480px,56.25svh - 54px)}}.sc-how{padding-block:var(--section-y)}.sc-steps{gap:var(--sp-4);display:grid}.sc-step{gap:var(--sp-3);padding:var(--sp-6);border:1px solid var(--c-line);border-radius:var(--r-3);background:var(--c-surface);align-content:start;display:grid}.sc-step__n{font-size:var(--fs-small);color:var(--c-gold)}.sc-step p{color:var(--c-ink-2)}@media (min-width:900px){.sc-steps{gap:var(--sp-5);grid-template-columns:repeat(3,minmax(0,1fr))}}.sc-cta{padding-block:var(--section-y) calc(var(--section-y) * 1.2)}.sc-cta__in{justify-items:center;gap:var(--sp-5);text-align:center;display:grid}.sc-cta__in .lead{max-width:40ch}.sc-note{font-size:var(--fs-small);color:var(--c-ink-3)}
.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}