/* Account and billing reuse the gallery's type, background, and soft surfaces. */
.account-entry{position:fixed;top:18px;right:24px;z-index:42;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fffffff2;box-shadow:0 4px 24px #1717170c;transition:transform .18s ease}
.account-entry svg{width:21px;height:21px}.account-entry:active{transform:scale(.96)}
body:not(.account-mode) .page-heading{padding-right:0}
.account-mode #gallery-sidebar,.account-mode #gallery-switcher,.account-mode #filter-flyout{display:none!important}
.account-mode main#content{margin:0 auto;padding:32px 60px 140px;max-width:1320px}
.account-root{font-size:14px;;line-height:1.6}.account-root h1,.account-root h2,.account-root h3,.account-checkout h2,.account-checkout h3{font-weight:600;margin:0;letter-spacing:-.035em}
.account-root p{color:#0a0a0a;line-height:1.9;margin:10px 0}.account-root small{font-size:12px;color:#6a6a6a;line-height:1.35}
.account-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:30px;font-size:12px;color:#0a0a0a;line-height:1.35}.account-topline>a{color:#292929}.account-topline>span{font-size:12px;line-height:1.35}
.account-heading{margin:62px 0 38px}.account-heading h1{font-size:32px;;line-height:1.05}
.account-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:64px}
.account-nav{display:flex;flex-direction:column;align-items:stretch;gap:6px;align-self:start}.account-nav a{padding:12px 18px;border-radius:12px;color:#0a0a0a;transition:background .18s ease,color .18s ease}.account-nav a[aria-current=page]{background:#fff;color:#202020;box-shadow:0 3px 15px #17171706}.account-nav a:last-child{margin-top:22px}
.account-body{max-width:790px;min-width:0}.account-section-title{margin-bottom:32px}.account-section-title h2,.account-section h2{font-size:24px;line-height:1.35}.account-section-title p{font-size:12px;line-height:1.35}
.profile-form{max-width:520px}.profile-identity{display:flex;align-items:center;gap:18px;margin:28px 0 34px}.profile-avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#fff;color:#9d3337;font-size:24px;line-height:1.35}.profile-identity small{display:block;margin-top:4px}
.profile-form label{display:grid;gap:10px;margin:0 0 24px;font-size:12px;line-height:1.35}.profile-form input{width:100%;background:#ffffffd9;border:0;border-radius:12px;padding:14px 16px;font:inherit;color:#252525}.profile-form input[readonly]{background:#ffffff80;color:#727272}.profile-save{display:flex;align-items:center;gap:16px}.profile-save [role=status]{font-size:12px;color:#0a0a0a;line-height:1.35}
.account-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border:0;border-radius:999px;background:#fff;color:#262626;font:inherit;font-size:12px;cursor:pointer;transition:transform .18s ease,background .18s ease;line-height:1.35}.account-button.primary{background:#a52f36;color:#fff}.account-button:active:not(:disabled){transform:scale(.98)}.account-button:disabled{background:#eae6e6;color:#777;cursor:default}
.account-root :focus-visible,.account-checkout :focus-visible,.account-entry:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.account-section{margin-top:52px;scroll-margin-top:30px}.account-inline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:34px;border-top:1px solid #29292915}.account-inline p{margin-bottom:2px}.account-note{font-size:12px;color:#0a0a0a!important;;line-height:1.35}
.credit-balance{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;background:#ffffffb5;border-radius:18px}.credit-balance span{font-size:12px;color:#686868;line-height:1.35}.credit-balance .balance-number{font-size:62px;color:#252525;margin:12px 0 16px;letter-spacing:-.045em;line-height:1.05}.balance-number small{margin-left:12px;font-size:12px;letter-spacing:0;line-height:1.35}
.credit-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 18px}.credit-pack{text-align:left;padding:24px;background:#ffffffba;border:0;border-radius:16px;cursor:pointer;transition:background .18s ease,transform .18s ease}.pack-amount{font-size:24px;letter-spacing:-.04em;display:block;line-height:1.35}.pack-amount small{display:block;letter-spacing:0;margin-top:3px}.pack-price{display:block;margin-top:27px;font-size:16px;line-height:1.6}.pack-price small{display:block;margin-top:8px;color:#96373c}
.account-empty{text-align:center;padding:55px 20px}.account-empty h3{font-size:16px;line-height:1.6}.account-empty p{font-size:12px;margin:14px auto 25px;max-width:430px;line-height:1.35}.account-empty svg{width:42px;height:42px;color:#8b7b7c;margin-bottom:22px}
.pricing-root>.account-nav{flex-direction:row;gap:8px;justify-content:center;margin-top:38px}.pricing-root>.account-nav a:last-child{margin:0}.pricing-heading{text-align:center;margin:55px auto 48px}.pricing-heading h1{font-size:32px;;line-height:1.05}.pricing-heading p{font-size:14px;margin-top:20px;line-height:1.6}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan-option{background:#ffffffbd;border-radius:20px;padding:30px;display:flex;flex-direction:column;min-width:0}.plan-option h2{font-size:24px;line-height:1.35}.plan-option>p{font-size:12px;margin:8px 0 25px;line-height:1.35}.plan-price{font-size:32px;letter-spacing:-.035em;line-height:1.05}.plan-price small{font-size:12px;letter-spacing:0;display:block;margin-top:7px;line-height:1.35}.plan-credits{margin:24px 0;font-size:24px;line-height:1.35}.plan-credits span{font-size:12px;white-space:nowrap;line-height:1.35}.plan-option ul{padding:0;margin:28px 0 0;list-style:none;font-size:12px;color:#555;line-height:1.35}.plan-option li:before{content:'✓';margin-right:10px;color:#9c4245}
.pricing-topup{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:55px 0 65px}.pricing-topup h2{font-size:24px;line-height:1.35}.pricing-topup p{font-size:12px;line-height:1.35}.pricing-faq{max-width:800px;margin:auto}.pricing-faq h2{font-size:24px;margin-bottom:24px;line-height:1.35}.pricing-faq details{border-bottom:1px solid #29292915}.pricing-faq summary{cursor:pointer;padding:22px 0;font-size:14px;line-height:1.6}.pricing-faq details p{font-size:12px;margin:0 0 24px;max-width:700px;line-height:1.35}
.account-checkout{max-width:520px;width:calc(100vw - 32px);border-radius:24px;background:#fff;box-shadow:0 24px 100px #24101830}.account-checkout::backdrop{background:#35262a60;backdrop-filter:blur(8px)}.offer-header{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.offer-header h2{font-size:16px;line-height:1.6}.offer-close{width:36px;height:36px;border:0;border-radius:50%;background:#f5f2f2;font-size:24px;cursor:pointer;line-height:1.35}.offer-body{padding:8px 30px 30px}.offer-body h3{font-size:24px;line-height:1.35}.offer-body dl{margin:24px 0}.offer-body dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:12px;line-height:1.35}.offer-body dt{color:#777}.offer-body dd{margin:0;text-align:right}.offer-body p{font-size:12px;color:#0a0a0a;line-height:1.35}.offer-body>.account-button{width:100%;margin-top:14px}
.login-root{min-height:calc(100dvh - 180px);display:grid;place-items:center}.login-content{width:min(100%,430px);text-align:center;padding:44px 28px;background:#ffffffb5;border-radius:22px}.login-brand{font-size:14px;letter-spacing:.12em;display:inline-block;margin-bottom:38px;line-height:1.6}.login-content h1{font-size:32px;line-height:1.05}.login-content>p{font-size:12px;margin-bottom:28px;line-height:1.35}.login-content>.account-button{display:flex;width:100%;margin-top:18px}.login-content .account-note{margin:12px 0 24px}.login-pricing{display:inline-block;font-size:12px;margin-top:26px;text-decoration:underline;text-underline-offset:4px;line-height:1.35}
@media(hover:hover){.account-nav a:hover,.account-button:not(.primary):not(:disabled):hover,.credit-pack:hover{background:#fff}.account-button.primary:not(:disabled):hover{background:#8f262d}.credit-pack:active{transform:scale(.985)}}
@media(max-width:1000px){.account-mode main#content{padding:30px 30px 130px}.account-layout{grid-template-columns:170px minmax(0,1fr);gap:30px}.plan-option{padding:24px 20px}.credit-pack{padding:18px 14px}.account-topline{padding-right:50px}}
@media(max-width:760px){.account-mode main#content{padding:26px 20px 120px;margin:0}.account-entry{top:16px;right:16px}.account-topline{align-items:flex-start;flex-direction:column;gap:15px;padding-right:36px}.account-topline>span{font-size:12px;line-height:1.35}.account-heading{margin:36px 0 24px}.account-heading h1{font-size:32px;line-height:1.05}.account-layout{display:block}.account-nav,.pricing-root>.account-nav{flex-direction:row;overflow:auto;gap:5px;justify-content:flex-start;margin:0 -4px 34px;padding:4px;scrollbar-width:none}.account-nav a{white-space:nowrap;padding:10px 13px;font-size:12px;line-height:1.35}.account-nav a:last-child{margin:0}.account-section-title h2{font-size:16px;line-height:1.6}.account-section-title p{font-size:12px;line-height:1.35}.credit-balance{padding:24px;flex-direction:column;align-items:flex-start;gap:16px}.credit-balance .balance-number{font-size:62px;line-height:1.05}.credit-packs{grid-template-columns:1fr;gap:10px}.credit-pack{padding:18px 22px;display:flex;align-items:center;justify-content:space-between}.pack-price{margin:0;text-align:right}.pack-price small{margin-top:2px}.pack-amount{font-size:24px;line-height:1.35}.account-inline,.pricing-topup{flex-direction:column;align-items:flex-start;gap:20px}.account-section{margin-top:40px}.account-empty{padding:36px 6px}.account-empty h3{font-size:16px;line-height:1.6}.account-empty p{font-size:12px;line-height:1.35}.pricing-root>.account-nav{margin-top:25px;margin-bottom:28px}.pricing-heading{margin:30px auto}.pricing-heading p{font-size:12px;line-height:1.35}.pricing-heading p br{display:none}.plan-grid{grid-template-columns:1fr;gap:18px}.plan-option{padding:26px}.plan-price{font-size:32px;line-height:1.05}.plan-price small{display:inline-block;margin-left:10px}.plan-option>p{margin-bottom:22px}.plan-credits{margin:20px 0}.pricing-topup{margin:36px 0 46px}.pricing-topup h2{font-size:16px;line-height:1.6}.pricing-faq summary{font-size:12px;;line-height:1.35}.offer-body{padding:8px 24px 26px}.offer-body dl>div{font-size:12px;line-height:1.35}.profile-save{flex-wrap:wrap}.login-content{padding:36px 22px}.login-content h1{font-size:24px;line-height:1.35}}
@media(prefers-reduced-motion:reduce){.account-root *,.account-entry{transition:none!important}}
@media(prefers-reduced-transparency:reduce){.account-checkout::backdrop{backdrop-filter:none}.credit-balance,.plan-option,.credit-pack,.login-content{background:#fff}}
/* Keep account copy readable over every frame of the shared moving background. */
.account-mode .ambient::after{content:'';position:absolute;inset:0;background:#ffffff70;pointer-events:none}
.account-topline>span{font-size:12px;line-height:1.35}
@media(prefers-contrast:more){.account-root p,.account-root small,.account-topline,.account-nav a,.account-note{color:#292929!important}.plan-option,.credit-balance,.credit-pack,.login-content{background:#fff}}

.account-heading h1,.pricing-heading h1{font-size:62px;line-height:1.05;font-weight:600}.login-content h1{font-size:32px;line-height:1.05}.account-root p,.offer-body p{color:#0a0a0a;font-size:16px;line-height:1.6}.account-root .account-note,.offer-body .account-note{font-size:14px!important;line-height:1.6!important;color:#0a0a0a!important}.account-section-title h2,.account-section h2,.pricing-topup h2{font-size:32px;line-height:1.05}.plan-option h2{font-size:24px;line-height:1.35}.plan-price{font-size:32px;line-height:1.05}.plan-option ul{font-size:14px;line-height:1.6;color:#0a0a0a}.plan-option li{margin:10px 0}.plan-option>.account-button{margin-top:0}.plan-option>p{min-height:52px}.pricing-heading{max-width:1080px;margin-left:auto;margin-right:auto}.plan-price small{line-height:1.35}
@media(max-width:760px){.account-heading h1,.pricing-heading h1{font-size:32px;line-height:1.05}.account-nav{max-width:100%}.plan-option>p{min-height:0}.account-root p{font-size:16px}.account-topline{padding-right:44px}}
