@layer components{.account-page{padding:56px 0 32px}.account-page--form{max-width:540px;margin:0 auto}.account-heading{text-align:center;padding-bottom:28px}.account-heading h1{letter-spacing:-.045em;font-size:clamp(38px,5vw,54px)}.account-heading p{max-width:44ch;color:var(--muted);margin:14px auto 0;font-size:17px;line-height:1.6}.account-form-card{border:1px solid var(--line);border-radius:var(--ui-radius-panel);background:var(--surface-raised);padding:32px;box-shadow:0 1px 2px #241c140a,0 16px 40px #241c140f}.account-service-note{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin:24px 0 0;padding-top:18px;font-size:13px;line-height:1.5}.account-form{gap:18px;display:grid}.account-payment-fields{border:1px solid var(--line);border-radius:var(--ui-radius);gap:10px;min-width:0;margin:0;padding:16px;display:grid}.account-payment-fields legend{padding:0 6px;font-weight:600}.account-field{gap:7px;min-width:0;display:grid}.account-field label{font-size:15px;font-weight:600}.account-field :is(input,select){border:1px solid var(--muted);border-radius:var(--ui-radius);background:var(--paper);width:100%;min-height:48px;color:var(--ink);font:16px/1.4 var(--sans);padding:10px 13px;transition:border-color .16s ease-out,box-shadow .16s ease-out}.account-field :is(input,select):hover{border-color:var(--ink)}.account-field :is(input,select):focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px;border-color:var(--ink)}.account-field small{color:var(--muted);line-height:1.5}.account-check{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;line-height:1.55;display:grid}.account-check input{width:20px;height:20px;accent-color:var(--accent-ink);margin-top:2px}.account-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.account-actions a{color:var(--link-ink);align-items:center;min-height:44px;display:inline-flex}.account-form-card .account-actions .control-button--primary{flex:100%;min-height:48px}.account-message{border-inline-start:4px solid var(--accent-ink);background:var(--surface-soft);border-radius:8px;margin-bottom:18px;padding:12px 16px;line-height:1.55}.account-message[role=alert]{border-inline-start-color:var(--ink)}.account-message:focus{outline:none}.account-followup{color:var(--muted);text-align:center;margin-top:22px}.account-followup+.account-followup{margin-top:8px}.account-followup a{color:var(--link-ink);white-space:nowrap}.account-privacy-note{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.account-privacy-note a{color:var(--link-ink)}.account-page--app{max-width:1120px;padding-top:40px}.account-hero{border:1px solid var(--line);border-radius:calc(var(--ui-radius-panel) + 4px);background:linear-gradient(135deg,var(--surface-soft),var(--surface-raised) 70%);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 28px;padding:32px;display:grid}.account-avatar--hero{grid-row:1/span 2}.account-hero-copy{min-width:0}.account-hero-kicker{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.account-hero h1{letter-spacing:-.045em;overflow-wrap:anywhere;margin:6px 0 8px;font-size:clamp(36px,4.6vw,56px)}.account-hero-meta{color:var(--muted);flex-wrap:wrap;gap:2px 0;font-size:15px;line-height:1.6;display:flex}.account-hero-meta span{overflow-wrap:anywhere}.account-hero-meta span+span:before{content:"·";color:var(--line);margin:0 10px}.account-hero-badges{flex-wrap:wrap;grid-column:2;gap:8px;margin:0;padding:0;list-style:none;display:flex}.account-status{background:var(--surface-soft);min-width:0;max-width:100%;color:var(--muted);font:600 12px/1.4 var(--sans);white-space:normal;overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.account-status .icon{width:14px;height:14px}.account-status--small{padding:2px 8px;font-size:11px}.account-status--positive{background:var(--accent-soft);color:var(--link-ink)}.account-status--member{background:var(--surface-inverse);color:var(--paper)}.account-status--member .icon{color:var(--inverse-accent)}.account-status--attention{box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);background:0 0}.account-notices{gap:10px;margin-top:20px;display:grid}.account-notices:not(:has(>:not([hidden]))){display:none}.account-notice{background:var(--surface-soft);color:var(--ink);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:15px;line-height:1.55;display:flex}.account-notice .icon{color:var(--accent-ink);margin-top:3px}.account-notice--success{background:var(--accent-soft)}.account-notice--success .icon{color:var(--link-ink)}.account-notice--error{background:var(--paper);box-shadow:inset 4px 0 0 var(--ink),inset 0 0 0 1px var(--line)}.account-notice--error .icon{color:var(--ink)}.account-notice:focus{outline:none}.account-notice[hidden]{display:none}.account-shell{padding-top:32px}.account-sections{gap:24px;min-width:0;max-width:780px;display:grid}.account-card{border:1px solid var(--line);border-radius:var(--ui-radius-panel);background:var(--surface-raised);min-width:0;padding:28px;scroll-margin-top:24px;box-shadow:0 1px 2px #241c140a}.account-card>*+*{margin-top:18px}.account-card-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.account-card-icon{background:var(--surface-soft);width:44px;height:44px;color:var(--accent-ink);border-radius:12px;place-items:center;display:grid}.account-card-title{min-width:0}.account-card-title .eyebrow{color:var(--muted)}.account-card-title h2{font:400 clamp(24px,2.4vw,28px)/1.2 var(--serif);letter-spacing:-.025em}.account-card-title p:not(.eyebrow){color:var(--muted);margin-top:6px;font-size:15px;line-height:1.55}.account-card-header>.account-status{margin-top:6px}.account-callout{border-radius:var(--ui-radius-panel);background:var(--surface-inverse);color:var(--paper);grid-template-columns:auto minmax(0,1fr);gap:16px;padding:26px 28px;display:grid}.account-callout-icon{background:color-mix(in srgb,var(--paper) 12%,transparent);width:44px;height:44px;color:var(--inverse-accent);border-radius:12px;place-items:center;display:grid}.account-callout h2{font:400 26px/1.2 var(--serif);letter-spacing:-.025em}.account-callout p{color:var(--inverse-muted);margin-top:8px;line-height:1.6}.account-callout strong{color:var(--paper);overflow-wrap:anywhere}.account-callout form{margin-top:18px}.account-callout .account-notice{color:var(--ink);margin-top:14px}.account-callout-note{font-size:15px}.account-callout :focus-visible{outline-color:var(--inverse-accent)}.account-membership{border-top:4px solid var(--accent-ink)}.account-membership--attention{border-top-color:var(--ink)}.account-membership-body{background:var(--surface-soft);border-radius:10px;padding:18px 20px}.account-membership-status{color:var(--ink);font-weight:600;line-height:1.55}.account-membership-description{max-width:60ch;color:var(--muted);margin-top:6px;line-height:1.65}.account-membership .membership-benefits{margin-block:22px 0}.account-membership-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.account-membership-actions form{display:flex}.account-membership-existing{border-top:1px solid var(--line);padding-top:20px}.account-membership-existing p{max-width:56ch;color:var(--muted);margin-bottom:14px;line-height:1.6}.account-setting{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px 18px;padding-top:18px;display:flex}.account-setting-icon{background:var(--surface-soft);width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.account-setting-copy{flex:280px;min-width:0}.account-setting-label{color:var(--ink);font-weight:600;line-height:1.5}.account-setting-help{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.6}.account-setting form{display:flex}.account-details{margin:0;display:grid}.account-details>div{border-top:1px solid var(--line);grid-template-columns:170px minmax(0,1fr);gap:12px;padding:14px 0;display:grid}.account-details dt{color:var(--muted);font-size:15px}.account-details dd{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0;margin:0;display:flex}.account-detail-value{overflow-wrap:anywhere;min-width:0}.account-edit{border-top:1px solid var(--line)}.account-edit>summary{color:var(--link-ink);font:600 14px/1.5 var(--sans);padding:10px 0}.account-edit>summary:hover{color:var(--ink)}.account-edit-summary{align-items:center;gap:10px;display:inline-flex}.account-edit-form{max-width:440px;padding:6px 0 10px}.account-sessions{border-top:1px solid var(--line);padding-top:18px}.account-sessions h3{font:600 15px/1.5 var(--sans);margin-bottom:12px}.account-session-list{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.account-session{border:1px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;gap:14px;padding:12px 14px;display:flex}.account-session-icon{background:var(--surface-soft);width:40px;height:40px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:grid}.account-session-copy{min-width:0}.account-session-label{flex-wrap:wrap;align-items:center;gap:4px 10px;font-weight:600;line-height:1.5;display:flex}.account-session-meta{color:var(--muted);font-size:13px;line-height:1.5}.account-sessions>.account-setting-help{margin:0 0 14px}.account-signout{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;padding-top:18px;display:flex}.account-signout .account-setting-help{flex:260px;margin:0}@media (width<=960px){.account-shell{padding-top:20px}.account-sections{max-width:none}}@media (width<=640px){.account-page{padding-top:32px}.account-form-card{padding:22px 18px}.account-heading p{font-size:16px}.account-hero{grid-template-columns:minmax(0,1fr);padding:24px 20px}.account-avatar--hero{grid-row:auto}.account-hero-badges{grid-column:1}.account-hero-meta{flex-direction:column}.account-hero-meta span+span:before{content:none}.account-card{padding:22px 18px}.account-card-header{grid-template-columns:auto minmax(0,1fr)}.account-card-header>.account-status{grid-column:1/-1;justify-self:start;margin-top:0}.account-card-icon{width:40px;height:40px}.account-callout{grid-template-columns:minmax(0,1fr);padding:22px 20px}.account-details>div{grid-template-columns:minmax(0,1fr);gap:3px}.account-membership-actions{align-items:stretch}.account-membership-actions :is(form,.control-button),.account-setting form,.account-setting .control-button,.account-sessions form,.account-sessions .control-button{width:100%}}@media (prefers-reduced-motion:reduce){.account-field :is(input,select){transition:none}}@media (forced-colors:active){.account-field input,.account-message,.account-membership,.account-card,.account-hero,.account-callout,.account-notice,.account-status,.account-session{border:1px solid canvastext}}@media print{.account-signout,.account-edit,.account-membership-actions,.account-membership-existing{display:none}.account-card,.account-hero{box-shadow:none;break-inside:avoid}}}@layer ui{.account-avatar--hero{width:96px;height:96px;box-shadow:0 0 0 4px var(--surface-raised),0 0 0 5px var(--accent),inset 0 0 0 1px color-mix(in srgb,var(--accent-ink) 28%,transparent);font-size:44px}@media (width<=640px){.account-avatar--hero{width:72px;height:72px;font-size:34px}}}