@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)}}

