@layer components{.account-profile_wrap{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.account-profile_header{gap:var(--space-4);flex-direction:column;display:flex}.account-profile_lead,.account-profile_hint{color:var(--text-2)}.account-profile_live{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.account-profile_avatar{--_color:var(--colors-vivid-green);--_on:var(--colors-on-vivid);width:calc(var(--avatar-xlarge) + var(--space-1));aspect-ratio:1;border:var(--border-width-thick) solid var(--border-strong);border-radius:var(--radius-round);background-color:var(--_color);box-shadow:var(--shadow-offset-small);color:var(--_on);font-family:var(--secondary-family);font-size:var(--h4);font-weight:var(--secondary-bold);transition:background-color var(--move-duration) var(--ease-out);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.account-profile_who{flex:1 1 var(--card-width-small);gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.account-profile_name{font-weight:var(--secondary-bold);overflow-wrap:anywhere}.account-profile_tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.account-profile_note{font-weight:var(--primary-bold)}.account-profile_section{gap:var(--space-5);flex-direction:column;display:flex}.account-profile_heading{font-weight:var(--secondary-bold)}.account-profile_split{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.account-profile_group{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.account-profile_label{font-weight:var(--primary-bold)}.account-profile_row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.account-profile_dot{width:var(--icon-small);aspect-ratio:1;border:var(--border-width-thick) solid var(--border-strong);border-radius:var(--radius-round);background-color:var(--_dot);flex:none}.account-profile_setting{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--border-subtle);border-radius:var(--radius-main);background-color:var(--background);flex-direction:column;display:flex}.account-profile_bar{z-index:5;align-items:center;gap:var(--space-2) 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(--text);color:var(--background);animation:account-profile-up var(--move-duration) var(--ease-out) backwards;flex-wrap:wrap;display:flex;position:sticky;inset-block-end:var(--space-4)}.account-profile_bar.saved{background-color:var(--status-free);color:var(--colors-on-vivid)}.account-profile_bar[hidden]{display:none}@media not (min-width:48rem){.account-profile_bar{inset-block-end:calc(5.5rem + env(safe-area-inset-bottom))}}.account-profile_bar_text{flex:1 1 var(--card-width-small);font-weight:var(--primary-bold)}.account-profile_bar_actions{gap:var(--space-2);display:flex}.account-profile_bar_actions[hidden]{display:none}@keyframes account-profile-up{0%{opacity:0;translate:0 var(--space-3)}to{opacity:1;translate:0}}.password-card_wrap{gap:var(--space-4);flex-direction:column;display:flex}.password-card_title{font-weight:var(--secondary-bold)}.password-card_new{gap:var(--space-3);flex-direction:column;display:flex}.password-card_meter{gap:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.password-card_bar{height:var(--space-1);border-radius:var(--radius-round);background-color:var(--border-subtle);transition:background-color var(--move-duration) var(--ease-out)}.password-card_bar.level-1{background-color:var(--colors-vivid-red)}.password-card_bar.level-2{background-color:var(--colors-vivid-yellow)}.password-card_bar.level-3{background-color:var(--colors-vivid-green)}.password-card_strength{color:var(--text-2);font-weight:var(--primary-bold)}.password-card_rules{gap:var(--space-2);flex-direction:column;display:flex}.password-card_rule{align-items:center;gap:var(--space-2);display:flex}.password-card_dot{width:var(--icon-main);aspect-ratio:1;border:var(--border-width-thick) solid var(--border-strong);border-radius:var(--radius-round);background-color:var(--background-3);color:#0000;font-size:var(--text-tiny);transition:background-color var(--hover-duration) var(--hover-ease);flex:none;justify-content:center;align-items:center;display:inline-flex}.password-card_rule.ok .password-card_dot{background-color:var(--status-free);color:var(--colors-on-vivid)}.password-card_actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.password-card_status{padding:var(--space-3) var(--space-4);border-radius:var(--radius-main);background-color:var(--status-free-background);font-weight:var(--primary-bold);animation:password-card-pop var(--reveal-duration) var(--ease-spring-soft) backwards}.password-card_status.error{background-color:var(--colors-secondary-red)}.password-card_status[hidden]{display:none}@keyframes password-card-pop{0%{opacity:.2;scale:.9}to{opacity:1;scale:1}}.delete-account_wrap{align-items:flex-start;gap:var(--space-4);flex-direction:column;display:flex}.delete-account_title{font-weight:var(--secondary-bold)}.delete-account_text{max-width:36rem}.delete-account_open[hidden]{display:none}.delete-account_dialog{gap:var(--space-4);width:100%;padding:var(--space-4);border:var(--border-width-medium) solid var(--border-strong);border-radius:var(--radius-large);background-color:var(--background-3);animation:delete-account-pop var(--reveal-duration) var(--ease-spring-soft) backwards;flex-direction:column;display:flex}.delete-account_dialog[hidden]{display:none}.delete-account_question{font-weight:var(--secondary-bold)}.delete-account_actions{gap:var(--space-2);flex-wrap:wrap;display:flex}@keyframes delete-account-pop{0%{opacity:.2;scale:.9}to{opacity:1;scale:1}}}