.auth{flex-direction:column;min-height:100dvh;display:flex;position:relative}.auth-wall{gap:var(--space-8);width:100%;max-width:480px;padding:calc(var(--space-12) + env(safe-area-inset-top)) var(--gutter) 0;margin-inline:auto;display:flex}.auth.is-wall-wide .auth-wall,.auth-col.is-more,.auth-tile.is-more{display:none}.auth-col{gap:var(--space-8);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.auth-tile{aspect-ratio:1;border-radius:var(--radius-photo);background:var(--plate);flex:none;overflow:hidden}.auth-tile.is-tall{aspect-ratio:4/5}.auth-tile img{object-fit:cover;width:100%;height:100%}@media (max-height:740px){.auth-tile{aspect-ratio:4/3}.auth-tile.is-tall{aspect-ratio:1}}.auth-back{top:calc(var(--space-20) + env(safe-area-inset-top));left:calc(max(0px, (100% - 480px) / 2) + var(--gutter) + var(--space-8));width:var(--control);height:var(--control);background:var(--on-photo);color:var(--on-photo-ink);box-shadow:var(--photo-shadow);transition:transform var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute}.auth-back .icon{width:var(--icon-md);height:var(--icon-md)}.auth-back:active{transform:scale(.94)}.auth-main{width:100%;max-width:480px;padding:var(--space-24) var(--gutter) calc(var(--space-24) + env(safe-area-inset-bottom));flex-direction:column;flex:1;margin-inline:auto;display:flex}.auth.is-wall-wide .auth-main{padding-top:calc(var(--space-14) + env(safe-area-inset-top))}.auth-mark{height:auto}.auth-intro{gap:var(--space-8);margin-top:var(--space-12);display:grid}.auth-title{font-size:var(--text-display);font-weight:800;line-height:var(--leading-display);letter-spacing:var(--tracking-display);-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.auth-lead{color:var(--ink-2);font-size:var(--text-body);line-height:var(--leading-body);text-wrap:pretty}.auth-lead strong{color:var(--ink);overflow-wrap:anywhere;font-weight:700}.auth-actions{gap:var(--space-12);padding-top:var(--space-32);flex-direction:column;margin-top:auto;display:flex}.invite.invite-link{margin-top:var(--space-24);scroll-snap-align:none;flex:none}.friend-link-face{width:var(--avatar-xl);height:var(--avatar-xl);margin-bottom:var(--space-8);object-fit:cover;background:var(--plate);outline:1px solid var(--avatar-edge);outline-offset:-1px;border-radius:50%}.auth-note{color:var(--ink-2);font-size:var(--text-meta-sm);line-height:var(--leading-body);text-align:center;text-wrap:balance}.auth-form{gap:var(--space-12);flex-direction:column;display:flex}.welcome .auth-form{margin-top:var(--space-24)}.auth .btn{width:100%;min-height:var(--control-xl);gap:var(--space-10);border-radius:var(--radius-row);transition:background-color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.btn-ink{background:var(--ink);color:var(--bg)}.auth .btn-ink:active:not([aria-disabled=true]){opacity:.86}.auth .btn[aria-disabled=true]{opacity:.6}.google-mark{width:var(--icon-md);height:var(--icon-md);flex:none}.auth-or{align-items:center;gap:var(--space-12);color:var(--ink-2);font-size:var(--text-meta);display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.field{padding:var(--space-10) var(--space-14);border:1px solid var(--field-edge);border-radius:var(--radius-panel);background:var(--raised);cursor:text;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);display:block;position:relative}.field:focus-within{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.field-label{color:var(--ink-2);font-size:var(--text-label);font-weight:600;line-height:var(--leading-tight);display:block}.field-input{width:100%;min-height:24px;margin-top:var(--space-2);color:var(--ink);font:inherit;font-size:var(--text-body);font-weight:500;line-height:var(--leading-body);background:0 0;border:0;padding:0;display:block}.field-input:focus{outline:none}.field-input.is-code{font-size:var(--text-section);letter-spacing:.18em;font-variant-numeric:tabular-nums;font-weight:700}.field-error{color:var(--ink);font-size:var(--text-meta);font-weight:600;line-height:var(--leading-body);text-wrap:pretty}.check-row{align-items:flex-start;gap:var(--space-12);min-height:var(--control);padding:var(--space-10) 0;font-size:var(--text-body);font-weight:600;line-height:var(--leading-body);cursor:pointer;display:flex}.check-box{border:2px solid var(--field-edge);border-radius:var(--radius-check);background:var(--raised);appearance:none;cursor:pointer;width:22px;height:22px;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out);flex:none;place-items:center;margin:0;display:grid}.check-box:after{content:"";border:solid var(--bg);width:11px;height:6px;transition:transform var(--dur-fast) var(--ease-out);border-width:0 0 2.5px 2.5px;margin-top:-3px;transform:rotate(-45deg)scale(0)}.check-box:checked{border-color:var(--ink);background:var(--ink)}.check-box:checked:after{transform:rotate(-45deg)scale(1)}.check-box:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.terms{margin:var(--space-6) 0;padding:var(--space-12) var(--space-14);border-radius:var(--radius-panel);background:var(--fill);color:var(--ink-2);font-size:var(--text-meta-sm);line-height:var(--leading-read)}.terms summary{color:var(--ink);font-size:var(--text-meta);cursor:pointer;font-weight:700}.terms ul{margin:var(--space-8) 0 0;padding-left:var(--space-20)}.terms li+li{margin-top:var(--space-6)}.auth-more{justify-content:center;align-items:center;gap:0 var(--space-8);color:var(--ink-2);font-size:var(--text-meta);flex-wrap:wrap;display:flex}.auth-more form{display:contents}@media (max-width:1023.98px) and (max-height:500px){.auth-wall{display:none}.auth-back{margin:calc(var(--space-8) + env(safe-area-inset-top)) 0 0 calc(max(0px, (100% - 480px) / 2) + var(--space-8));background:var(--fill);color:var(--ink);box-shadow:none;align-self:flex-start;position:static}.auth-back+.auth-main{padding-top:var(--space-8)}}@media (min-width:1024px){body:has(.auth){padding-left:0}.auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.auth-wall,.auth.is-wall-wide .auth-wall{top:var(--space-12);max-width:none;height:calc(100dvh - var(--space-24));margin:var(--space-12) var(--space-12) var(--space-12) 0;grid-area:1/2;align-self:start;padding:0;display:flex;position:sticky}.auth-col.is-more{display:flex}.auth-tile,.auth-tile.is-more{aspect-ratio:auto;flex:3 1 0;min-height:0;display:block}.auth-tile.is-tall{flex-grow:4}.auth-main,.auth.is-wall-wide .auth-main{max-width:calc(400px + 2 * var(--gutter));padding:var(--space-48) var(--gutter);grid-area:1/1;justify-content:center}.auth-actions{margin-top:0}.auth-back{top:var(--space-20);left:var(--space-20);background:var(--fill);color:var(--ink);box-shadow:none}}
.tally{font-variant-numeric:tabular-nums;display:inline-block}.tally.is-up{animation:roll-up var(--dur-base) var(--ease-out)}.tally.is-down{animation:roll-down var(--dur-base) var(--ease-out)}.tab-panel.is-switched{animation:fade-in var(--dur-base) var(--ease-out)}@keyframes pop-in{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes land{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes flash-ring{0%,40%{box-shadow:0 0 0 3px var(--pink)}to{box-shadow:0 0 0 3px #0000}}@keyframes snack-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade-in{0%{opacity:0}}@keyframes skeleton-pulse{50%{opacity:.55}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}}@keyframes thread-in{0%{opacity:0;transform:translate(28px)}}@keyframes cover-in{0%{opacity:0;filter:blur(6px)}}@keyframes roll-up{0%{opacity:0;transform:translateY(.45em)}}@keyframes roll-down{0%{opacity:0;transform:translateY(-.45em)}}@keyframes fold-in{0%{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){@keyframes pop-in{0%{opacity:0}}@keyframes land{0%{opacity:0}}@keyframes snack-in{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0}}@keyframes msg-in{0%{opacity:0}}@keyframes thread-in{0%{opacity:0}}@keyframes roll-up{0%{opacity:0}}@keyframes roll-down{0%{opacity:0}}@keyframes fold-in{0%{opacity:0}}html .skeleton{animation:none}html .invite.is-leaving,html .agenda-invite.is-leaving,html .request.is-leaving,html .chat-dot.is-leaving,html .nav-dot.is-leaving{transform:none}html .sheet{transition:opacity var(--dur-base) var(--ease-out)}html .sheet-scrim.is-closing .sheet{opacity:0;transform:none}}
@media (hover:hover) and (pointer:fine){.btn-primary:hover:not([aria-disabled=true]),.join-btn:hover:not([aria-disabled=true]){background:var(--pink-hover)}.btn-quiet:hover:not([aria-disabled=true]),.head-pill:hover,.cinv-later:hover:not([aria-disabled=true]),.search-clear:hover,.icon-btn:hover{background:var(--fill-hover)}.icon-btn:hover,.like-btn:hover{background:var(--fill)}.see-all:hover,.cat:hover{color:var(--ink)}.cat:hover:not([aria-selected=true]):after{background:var(--line-strong)}.chip:hover:not([aria-checked=true]):not([aria-pressed=true]):not(:disabled){border-color:var(--ink)}.plan-row:hover .plan-title,.circle-row:hover .circle-name,.cl-row:hover .cl-name,.cp-block:hover .cl-name,.members-btn:hover .members-line,.thread-id:hover .thread-name,.note:hover .note-thing,.friend:not(.is-soon):hover .friend-name,a.settings-row:hover .settings-label,button.settings-row:hover:not([aria-disabled=true]) .settings-name,.friend-row:hover .friend-row-name,.join-group:hover .join-group-names,.join-event-head a:hover{text-underline-offset:3px;text-decoration:underline}.person-invite:hover{background:var(--fill-hover)}.stat:hover .stat-label{color:var(--ink)}.friend:hover .friend-photo,.tile:hover .tile-photo>img,.cp-block:hover .cp-photo>img,.invite:hover .invite-photo>img{filter:brightness(1.04)}.save-btn:hover .icon{transform:scale(1.06)}.nav-item:hover:not([aria-current]){color:var(--ink)}.week-day:not(.is-today) .week-day-open:not(:disabled):hover .week-day-num{background:var(--fill)}.week-day.is-selected:not(.is-today) .week-day-open:hover .week-day-num{background:var(--fill-hover)}.week-tray-item:hover .week-tray-title{text-underline-offset:3px;text-decoration:underline}.rail-arrow:hover:not(:disabled){border-color:var(--ink);box-shadow:var(--shadow-pop)}.auth .btn-ink:hover:not([aria-disabled=true]){opacity:.88}}@media (hover:hover) and (pointer:fine) and (min-width:1024px){.auth-back:hover{background:var(--fill-hover)}}@media (hover:hover) and (pointer:fine) and (min-width:768px){.rail-arrows{margin-block:0;display:flex}.section-head:has(.rail-arrows){margin-bottom:var(--space-16)}.week{align-items:center;gap:var(--space-8);margin-inline:calc(-32px - var(--space-8));display:flex}.week-arrow{display:grid}.week .week-strip{flex:1;min-width:0}}
@media (min-width:768px){.sheet-scrim{padding:var(--space-24);align-items:center}.sheet{max-height:88dvh;padding-bottom:var(--space-24);border-radius:var(--radius-card);animation:dialog-in var(--dur-base) var(--ease-out)}.is-closing .sheet{transform:translateY(12px)scale(.98)}.sheet-grip{visibility:hidden}.detail-actions{bottom:-24px}.note-actions{max-width:264px}.event-list,.fcard-list{gap:var(--space-24) var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.invite-rail,.card-rail{gap:var(--gutter);scroll-snap-type:x mandatory}.invite-rail{margin-inline:calc(var(--gutter) * -1);padding-inline:calc(var(--gutter) * 2);scroll-padding-inline:calc(var(--gutter) * 2);-webkit-mask-image:linear-gradient(to right, transparent var(--gutter), #000 calc(var(--gutter) * 2), #000 calc(100% - var(--gutter) * 2), transparent calc(100% - var(--gutter)));mask-image:linear-gradient(to right, transparent var(--gutter), #000 calc(var(--gutter) * 2), #000 calc(100% - var(--gutter) * 2), transparent calc(100% - var(--gutter)))}.invite{flex-basis:calc((100% - var(--gutter)) / 2)}.invite-rail.is-list{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card-rail>.tile{flex-basis:calc((100% - var(--gutter)) / 2)}.friend-grid{column-gap:var(--space-8);padding:0 calc(var(--gutter) - (100% - 2 * var(--gutter) - 5 * var(--space-8) - 6 * var(--avatar-xl)) / 12);grid-template-columns:repeat(6,minmax(0,1fr))}.friend-meta{font-size:var(--text-caption)}}@media (min-width:700px){.circle-hero{width:auto;margin:var(--space-16) var(--gutter) 0;border-radius:var(--radius-photo);max-height:60dvh}.hero-back{top:var(--space-12);left:var(--space-12)}}@media (min-width:1024px){.circle-hero{margin-top:0}body{padding-left:var(--rail-w)}.app{max-width:680px;padding-top:var(--space-20);padding-bottom:64px}.topbar{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav{gap:var(--space-4);width:var(--rail-w);height:auto;padding:var(--space-32) var(--space-12);border-top:0;border-right:1px solid var(--line);flex-direction:column;display:flex;top:0;right:auto}.nav-brand{margin-bottom:var(--space-24);padding:0 var(--space-12);color:var(--pink);font-size:var(--text-wordmark);letter-spacing:-.04em;font-weight:900;line-height:1;text-decoration:none;display:block;position:relative}.nav-brand:before{content:"";position:absolute;inset:-6px 0}.nav-item{justify-content:flex-start;gap:var(--space-14);height:52px;padding:0 var(--space-12);border-radius:var(--radius-row);font-size:var(--text-body)}.nav-item .icon{width:var(--icon-lg);height:var(--icon-lg)}.nav-create,.nav-profile{display:flex}.me-btn{display:none}.nav-create-tile{border-radius:var(--radius-pill-tag);width:30px;height:26px}.nav-create-tile .icon{width:var(--icon-sm);height:var(--icon-sm)}.nav-label{clip:auto;width:auto;height:auto;position:static;overflow:visible}.sheet-scrim{padding-left:calc(var(--rail-w) + var(--space-24))}.snackbar{bottom:var(--space-24);left:calc(50% + var(--rail-w) / 2)}}@media (min-width:1024px) and (hover:hover) and (pointer:fine){.nav-item:hover{background:var(--fill)}}

