.similar-people{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.similar-people__row{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex}.similar-people__name{color:inherit;font-weight:600;text-decoration:none}.similar-people__name:focus-visible{text-decoration:underline}@media (hover:hover){.similar-people__name:hover{text-decoration:underline}}.similar-people__band{margin-inline-start:auto}.similar-people-panel{gap:var(--space-4);flex-direction:column;display:flex}.similar-people__filter{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.completion-strip{--completion-dot-size:1.375rem;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl,1.25rem);background:linear-gradient(135deg, oklch(from var(--color-primary) l c h / .04) 0%, transparent 100%), var(--bg-card);border:var(--border-width) dashed oklch(from var(--color-primary) l c h / .35);flex-direction:column;display:flex}.completion-strip__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.completion-strip__intro{gap:var(--space-1);flex-direction:column;display:flex}.completion-strip__dismiss.button{min-width:44px;min-height:44px;margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-2)) 0 0;flex-shrink:0}.completion-strip__text{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);max-width:56ch;margin:0}.completion-strip__steps{gap:var(--space-2);counter-reset:completion-step;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.completion-step{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex;position:relative}.completion-step+.completion-step:before{content:"";top:calc(-1 * var(--space-2));left:calc(var(--completion-dot-size) / 2);width:var(--border-width);height:var(--space-2);background:oklch(from var(--color-primary) l c h / .25);pointer-events:none;position:absolute}.completion-step__dot{width:var(--completion-dot-size);height:var(--completion-dot-size);border:var(--border-width) solid oklch(from var(--color-primary) l c h / .5);background:var(--bg-card);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--font-semibold);transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.completion-step--done .completion-step__dot{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}.completion-step__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);flex:1}.completion-step--done .completion-step__label{color:var(--text-secondary)}.completion-step__cta{flex-shrink:0}@media (width>=640px){.completion-strip{padding:var(--space-5) var(--space-6)}}@media (prefers-reduced-motion:reduce){.completion-step__dot{transition:none}}.links-editor{gap:var(--space-3);flex-direction:column;display:flex}.links-editor__list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.links-editor__row{gap:var(--space-2);border:none;grid-template-columns:1fr 2fr auto;align-items:end;min-inline-size:0;margin:0;padding:0;display:grid}.links-editor__remove.button{width:44px;height:44px;color:var(--text-muted);flex-shrink:0;margin-bottom:2px;padding:0}@media (hover:hover){.links-editor__remove.button:hover:not(:disabled){color:var(--color-error);background:color-mix(in oklch, var(--color-error) 8%, transparent)}}.profile-form{gap:var(--space-5);flex-direction:column;display:flex}.profile-form__avatar-group,.profile-form__links-group{gap:var(--space-2);flex-direction:column;display:flex}.profile-form__group-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.section-card{background-color:var(--bg-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-xl,1.25rem);padding:var(--space-5);gap:var(--space-5);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.section-card>*{z-index:1;position:relative}.section-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.section-card__heading{gap:var(--space-1);flex-direction:column;display:flex}.section-card-empty{gap:var(--space-2);flex-direction:column;display:flex}.section-card-empty__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.section-card-empty__text{max-width:var(--section-card-empty-text-max-width,none);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.section-card__edit.button{flex-shrink:0;min-width:44px;min-height:44px}@media (width>=640px){.section-card{padding:var(--space-6)}}.identity-card:before{content:"";background:radial-gradient(circle at 12% -10%, oklch(from var(--color-primary) l c h / .1) 0%, transparent 60%);pointer-events:none;z-index:0;position:absolute;inset:0}.identity-card__body{gap:var(--space-4);flex-direction:column;display:flex}.identity-card__bio{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);white-space:pre-line;overflow-wrap:anywhere;padding-left:var(--space-4);border-left:calc(2 * var(--border-width)) solid oklch(from var(--color-primary) l c h / .35);margin:0;font-style:italic}.identity-card__links{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.identity-card__link{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);overflow-wrap:anywhere;min-width:0;color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .08);border:var(--border-width) solid oklch(from var(--color-primary) l c h / .2);border-radius:var(--radius-full);transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease;text-decoration:none;display:inline-flex}@media (hover:hover){.identity-card__link:hover{background:oklch(from var(--color-primary) l c h / .15);border-color:var(--color-primary)}}.identity-card__link:focus-visible{outline:calc(2 * var(--border-width)) solid var(--color-focus);outline-offset:calc(2 * var(--border-width))}.identity-card__empty{--section-card-empty-text-max-width:48ch;padding:var(--space-3) 0}.profile-hero{--hero-tint:var(--color-primary);--hero-overlap:2.75rem;background-color:var(--bg-card);border:var(--border-width) solid oklch(from var(--color-primary) l c h / .18);box-shadow:var(--shadow-card);text-align:center;border-radius:var(--radius-xl,1.25rem);flex-direction:column;display:flex;position:relative;overflow:hidden}.profile-hero[data-fitz="1"]{--hero-tint:var(--fitz-1)}.profile-hero[data-fitz="2"]{--hero-tint:var(--fitz-2)}.profile-hero[data-fitz="3"]{--hero-tint:var(--fitz-3)}.profile-hero[data-fitz="4"]{--hero-tint:var(--fitz-4)}.profile-hero[data-fitz="5"]{--hero-tint:var(--fitz-5)}.profile-hero[data-fitz="6"]{--hero-tint:var(--fitz-6)}.profile-hero__banner{background:linear-gradient(180deg, oklch(from var(--hero-tint) calc(l + .06) c h / .55) 0%, transparent 100%), linear-gradient(120deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);isolation:isolate;width:100%;height:5.5rem;position:relative}.profile-hero__banner:before{content:"";background:radial-gradient(ellipse at 20% 110%, oklch(from var(--hero-tint) calc(l + .12) c h / .45) 0%, transparent 55%), radial-gradient(ellipse at 80% 0%, oklch(from var(--color-accent) calc(l + .1) c h / .35) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.profile-hero__banner:after{content:"";opacity:.55;pointer-events:none;background:radial-gradient(circle at 18% 32%,oklch(100% 0 0/.18) 0%,#0000 40%),radial-gradient(circle at 78% 68%,oklch(0% 0 0/.06) 0%,#0000 45%);position:absolute;inset:0}.profile-hero__banner-glow{background:radial-gradient(ellipse at center, oklch(from var(--hero-tint) calc(l + .1) c h / .3) 0%, transparent 60%);pointer-events:none;filter:blur(8px);height:80%;position:absolute;inset:auto 0 -40%}.profile-hero__content{z-index:1;align-items:center;gap:var(--space-3);padding:0 var(--space-4) var(--space-5);text-align:center;flex-direction:column;margin-top:-2.25rem;display:flex;position:relative}.profile-hero__avatar-wrapper{z-index:2;border-radius:var(--radius-full);padding:var(--space-1);background:var(--bg-card);outline:var(--border-width) solid oklch(from var(--color-primary) l c h / .2);box-shadow:var(--shadow-md);flex-shrink:0;position:relative}.profile-hero__avatar-wrapper .profile-avatar--xl{border:calc(2 * var(--border-width)) solid transparent;box-shadow:none}.profile-hero__main{align-items:center;gap:var(--space-1);min-width:0;padding-top:var(--space-1);flex-direction:column;flex:1;display:flex}.profile-hero__header{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.profile-hero__info{flex:1;min-width:0}.profile-hero__info .page-title__heading-wrapper{min-width:0}.profile-hero__info .page-title__text{white-space:normal;overflow-wrap:anywhere;min-width:0}.profile-hero__since{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0;display:inline-flex}.profile-hero__since>[aria-hidden=true]{color:oklch(from var(--color-primary) l c h / .6)}@media (width>=640px){.profile-hero{text-align:left}.profile-hero__banner{height:8rem}.profile-hero__content{padding:0 var(--space-7,var(--space-6)) var(--space-6);margin-top:calc(-1 * var(--hero-overlap));align-items:flex-end;gap:var(--space-5);text-align:left;flex-direction:row}.profile-hero__main{padding-top:var(--hero-overlap);padding-bottom:var(--space-1);align-items:flex-start;gap:0}.profile-hero__header{flex-direction:row;justify-content:space-between;align-items:flex-start}.profile-hero__since{margin-top:var(--space-2)}}.dermo-form{background:radial-gradient(ellipse at 15% 0%, oklch(from var(--color-primary) l c h / .08) 0%, transparent 60%);border:var(--border-width) solid oklch(from var(--border-default) l c h / .6);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);flex-direction:column;gap:0;display:flex}.dermo-section{gap:var(--space-3);padding:var(--space-6) 0;flex-direction:column;display:flex}.dermo-section+.dermo-section{border-top:var(--border-width) solid;border-image:linear-gradient(90deg, transparent, oklch(from var(--color-primary) l c h / .3), transparent) 1}.dermo-section__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);font-feature-settings:var(--font-features-display);margin:0}.dermo-section__desc{font-size:var(--text-sm);color:var(--text-muted);margin:0}.dermo-section__overline{margin-bottom:calc(-1 * var(--space-1))}.dermo-fitzpatrick{border-radius:var(--radius-lg);border:var(--border-width) solid oklch(from var(--border-default) l c h / .5);height:3.5rem;box-shadow:var(--shadow-sm);display:flex;overflow:hidden}.dermo-fitz-item{justify-content:center;align-items:center;gap:var(--dermo-fitz-item-gap,.125rem);cursor:pointer;transition:flex-grow var(--transition-slower) var(--ease-standard), box-shadow var(--transition-base) ease-out;padding:var(--space-2) var(--space-1);text-align:center;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1 1 0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 oklch(0% 0 0/0)}.dermo-fitz-item:first-child{--fitz-bg:var(--fitz-1);background:var(--fitz-bg)}.dermo-fitz-item:nth-child(2){--fitz-bg:var(--fitz-2);background:var(--fitz-bg)}.dermo-fitz-item:nth-child(3){--fitz-bg:var(--fitz-3);background:var(--fitz-bg)}.dermo-fitz-item:nth-child(4){--fitz-bg:var(--fitz-4);background:var(--fitz-bg)}.dermo-fitz-item:nth-child(5){--fitz-bg:var(--fitz-5);background:var(--fitz-bg)}.dermo-fitz-item:nth-child(6){--fitz-bg:var(--fitz-6);background:var(--fitz-bg)}.dermo-fitz-item--active{flex-grow:2}.dermo-fitz-item:focus-within{outline:calc(2 * var(--border-width)) solid var(--color-focus);outline-offset:calc(-2 * var(--border-width))}.dermo-fitz-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:oklch(from var(--fitz-bg) clamp(0, (l - .6) * -999, 1) 0 0);line-height:1;font-family:var(--font-display)}.dermo-fitz-desc{bottom:var(--space-2);font-size:var(--dermo-fitz-desc-size,.5625rem);color:oklch(from var(--fitz-bg) clamp(0, (l - .6) * -999, 1) 0 0 / .8);text-align:center;padding:0 var(--space-1);opacity:0;pointer-events:none;line-height:1.2;position:absolute;left:0;right:0}.dermo-fitz-item--active .dermo-fitz-desc{animation:fitz-desc-in var(--transition-slow) var(--ease-standard) 80ms both}@keyframes fitz-desc-in{0%{opacity:0;transform:translateY(3px)}to{opacity:.8;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dermo-fitz-item--active .dermo-fitz-desc{opacity:.8;animation:none}.dermo-fitz-item{transition:none}}.skin-portrait-card{container:skin-portrait/inline-size}.skin-portrait-card:before{content:"";background:radial-gradient(circle at 85% -10%, oklch(from var(--color-accent) l c h / .18) 0%, transparent 50%), radial-gradient(circle at 0% 110%, oklch(from var(--color-primary) l c h / .12) 0%, transparent 45%);pointer-events:none;z-index:0;position:absolute;inset:0}.skin-portrait-card__body{gap:var(--space-6);flex-direction:column;align-items:center;display:flex}@container skin-portrait (width>=420px){.skin-portrait-card__body{align-items:start;column-gap:var(--space-7,var(--space-6));grid-template-columns:auto minmax(0,1fr);display:grid}.skin-portrait-card__halo-wrapper{padding-block-start:var(--space-2)}.skin-portrait-card__empty{text-align:start;align-self:center;margin:0}}.skin-portrait-card__halo-wrapper{align-items:center;gap:var(--space-5);padding:var(--space-3) 0 var(--space-1);flex-direction:column;display:flex}.skin-portrait-card__halo{--_fitz:var(--fitz-3);background:radial-gradient(circle at 32% 28%, oklch(from var(--_fitz) calc(l + .1) c h) 0%, var(--_fitz) 55%, oklch(from var(--_fitz) calc(l - .06) c h) 100%);width:7.5rem;height:7.5rem;box-shadow:inset 0 1px 0 oklch(from var(--_fitz) calc(l + .18) c h / .6), inset 0 -1px 2px oklch(from var(--_fitz) calc(l - .12) c h / .45), 0 0 0 1px oklch(from var(--_fitz) calc(l - .12) c h / .35), 0 0 0 10px oklch(from var(--_fitz) l c h / .1), 0 0 0 11px oklch(from var(--_fitz) l c h / .05), 0 18px 36px oklch(from var(--_fitz) l c h / .28);isolation:isolate;border-radius:50%;place-items:center;display:grid;position:relative}.skin-portrait-card__halo:after{content:"";background:linear-gradient(to bottom, oklch(from var(--_fitz) calc(l + .2) c h / .5), transparent);filter:blur(2px);pointer-events:none;border-radius:50%;height:14%;position:absolute;inset:8% 18% auto}.skin-portrait-card__halo--empty{--_fitz:var(--bg-muted);background:radial-gradient(circle at 32% 28%, var(--bg-card) 0%, var(--bg-muted) 60%, var(--bg-sunken) 100%);box-shadow:inset 0 0 0 1px var(--border-default), 0 8px 22px oklch(0% 0 0/.05)}.skin-portrait-card__halo-numeral{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:oklch(from var(--_fitz) clamp(0, (l - .6) * -999, 1) 0 0);text-shadow:0 1px 1px oklch(from var(--_fitz) calc(l - .12) c h / .35);z-index:1;line-height:1}.skin-portrait-card__halo-placeholder{font-size:var(--text-2xl);color:var(--text-muted);opacity:.5}.skin-portrait-card__halo-caption{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;letter-spacing:var(--tracking-wide);max-width:18ch;margin:0}.skin-portrait-card__empty{text-align:center;max-width:32ch;margin:0 auto}.skin-portrait-card--editing:before{opacity:.4}@media (prefers-reduced-motion:reduce){.skin-portrait-card__halo{transition:none}}.settings-section{padding:var(--space-5);background-color:var(--bg-card);border:1px solid oklch(from var(--color-primary) l c h / .15);border-left:3px solid oklch(from var(--color-primary) l c h / .4);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:var(--space-3);flex-direction:column;display:flex}.settings-section--compact{padding:var(--space-4) var(--space-5)}.settings-section--danger{border-color:color-mix(in oklch, var(--color-error) 30%, transparent)}.settings-section__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary)}.settings-section--danger .settings-section__title{color:var(--color-error)}.settings-section__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.account-settings{gap:var(--space-6);flex-direction:column;display:flex}.account-actions{gap:var(--space-3);flex-direction:column;display:flex}.account-action-btn{justify-content:flex-start;gap:var(--space-3);width:100%;font-weight:var(--font-semibold);padding:var(--space-3) var(--space-5)}.account-action-btn:active:not(:disabled){transform:translateY(1px)}.delete-btn{color:var(--color-error);border-color:var(--color-error);opacity:.6}@media (hover:hover){.delete-btn:hover:not(:disabled){background-color:var(--color-error);color:oklch(from var(--color-error) clamp(0, (l - .6) * -999, 1) 0 0)}}.delete-confirm{gap:var(--space-3);background-color:oklch(from var(--color-error) l c h / .05);padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid oklch(from var(--color-error) l c h / .3);flex-direction:column;display:flex}.delete-confirm-text{font-size:var(--text-sm);color:var(--color-error)}.delete-confirm-actions{gap:var(--space-3);display:flex}.change-password-form{gap:var(--space-4);background-color:var(--bg-muted);padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid var(--border-default);flex-direction:column;display:flex}.form-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.form-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.show-passwords-btn{color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-base);background:0 0;border:none}@media (hover:hover){.show-passwords-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}}.form-fields{gap:var(--space-3);flex-direction:column;display:flex}.role-request-section{gap:var(--space-4);flex-direction:column;display:flex}.role-request-intro{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.role-request-form{gap:var(--space-4);flex-direction:column;display:flex}.role-request-status{gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.role-request-status-text{font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal)}.privacy-loading{color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-2) 0}.privacy-toggles{gap:var(--space-4);flex-direction:column;display:flex}.privacy-ai-section{gap:var(--space-3);flex-direction:column;display:flex}.privacy-subgroup{gap:var(--space-3);padding-left:var(--space-4);border-left:calc(2 * var(--border-width)) solid var(--border-default);flex-direction:column;display:flex}.privacy-subgroup-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted)}.privacy-section-desc{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.privacy-badge{padding:var(--privacy-badge-pad-y,1px) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-primary-light);color:var(--color-primary-deeper);border-radius:var(--radius-sm);display:inline-block}.privacy-policy-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;display:inline-flex}@media (hover:hover){.privacy-policy-link:hover{text-decoration:underline}}.pref-settings{gap:var(--space-6);flex-direction:column;display:flex}.pref-weights-list{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.pref-weights-list{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(2,1fr)}}.pref-weight-item{gap:var(--space-2);flex-direction:column;display:flex}.pref-weight-info{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.pref-weight-meta{gap:var(--pref-weight-meta-gap,2px);flex-direction:column;min-width:0;display:flex}.pref-weight-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.pref-weight-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.pref-weight-value{font-size:var(--text-xs);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;color:var(--color-primary);background:var(--bg-muted);border:1px solid var(--border-default);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-align:center;min-width:2.5rem}.pref-weight-slider{cursor:pointer;appearance:none;width:100%;height:var(--space-6);background:0 0}.pref-weight-slider:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.pref-weight-slider::-webkit-slider-runnable-track{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-full);height:6px;transition:background-color var(--transition-base), border-color var(--transition-base)}.pref-weight-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);border-radius:var(--radius-full);border:2px solid var(--bg-card);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast) var(--ease-bounce), box-shadow var(--transition-fast);margin-top:-8px}@media (hover:hover){.pref-weight-slider:hover::-webkit-slider-thumb{box-shadow:var(--shadow-md);transform:scale(1.1)}}.pref-weight-slider:active::-webkit-slider-thumb{background:var(--color-primary-hover);transform:scale(.95)}.pref-weight-slider::-moz-range-track{background:var(--bg-muted);border:1px solid var(--border-default);border-radius:var(--radius-full);height:6px}.pref-weight-slider::-moz-range-thumb{background:var(--color-primary);border-radius:var(--radius-full);border:2px solid var(--bg-card);width:20px;height:20px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast) var(--ease-bounce)}@media (hover:hover){.pref-weight-slider:hover::-moz-range-thumb{transform:scale(1.1)}}.pref-palette-swatches{gap:var(--space-4);align-items:center;display:flex}.pref-palette-swatch{align-items:center;gap:var(--space-2);cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.pref-palette-swatch__circle{border-radius:var(--radius-full);outline-offset:2px;width:28px;height:28px;transition:outline-color var(--transition-fast), transform var(--transition-fast);border:2px solid #0000;outline:2px solid #0000}.pref-palette-swatch input:checked~.pref-palette-swatch__circle{outline-color:var(--color-primary)}@media (hover:hover){.pref-palette-swatch:hover .pref-palette-swatch__circle{transform:scale(1.1)}}.pref-palette-swatch:focus-within .pref-palette-swatch__circle{outline-color:var(--color-primary)}.pref-palette-swatch__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.profile-dashboard{gap:var(--space-6);width:100%;max-width:64rem;padding:var(--space-4);box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex}@media (width>=640px){.profile-dashboard{padding:var(--space-6)}}.profile-tabs-container{margin:var(--space-4) 0 var(--space-2);padding:0}.profile-tab-content{gap:var(--space-5);animation:profile-fade-in var(--transition-slow) ease;flex-direction:column;display:flex}.profile-tab-content[hidden]{display:none}@keyframes profile-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.profile-tab-content{animation:none}}.profile-dashboard__body{gap:var(--space-5);flex-direction:column;width:100%;min-height:32rem;display:flex}.profile-tab-content__grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.profile-tab-content__cell{display:flex}.profile-tab-content__cell>*{flex:1;width:100%}@media (width>=768px){.profile-tab-content__grid{gap:var(--space-5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}