@layer components{.friends-header_wrap{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.friends-header_intro{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.friends-header_lead{color:var(--text-2)}.friend-orbit_wrap{aspect-ratio:1;width:min(100%,28.75rem);margin-inline:auto;position:relative;container-type:inline-size}.friend-orbit_glow{border:var(--border-width-medium) solid var(--border-subtle);border-radius:var(--radius-round);background:radial-gradient(circle, color-mix(in srgb, var(--colors-vivid-yellow) 32%, transparent), transparent 66%);position:absolute;inset:2%}.friend-orbit_ring{border:var(--border-width-thick) dashed var(--border);border-radius:var(--radius-round);animation:80s linear infinite friend-orbit-spin;position:absolute;inset:16%}.friend-orbit_you{align-items:center;gap:var(--space-1);flex-direction:column;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.friend-orbit_you_avatar{--_size:max(20cqw, 3.5rem);box-shadow:0 .3125rem 0 var(--border-strong);font-family:var(--secondary-family);font-weight:var(--secondary-bold)}.friend-orbit_label{font-size:max(3.2cqw,.8125rem);font-weight:var(--primary-bold);display:block}.friend-orbit_label.muted{color:var(--text-2)}.friend-orbit_slot{flex-direction:column;align-items:center;width:max(22cqw,4rem);display:flex;position:absolute;inset-block-start:calc(50% + 34% * sin(var(--_deg)));inset-inline-start:calc(50% + 34% * cos(var(--_deg)));translate:-50% -50%}.friend-orbit_slot [hidden]{display:none}.friend-orbit_member,.friend-orbit_add{align-items:center;gap:var(--space-1);color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;text-decoration:none;display:flex}.friend-orbit_float{animation:friend-orbit-float calc(5.2s + (var(--_i) * .35s)) ease-in-out infinite;animation-delay:calc(var(--_i) * -.9s);display:block}.friend-orbit_avatar{--_size:max(16cqw, 3rem);box-shadow:0 .25rem 0 var(--border-strong);font-family:var(--secondary-family);font-weight:var(--secondary-bold);position:relative}.friend-orbit_status{aspect-ratio:1;border:var(--border-width-thick) solid var(--border-strong);border-radius:var(--radius-round);background-color:var(--status-busy);width:max(3.8cqw,.875rem);position:absolute;inset-block-end:calc(var(--space-0) * -.5);inset-inline-end:calc(var(--space-0) * -.5)}.friend-orbit_status[data-tone=free]{--_ping:color-mix(in srgb, var(--status-free) 55%, transparent);background-color:var(--status-free);animation:2.2s ease-out infinite friend-orbit-ping}.friend-orbit_status[data-tone=maybe]{background-color:var(--status-maybe)}.friend-orbit_status[data-tone=away]{background-color:var(--status-away)}.friend-orbit_add_circle{aspect-ratio:1;border:var(--border-width-thick) dashed var(--border-strong);border-radius:var(--radius-round);background-color:color-mix(in srgb, var(--background-3) 75%, transparent);justify-content:center;align-items:center;width:max(16cqw,3rem);display:inline-flex}.friend-orbit_dot{aspect-ratio:1;border:var(--border-width-thick) dashed var(--border);border-radius:var(--radius-round);width:max(6cqw,1.375rem)}@keyframes friend-orbit-spin{to{rotate:360deg}}@keyframes friend-orbit-float{0%,to{translate:0}50%{translate:0 -.3125rem}}@keyframes friend-orbit-ping{0%{box-shadow:0 0 0 0 var(--_ping)}80%,to{box-shadow:0 0 0 .5rem #0000}}.friend-group_wrap{gap:var(--space-3);flex-direction:column;min-width:0;display:flex;container-type:inline-size}.friend-group_wrap [hidden]{display:none}.friend-group_intro{gap:var(--space-2);flex-direction:column;display:flex}.friend-group_title{font-weight:var(--secondary-bold)}.friend-group_hint{color:var(--text-2)}.friend-group_empty{padding:var(--space-4);border:var(--border-width-medium) dashed var(--border);border-radius:var(--radius-large);background-color:var(--background-3);color:var(--text-2)}.friend-group_pulse{gap:var(--space-3);flex-direction:column;display:flex}.friend-group_pulse_head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.friend-group_pulse_title{font-weight:var(--secondary-bold)}.friend-group_nav{align-items:center;gap:var(--space-1);display:flex}.friend-group_nav button:disabled{opacity:.35;cursor:not-allowed}.friend-group_back{display:inline-flex;rotate:180deg}.friend-group_week{text-align:center;min-width:6.5rem;font-weight:var(--primary-bold)}.friend-group_best{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width-medium) solid var(--border-strong);border-radius:var(--radius-large);background-color:var(--background-muted);flex-wrap:wrap;display:flex}.friend-group_best[data-state=all]{background-color:var(--status-free);color:var(--colors-on-vivid)}.friend-group_best[data-state=some]{background-color:var(--colors-vivid-yellow);color:var(--colors-on-vivid)}.friend-group_best_text{gap:var(--space-1);flex-direction:column;flex:9rem;min-width:0;display:flex}.friend-group_best_title{font-weight:var(--secondary-bold)}.friend-group_heat{gap:var(--space-1);padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-large);background-color:var(--background-3);grid-template-columns:max-content repeat(7,minmax(0,1fr));align-items:center;display:grid}.friend-group_day{font-size:var(--text-tiny);font-weight:var(--primary-bold);color:var(--text-2);text-align:center}.friend-group_day.today{color:var(--text)}.friend-group_who{align-items:center;gap:var(--space-2);padding-inline-end:var(--space-1);display:flex}.friend-group_who .avatar_wrap{--_size:var(--avatar-small)}.friend-group_who_name{font-weight:var(--primary-bold)}@container (width<25rem){.friend-group_who .friend-group_who_name{display:none}}.friend-group_cell{height:var(--space-6);border:var(--border-width-medium) dashed var(--border);border-radius:var(--radius-small);background-color:var(--background);display:block}.friend-group_cell.blank{background:0 0;border:0}.friend-group_cell[data-free=true]{border:var(--border-width-thick) solid var(--border-strong);background-color:var(--status-free)}.friend-group_cell.today{outline:var(--border-width-thick) solid var(--border-strong);outline-offset:var(--border-width-thick)}.friend-group_count{height:var(--space-6);border:var(--border-width-medium) dashed var(--border);border-radius:var(--radius-small);background-color:var(--background);color:var(--colors-on-vivid);font-weight:var(--primary-bold);justify-content:center;align-items:center;display:flex}.friend-group_count[data-level=some]{border:var(--border-width-thick) solid var(--border-strong);background-color:var(--colors-vivid-yellow)}.friend-group_count[data-level=all]{border:var(--border-width-thick) solid var(--border-strong);background-color:var(--status-free)}.friend-group_count.best{box-shadow:var(--shadow-offset-small)}.friend-group_notice{padding:var(--space-3) var(--space-3);border:var(--border-width-medium) dashed var(--border-strong);border-radius:var(--radius-main);background-color:var(--colors-vivid-yellow);color:var(--colors-on-vivid);font-weight:var(--primary-bold)}.friend-group_foot{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.friend-group_foot>.action-button_wrap{flex:12.5rem}.friend-group_free{color:var(--text-2)}.friend-circle_wrap{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-width-large)), 1fr));gap:var(--space-5);padding:var(--space-5);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-xlarge);background-color:var(--background-3);background-image:radial-gradient(var(--border-subtle) .09375rem, transparent .09375rem);background-size:1.375rem 1.375rem;align-items:center;display:grid}.friend-add_wrap{gap:var(--space-3);flex-direction:column;display:flex}.friend-add_title{font-weight:var(--secondary-bold)}.friend-add_row{align-items:center;gap:var(--space-2);display:flex}.friend-add_link{min-width:0;padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-main);background-color:var(--background-3);font-weight:var(--primary-bold);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.friend-requests_wrap{gap:var(--space-3);flex-direction:column;display:flex}.friend-requests_title{font-weight:var(--secondary-bold)}.friend-requests_list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.friend-requests_item{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.friend-requests_item[hidden]{display:none}.friend-requests_text{gap:var(--space-1);flex-direction:column;flex:7.5rem;min-width:0;display:flex}.friend-requests_name{font-weight:var(--primary-bold)}.friend-requests_note{color:var(--text-2)}.friend-requests_buttons{gap:var(--space-2);display:flex}.friend-requests_clear{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-main);background-color:var(--status-free-background);font-weight:var(--primary-bold);display:flex}.friend-requests_clear[hidden]{display:none}.friend-list_wrap{gap:var(--space-4);flex-direction:column;scroll-margin-block-start:var(--space-4);display:flex}.friend-list_wrap [hidden]{display:none}.friend-list_head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.friend-list_title{font-weight:var(--secondary-bold)}.friend-list_search{flex:15rem;max-width:22.5rem;position:relative}.friend-list_label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.friend-list_search_icon{pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:var(--space-4);translate:0 -50%}.friend-list_input{width:100%;min-height:var(--control-height-main);padding-inline:calc(var(--space-4) + var(--icon-small) + var(--space-2)) var(--space-4);border:var(--border-width-medium) solid var(--border);border-radius:var(--radius-round);background-color:var(--background-3)}.friend-list_filters{gap:var(--space-1);flex-wrap:wrap;display:flex}.friend-list_count{min-width:var(--space-5);height:var(--space-5);padding-inline:var(--space-1);border-radius:var(--radius-round);background-color:var(--background);color:var(--text);font-size:var(--text-tiny);justify-content:center;align-items:center;line-height:1;display:inline-flex}.pill_wrap[aria-pressed=true] .friend-list_count{background-color:var(--colors-vivid-yellow);color:var(--colors-on-vivid)}.friend-list_grid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--card-width-main)), 1fr));gap:var(--space-4);align-items:stretch;display:grid}.friend-list_empty{padding:var(--space-5) var(--space-4);border:var(--border-width-medium) dashed var(--border);border-radius:var(--radius-large);color:var(--text-2);text-align:center}.friend-card_wrap{height:100%}.friend-card_wrap.in-circle{border:var(--border-width-thick) solid var(--border-strong)}.friend-card_body{gap:var(--space-3);flex-direction:column;flex:1;height:100%;display:flex}.friend-card_top{align-items:flex-start;gap:var(--space-3);display:flex}.friend-card_avatar{--_size:var(--avatar-large);box-shadow:var(--shadow-offset-small);font-family:var(--secondary-family);font-weight:var(--secondary-bold);position:relative}.friend-card_status{width:var(--space-4);aspect-ratio:1;border:var(--border-width-thick) solid var(--border-strong);border-radius:var(--radius-round);background-color:var(--status-busy);position:absolute;inset-block-end:calc(var(--space-0) * -1);inset-inline-end:calc(var(--space-0) * -1)}.friend-card_status[data-tone=free]{background-color:var(--status-free)}.friend-card_status[data-tone=maybe]{background-color:var(--status-maybe)}.friend-card_status[data-tone=away]{background-color:var(--status-away)}.friend-card_who{align-items:flex-start;gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.friend-card_name{font-weight:var(--secondary-bold);overflow-wrap:anywhere}.friend-card_tags,.friend-card_chips{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.friend-card_edit{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-large);background-color:var(--background);flex-direction:column;display:flex}.friend-card_form{gap:var(--space-2);width:100%;display:flex}.friend-card_form input{flex:1;min-width:0}.friend-card_week{gap:var(--space-1);flex-direction:column;display:flex}.friend-card_week_head{justify-content:space-between;gap:var(--space-2);color:var(--text-2);font-weight:var(--primary-bold);display:flex}.friend-card_days{gap:var(--space-0);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.friend-card_letter{letter-spacing:0;display:block}.friend-card_day{min-width:0;height:var(--space-6);border:var(--border-width) dashed var(--border);background-color:var(--background);color:var(--text-2);border-radius:.375rem;justify-content:center;align-items:center;display:flex}.friend-card_day[data-free=true]{border:var(--border-width-medium) solid var(--border-strong);background-color:var(--status-free);color:var(--colors-on-vivid)}.friend-card_day.today{outline:var(--border-width-medium) solid var(--border-strong);outline-offset:var(--border-width)}.friend-card_next{margin-block-start:auto}.friend-card_actions{align-items:center;gap:var(--space-2);display:flex}.friend-card_group{flex:1;min-width:0}.friend-card_plan,.friend-card_fav{--_size:var(--control-height-main)}.friend-card_plan{border-color:var(--border);background-color:var(--text);color:var(--background)}.friend-card_fav[aria-pressed=true]{border:var(--border-width-thick) solid var(--border-strong);background-color:var(--colors-secondary-pink);color:var(--text)}.friend-card_fav[aria-pressed=true] svg{fill:var(--colors-vivid-pink)}.friends-page_pair{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--card-width-large)), 1fr));gap:var(--space-4);align-items:start;display:grid}}