.fb-account { --fb-account-plum:#58263d; --fb-account-rose:#cf3a72; --fb-account-pink:#fff0f6; --fb-account-petal:#fde4ee; --fb-account-lime:#f8dbe7; --fb-account-ink:#2c2528; --fb-account-muted:#6f6469; overflow:clip; color:var(--fb-account-ink); background:#fffafd; }
.fb-account :where(a,button,input,summary):focus-visible { outline:3px solid #f970a5; outline-offset:3px; }
.fb-account-hero { position:relative; overflow:hidden; padding:62px 0 70px; background:linear-gradient(118deg,#fff 0%,#fff5f9 56%,#f8eef6 100%); border-bottom:1px solid rgba(207,58,114,.15); }
.fb-account-hero::before { content:""; position:absolute; width:540px; height:540px; right:-280px; top:-310px; border:1px solid rgba(207,58,114,.2); border-radius:50%; box-shadow:0 0 0 52px rgba(255,255,255,.38),0 0 0 104px rgba(207,58,114,.045); }
.fb-account-hero::after { content:""; position:absolute; width:13px; height:13px; left:6vw; bottom:46px; background:var(--fb-account-rose); border-radius:60% 40% 62% 38%; box-shadow:27px -19px 0 -2px #f6b5cf,54px 2px 0 -4px #f8dbe7; transform:rotate(25deg); }
.fb-account-hero__inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr); align-items:center; gap:64px; }
.fb-account-breadcrumbs { display:flex; flex-wrap:wrap; gap:9px; margin:0 0 32px; color:var(--fb-account-muted); font-size:16px; }
.fb-account-hero .eyebrow { color:var(--fb-account-rose); font-size:16px; letter-spacing:.1em; }
.fb-account-hero .eyebrow>i { width:11px; height:11px; flex:0 0 11px; background:currentColor; border-radius:70% 30% 65% 35%; transform:rotate(35deg); }
.fb-account-hero h1 { max-width:820px; margin:20px 0 18px; font-size:clamp(48px,5.3vw,74px); line-height:.98; letter-spacing:-.055em; }
.fb-account-hero__copy>p { max-width:730px; margin:0; color:var(--fb-account-muted); font-size:19px; line-height:1.65; }
.fb-account-passport { position:relative; display:grid; min-height:302px; grid-template-columns:96px minmax(0,1fr); align-content:center; align-items:center; gap:22px; overflow:hidden; padding:36px; color:#fff; background:linear-gradient(142deg,#55253c 0%,#7d3152 64%,#a93b67 100%); border:1px solid rgba(255,255,255,.22); border-radius:42px 14px 42px 14px; box-shadow:0 30px 70px rgba(88,38,61,.2); }
.fb-account-passport::before { content:""; position:absolute; width:210px; height:92px; top:-22px; right:-54px; border:1px solid rgba(255,255,255,.28); border-radius:50%; transform:rotate(-24deg); }
.fb-account-passport::after { content:""; position:absolute; width:190px; height:190px; right:-92px; bottom:-108px; background:rgba(249,112,165,.1); border:1px solid rgba(249,112,165,.24); border-radius:50%; }
.fb-account-passport__mark { position:relative; z-index:1; display:grid; width:96px; height:96px; place-items:center; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.24); border-radius:50% 38% 50% 42%; transform:rotate(-5deg); }
.fb-account-passport__mark>span { display:grid; width:62px; height:62px; place-items:center; background:#fff; border-radius:50%; transform:rotate(5deg); }
.fb-account-passport__mark .ui-icon { width:30px; height:30px; color:var(--fb-account-rose); }
.fb-account-passport__identity { position:relative; z-index:1; display:grid; min-width:0; }
.fb-account-passport__identity>.account-oauth-avatar { width:84px; height:84px; margin:0 0 16px; padding:4px; object-fit:cover; background:#fff; border:1px solid rgba(255,255,255,.55); border-radius:50%; box-shadow:0 12px 32px rgba(37,13,25,.22); }
.fb-account-passport__identity>span { color:rgba(255,255,255,.72); font-size:16px; font-weight:800; letter-spacing:.02em; }
.fb-account-passport__identity>strong { overflow:hidden; margin-top:8px; color:#fff; font-size:30px; line-height:1.06; text-overflow:ellipsis; white-space:nowrap; }
.fb-account-passport__identity>small { overflow:hidden; margin-top:10px; color:rgba(255,255,255,.8); font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.fb-account-passport__meta { position:absolute; z-index:1; right:24px; bottom:20px; display:flex; align-items:baseline; gap:6px; color:rgba(255,255,255,.48); }
.fb-account-passport__meta span,.fb-account-passport__meta b { font-size:16px; letter-spacing:.08em; }
.fb-account__body { padding-top:38px; padding-bottom:110px; }
.fb-account-notice { display:flex; align-items:flex-start; gap:12px; margin-bottom:22px; padding:17px 19px; border:1px solid; border-radius:18px 7px 18px 7px; font-size:16px; font-weight:720; line-height:1.5; }
.fb-account-notice .ui-icon { width:22px; height:22px; flex:0 0 22px; margin-top:1px; }
.fb-account-notice--success { color:#315d39; background:#f0f8f1; border-color:#cfe3d2; }
.fb-account-notice--error { color:#8b2f5e; background:#fff2f6; border-color:#f1cfdb; }
.fb-auth__heading { display:flex; align-items:end; justify-content:space-between; gap:34px; margin-bottom:24px; }
.fb-auth__heading>div>span,.fb-account-section-heading>div>span,.fb-account-profile>header>span { color:var(--fb-account-rose); font-size:16px; font-weight:820; letter-spacing:.08em; text-transform:uppercase; }
.fb-auth__heading h2,.fb-account-section-heading h2,.fb-account-profile h2 { max-width:100%; margin:7px 0 0; overflow-wrap:anywhere; font-size:clamp(34px,3.1vw,46px); }
.fb-auth__heading>p { max-width:490px; margin:0; color:var(--fb-account-muted); font-size:16px; line-height:1.55; }
.fb-account .account-oauth { display:grid; grid-template-columns:minmax(255px,.55fr) minmax(0,1.45fr); align-items:center; gap:22px 34px; margin:0 0 18px; padding:27px 30px; background:linear-gradient(135deg,#58263d,#7e3152); border:0; border-radius:30px 10px 30px 10px; box-shadow:0 18px 50px rgba(88,38,61,.15); }
.fb-account .account-oauth>header>span { color:#f8dbe7; font-size:16px; letter-spacing:.08em; }
.fb-account .account-oauth h2 { margin:7px 0 8px; color:#fff; font-size:30px; }
.fb-account .account-oauth>header>p { margin:0; color:rgba(255,255,255,.76); font-size:16px; line-height:1.5; }
.fb-account .account-oauth__buttons { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.fb-account .account-oauth-button { display:flex; min-width:0; min-height:72px; align-items:center; gap:11px; padding:10px 12px; color:var(--fb-account-ink); background:#fff; border:1px solid rgba(255,255,255,.5); border-radius:18px 7px 18px 7px; transition:transform .18s ease,box-shadow .18s ease; }
.fb-account .account-oauth-button[href]:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(34,12,23,.22); }
.fb-account .account-oauth-button>img { width:42px; height:42px; flex:0 0 42px; object-fit:contain; border-radius:12px; }
.fb-account .account-oauth-button>span { display:grid; min-width:0; }
.fb-account .account-oauth-button b { overflow:hidden; font-size:16px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.fb-account .account-oauth-button small { margin-top:3px; color:var(--fb-account-muted); font-size:16px; line-height:1.2; }
.fb-account .account-oauth-button>i { display:grid; width:25px; height:25px; flex:0 0 25px; place-items:center; margin-left:auto; color:#fff; background:#5b9064; border-radius:50%; font-size:16px; font-style:normal; }
.fb-account .account-oauth-button.is-unavailable { opacity:.58; cursor:not-allowed; filter:saturate(.55); }
.fb-account .account-oauth__consent { grid-column:2; color:rgba(255,255,255,.72); font-size:16px; line-height:1.5; }
.fb-account .account-oauth__consent a { color:#fff; text-decoration:underline; text-decoration-color:#f8dbe7; text-underline-offset:3px; }
.fb-auth__forms { display:grid; grid-template-columns:.82fr 1.18fr; overflow:hidden; background:#fff; border:1px solid rgba(207,58,114,.16); border-radius:34px 12px 34px 12px; box-shadow:0 22px 62px rgba(103,37,63,.09); }
.fb-auth-form { display:grid; align-content:start; gap:17px; min-width:0; padding:34px; }
.fb-auth-form+.fb-auth-form { border-left:1px solid rgba(207,58,114,.16); }
.fb-auth-form>header { display:flex; align-items:center; gap:14px; margin-bottom:3px; padding-bottom:22px; border-bottom:1px solid rgba(207,58,114,.14); }
.fb-auth-form>header>.ui-icon { width:46px; height:46px; padding:11px; color:#fff; background:var(--fb-account-rose); border-radius:15px 6px 15px 6px; }
.fb-auth-form>header div { display:grid; }
.fb-auth-form>header span { color:var(--fb-account-rose); font-size:16px; font-weight:820; letter-spacing:.07em; text-transform:uppercase; }
.fb-auth-form h3 { margin:4px 0 0; font-size:30px; }
.fb-auth-form>label>span,.fb-auth-form__grid label>span,.fb-account-profile label>span { display:block; margin-bottom:7px; color:var(--fb-account-muted); font-size:16px; font-weight:760; }
.fb-auth-form input,.fb-account-profile input { width:100%; min-height:54px; padding:0 15px; color:var(--fb-account-ink); background:#fff; border:1px solid rgba(207,58,114,.19); border-radius:15px 6px 15px 6px; outline:0; font-size:16px; }
.fb-auth-form input:focus,.fb-account-profile input:focus { border-color:var(--fb-account-rose); box-shadow:0 0 0 4px rgba(207,58,114,.1); }
.fb-auth-form__grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.fb-auth-form__row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.fb-auth-form__row>a { color:var(--fb-account-rose); font-size:16px; font-weight:780; text-decoration:underline; text-underline-offset:3px; }
.fb-account-check { display:flex!important; align-items:flex-start; gap:10px; color:var(--fb-account-muted); font-size:16px; line-height:1.5; cursor:pointer; }
.fb-account-check input { width:20px; min-height:20px; flex:0 0 20px; margin:2px 0 0; padding:0; accent-color:var(--fb-account-rose); }
.fb-account-check>span { margin:0!important; color:inherit!important; font-size:16px!important; font-weight:600!important; }
.fb-account-check a { color:var(--fb-account-rose); text-decoration:underline; text-underline-offset:3px; }
.fb-account .button { min-height:48px; font-size:16px; }
.fb-auth-form>.button { width:100%; margin-top:3px; }
.fb-account-noscript { margin:16px 0 0; padding:15px 18px; color:var(--fb-account-muted); background:#fff; border-left:4px solid var(--fb-account-rose); font-size:16px; }
.fb-account-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; margin-top:22px; color:#fff; background:var(--fb-account-plum); border-radius:28px 9px 28px 9px; }
.fb-account-benefits article { display:grid; grid-template-columns:42px minmax(0,1fr); gap:13px; min-width:0; padding:25px 22px; }
.fb-account-benefits article+article { border-left:1px solid rgba(255,255,255,.16); }
.fb-account-benefits article>.ui-icon { width:42px; height:42px; padding:9px; color:var(--fb-account-plum); background:var(--fb-account-lime); border-radius:50%; }
.fb-account-benefits h2 { margin:0 0 7px; color:#fff; font-size:21px; }
.fb-account-benefits p { margin:0; color:rgba(255,255,255,.72); font-size:16px; line-height:1.5; }
.fb-account-nav { display:flex; align-items:center; gap:7px; margin-bottom:18px; padding:7px; background:#fff; border:1px solid rgba(207,58,114,.15); border-radius:999px; box-shadow:0 10px 30px rgba(103,37,63,.06); }
.fb-account-nav a { display:flex; min-height:50px; min-width:0; align-items:center; gap:9px; padding:0 17px; color:var(--fb-account-muted); border-radius:999px; font-size:16px; font-weight:760; }
.fb-account-nav a:hover { color:#fff; background:var(--fb-account-plum); }
.fb-account-nav a:last-child { margin-left:auto; }
.fb-account-nav .ui-icon { width:19px; height:19px; }
.fb-account-nav a>b { display:grid; min-width:27px; height:27px; place-items:center; color:#fff; background:var(--fb-account-rose); border-radius:50%; font-size:16px; }
.fb-account-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; margin-bottom:34px; color:#fff; background:linear-gradient(125deg,#58263d,#77304e); border-radius:30px 10px 30px 10px; }
.fb-account-stats>div { display:grid; min-height:122px; padding:22px 25px; }
.fb-account-stats>div+div { border-left:1px solid rgba(255,255,255,.16); }
.fb-account-stats span { color:rgba(255,255,255,.68); font-size:16px; font-weight:720; }
.fb-account-stats strong { align-self:end; margin-top:12px; color:#fff; font-size:38px; line-height:1; }
.fb-account-stats>div.fb-account-stats__bonus { color:var(--fb-account-plum); background:var(--fb-account-lime); }
.fb-account-stats>div.fb-account-stats__bonus span,.fb-account-stats>div.fb-account-stats__bonus strong { color:var(--fb-account-plum); }
.fb-account-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; align-items:start; gap:34px; }
.fb-account-section-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:20px; }
.fb-account-section-heading .button { flex:0 0 auto; }
.fb-account-orders { min-width:0; }
.fb-account-empty { display:grid; min-height:390px; place-items:center; align-content:center; padding:40px; background:#fff; border:1px solid rgba(207,58,114,.16); border-radius:30px 10px 30px 10px; text-align:center; }
.fb-account-empty>.ui-icon { width:68px; height:68px; color:#f6b5cf; stroke-width:1.2; }
.fb-account-empty h3 { margin:17px 0 9px; font-size:30px; }
.fb-account-empty p { max-width:470px; margin:0; color:var(--fb-account-muted); font-size:16px; }
.fb-account-empty .button { margin-top:18px; }
.fb-account-order { overflow:hidden; margin-bottom:13px; background:#fff; border:1px solid rgba(207,58,114,.16); border-radius:25px 8px 25px 8px; }
.fb-account-order>summary { display:grid; min-height:100px; grid-template-columns:minmax(160px,1fr) auto auto 24px; align-items:center; gap:18px; padding:18px 22px; cursor:pointer; list-style:none; }
.fb-account-order>summary::-webkit-details-marker { display:none; }
.fb-account-order>summary>div { display:grid; }
.fb-account-order>summary small { color:var(--fb-account-muted); font-size:16px; }
.fb-account-order>summary strong { margin-top:4px; font-size:21px; }
.fb-account-order>summary>b { font-size:18px; white-space:nowrap; }
.fb-account-order>summary>.ui-icon { width:21px; height:21px; color:var(--fb-account-rose); transition:transform .18s ease; }
.fb-account-order[open]>summary>.ui-icon { transform:rotate(90deg); }
.fb-order-status { display:inline-flex; min-height:34px; align-items:center; padding:4px 12px; color:#72517f; background:#f6f0f8; border:1px solid #e2d6e7; border-radius:999px; font-size:16px; font-weight:800; white-space:nowrap; }
.fb-order-status--assembling { color:#8a5a12; background:#fff7e7; border-color:#f0d9ac; }
.fb-order-status--completed { color:#316d45; background:#eef8f1; border-color:#cce4d4; }
.fb-order-status--cancelled { color:#9f2536; background:#fff0f2; border-color:#efcbd1; }
.fb-account-order__body { padding:0 22px 25px; border-top:1px solid rgba(207,58,114,.13); }
.fb-account-order__option { display:flex; align-items:flex-start; gap:11px; margin:18px 0 0; padding:13px 14px; color:var(--fb-account-ink); background:var(--fb-account-pink); border-left:4px solid var(--fb-account-rose); font-size:16px; }
.fb-account-order__option .ui-icon { width:36px; height:36px; flex:0 0 36px; padding:8px; color:var(--fb-account-rose); background:#fff; border-radius:11px; }
.fb-account-order__option span { display:grid; gap:4px; }
.fb-account-order__option b,.fb-account-order__option small { font-size:16px; }
.fb-account-order__option small { color:var(--fb-account-muted); }
.fb-account-progress { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:28px 0; }
.fb-account-progress>span { position:relative; display:grid; justify-items:center; gap:9px; color:var(--fb-account-muted); text-align:center; }
.fb-account-progress>span::before { content:""; position:absolute; z-index:0; width:100%; height:2px; top:14px; right:50%; background:rgba(207,58,114,.16); }
.fb-account-progress>span:first-child::before { display:none; }
.fb-account-progress i { position:relative; z-index:1; display:grid; width:30px; height:30px; place-items:center; background:#fff; border:2px solid rgba(207,58,114,.2); border-radius:50%; font-style:normal; }
.fb-account-progress i .ui-icon { width:14px; height:14px; }
.fb-account-progress small { max-width:150px; font-size:16px; line-height:1.3; }
.fb-account-progress>span.is-done { color:var(--fb-account-rose); font-weight:760; }
.fb-account-progress>span.is-done::before,.fb-account-progress>span.is-done i { background:var(--fb-account-rose); border-color:var(--fb-account-rose); }
.fb-account-progress>span.is-done i { color:#fff; }
.fb-account-progress.is-cancelled { display:none; }
.fb-account-order__grid { display:grid; grid-template-columns:1.15fr .85fr; gap:30px; padding-top:7px; }
.fb-account-order__grid h3 { margin:0 0 15px; font-size:22px; }
.fb-account-order__products article { display:grid; min-width:0; grid-template-columns:72px minmax(0,1fr) auto; align-items:center; gap:13px; padding:11px 0; border-bottom:1px solid rgba(207,58,114,.12); }
.fb-account-order__products article>img,.fb-account-order__products article>.ui-icon { width:72px; height:78px; padding:4px; object-fit:contain; object-position:center; background:#fff; border:1px solid rgba(207,58,114,.16); border-radius:14px 6px 14px 6px; }
.fb-account-order__products article>div { display:grid; min-width:0; }
.fb-account-order__products article a { overflow-wrap:anywhere; font-size:16px; font-weight:780; }
.fb-account-order__products article small { margin-top:4px; color:var(--fb-account-muted); font-size:16px; }
.fb-account-order__line-price { display:grid; justify-items:end; gap:3px; white-space:nowrap; }
.fb-account-order__line-price del { color:var(--fb-account-muted); font-size:16px; text-decoration-color:var(--fb-account-rose); }
.fb-account-order__line-price strong { font-size:16px; }
.fb-account-order__products footer { display:grid; grid-template-columns:1fr auto; gap:8px; padding-top:16px; font-size:16px; }
.fb-account-order__products footer span { color:var(--fb-account-muted); }
.fb-account-order__products footer b:last-child { color:var(--fb-account-rose); font-size:19px; }
.fb-account-order__products footer .is-saving { color:#4f7d46; }
.fb-account-order__details dl { display:grid; gap:9px; margin:0 0 26px; }
.fb-account-order__details dl>div { display:grid; grid-template-columns:110px minmax(0,1fr); gap:13px; padding-bottom:8px; border-bottom:1px dashed rgba(207,58,114,.18); font-size:16px; }
.fb-account-order__details dt { color:var(--fb-account-muted); }
.fb-account-order__details dd { min-width:0; margin:0; overflow-wrap:anywhere; font-weight:700; }
.fb-account-order__history { display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.fb-account-order__history li { display:grid; grid-template-columns:14px minmax(0,1fr); gap:10px; }
.fb-account-order__history li>i { width:10px; height:10px; margin-top:7px; background:var(--fb-account-rose); border:2px solid #fff; border-radius:50%; box-shadow:0 0 0 1px #f6b5cf; }
.fb-account-order__history li>div { display:grid; }
.fb-account-order__history strong,.fb-account-order__history p,.fb-account-order__history small { font-size:16px; }
.fb-account-order__history p { margin:4px 0; color:var(--fb-account-muted); }
.fb-account-order__history small { color:var(--fb-account-muted); }
.fb-account-side { display:grid; gap:0; border-left:1px solid rgba(207,58,114,.16); }
.fb-account-bonus { position:relative; overflow:hidden; margin-left:24px; padding:28px; color:#fff; background:linear-gradient(145deg,#58263d,#a33865); border-radius:30px 10px 30px 10px; box-shadow:0 18px 45px rgba(88,38,61,.17); }
.fb-account-bonus::after { content:""; position:absolute; width:160px; height:160px; right:-62px; bottom:-72px; border:1px solid rgba(249,112,165,.3); border-radius:50%; }
.fb-account-bonus>div { display:flex; align-items:center; gap:10px; }
.fb-account-bonus>div>.ui-icon { width:40px; height:40px; padding:9px; color:var(--fb-account-plum); background:var(--fb-account-lime); border-radius:50%; }
.fb-account-bonus>div>span { color:rgba(255,255,255,.76); font-size:16px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.fb-account-bonus>strong { display:flex; align-items:end; gap:8px; margin-top:22px; font-size:44px; line-height:1; }
.fb-account-bonus>strong small { padding-bottom:5px; font-size:16px; }
.fb-account-bonus p { position:relative; z-index:1; margin:16px 0; color:rgba(255,255,255,.82); font-size:16px; line-height:1.58; }
.fb-account-bonus>a { position:relative; z-index:1; display:flex; align-items:center; gap:8px; color:#fff; font-size:16px; font-weight:800; text-decoration:underline; text-decoration-color:#f8dbe7; text-underline-offset:4px; }
.fb-account-bonus>a .ui-icon { width:17px; height:17px; }
.fb-account-profile { margin:28px 0 0 24px; padding:0 4px; }
.fb-account-profile>header>p { margin:12px 0 0; color:var(--fb-account-muted); font-size:16px; line-height:1.55; }
.fb-account-profile form { display:grid; gap:15px; margin-top:23px; }
.fb-account-profile .button { width:100%; }
.fb-account-security { overflow:hidden; background:#fff; border:1px solid rgba(207,58,114,.18); border-radius:17px 7px 17px 7px; }
.fb-account-security summary { display:flex; min-height:54px; align-items:center; gap:9px; padding:13px 15px; color:var(--fb-account-rose); cursor:pointer; font-size:16px; font-weight:800; list-style:none; }
.fb-account-security summary::-webkit-details-marker { display:none; }
.fb-account-security summary::after { content:"+"; margin-left:auto; font-size:22px; line-height:1; }
.fb-account-security[open] summary::after { content:"−"; }
.fb-account-security summary .ui-icon { width:18px; height:18px; }
.fb-account-security label { display:block; padding:0 14px 14px; }
.fb-account .account-oauth--connections { display:grid; grid-template-columns:1fr; gap:18px; margin:30px 0 0 24px; padding:25px; color:var(--fb-account-ink); background:var(--fb-account-pink); border:1px solid rgba(207,58,114,.16); border-radius:28px 9px 28px 9px; box-shadow:none; }
.fb-account .account-oauth--connections>header>span { color:var(--fb-account-rose); }
.fb-account .account-oauth--connections h2 { color:var(--fb-account-ink); }
.fb-account .account-oauth--connections>header>p { color:var(--fb-account-muted); }
.fb-account .account-oauth--connections .account-oauth__buttons { grid-template-columns:1fr; }
.fb-account .account-oauth--connections .account-oauth-button { min-height:68px; border-color:rgba(207,58,114,.16); }
.fb-account .account-oauth--connections .account-oauth__consent { grid-column:auto; color:var(--fb-account-muted); }
@media (max-width:1080px) { .fb-account-hero__inner { grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); gap:38px; }.fb-account .account-oauth { grid-template-columns:1fr; }.fb-account .account-oauth__consent { grid-column:auto; }.fb-account .account-oauth__buttons { grid-template-columns:repeat(2,minmax(0,1fr)); }.fb-account-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); }.fb-account-benefits article:nth-child(3) { border-left:0; border-top:1px solid rgba(255,255,255,.16); }.fb-account-benefits article:nth-child(4) { border-top:1px solid rgba(255,255,255,.16); }.fb-account-layout { grid-template-columns:minmax(0,1fr) 320px; gap:24px; }.fb-account-order__grid { grid-template-columns:1fr; } }
@media (max-width:820px) { .fb-account-hero { padding:48px 0 56px; }.fb-account-hero__inner { grid-template-columns:1fr; }.fb-account-passport { min-height:230px; }.fb-auth__heading { align-items:start; flex-direction:column; gap:12px; }.fb-auth__forms { grid-template-columns:1fr; }.fb-auth-form+.fb-auth-form { border-left:0; border-top:1px solid rgba(207,58,114,.16); }.fb-account-nav { overflow-x:auto; border-radius:20px 7px 20px 7px; scrollbar-width:none; }.fb-account-nav::-webkit-scrollbar { display:none; }.fb-account-nav a { flex:0 0 auto; }.fb-account-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.fb-account-stats>div:nth-child(3) { border-left:0; border-top:1px solid rgba(255,255,255,.16); }.fb-account-stats>div:nth-child(4) { border-top:1px solid rgba(255,255,255,.16); }.fb-account-layout { grid-template-columns:1fr; }.fb-account-side { border-top:1px solid rgba(207,58,114,.16); border-left:0; }.fb-account-bonus,.fb-account-profile,.fb-account .account-oauth--connections { margin-left:0; }.fb-account-bonus { margin-top:30px; }.fb-account-order__grid { grid-template-columns:1.1fr .9fr; } }
@media (max-width:620px) { .fb-account-hero { padding:38px 0 46px; }.fb-account-hero::after { display:none; }.fb-account-hero__inner { gap:28px; }.fb-account-breadcrumbs { margin-bottom:23px; }.fb-account-hero h1 { font-size:42px; }.fb-account-hero__copy>p { font-size:17px; }.fb-account-passport { min-height:212px; grid-template-columns:68px minmax(0,1fr); gap:15px; padding:24px 20px; border-radius:30px 10px 30px 10px; }.fb-account-passport__mark { width:68px; height:68px; }.fb-account-passport__mark>span { width:48px; height:48px; }.fb-account-passport__identity>.account-oauth-avatar { width:68px; height:68px; }.fb-account-passport__identity>strong { font-size:25px; }.fb-account-passport__meta { display:none; }.fb-account__body { padding-top:25px; padding-bottom:90px; }.fb-account .account-oauth { padding:23px 18px; border-radius:25px 8px 25px 8px; }.fb-account .account-oauth__buttons { grid-template-columns:1fr; }.fb-auth-form { padding:25px 18px; }.fb-auth-form__grid { grid-template-columns:1fr; }.fb-auth-form__row { flex-direction:column; }.fb-account-benefits { grid-template-columns:1fr; }.fb-account-benefits article+article { border-top:1px solid rgba(255,255,255,.16); border-left:0; }.fb-account-benefits article { padding:22px 18px; }.fb-account-nav { display:grid; grid-template-columns:1fr 1fr; overflow:visible; padding:7px; }.fb-account-nav a { min-height:52px; padding:0 13px; }.fb-account-nav a:last-child { margin-left:0; }.fb-account-stats { gap:0; margin-bottom:27px; }.fb-account-stats>div { min-height:108px; padding:18px; }.fb-account-stats strong { font-size:34px; }.fb-account-section-heading { align-items:start; flex-direction:column; }.fb-account-section-heading .button { width:100%; }.fb-account-order>summary { min-height:122px; grid-template-columns:minmax(0,1fr) 24px; gap:10px; padding:16px; }.fb-account-order>summary .fb-order-status,.fb-account-order>summary>b { grid-row:2; }.fb-account-order>summary>.ui-icon { grid-column:2; grid-row:1; }.fb-account-order__body { padding:0 16px 21px; }.fb-account-progress { display:flex; min-width:0; overflow-x:auto; overscroll-behavior-inline:contain; }.fb-account-progress>span { min-width:125px; }.fb-account-order__grid { grid-template-columns:1fr; }.fb-account-order__products article { grid-template-columns:60px minmax(0,1fr); }.fb-account-order__products article>img,.fb-account-order__products article>.ui-icon { width:60px; height:66px; }.fb-account-order__line-price { grid-column:2; justify-items:start; }.fb-account-bonus { padding:24px 20px; }.fb-account-profile { padding:0; }.fb-account .account-oauth--connections { padding:22px 18px; }.fb-account .account-oauth--connections .account-oauth-button { min-width:0; }.fb-account-order__details dl>div { grid-template-columns:1fr; gap:3px; } }
@media (prefers-reduced-motion:reduce) { .fb-account * { scroll-behavior:auto!important; transition-duration:.01ms!important; } }

/* Account 167: FlowBerry flower-journal composition; auth and data logic stay unchanged. */
.fb-account-hero { padding:52px 0 64px; background:radial-gradient(circle at 88% 10%,rgba(214,92,130,.1),transparent 24%),linear-gradient(135deg,#fff 0%,#fcf9fd 62%,#f2eaf5 100%); }
.fb-account-hero::after { display:none; }
.fb-account-hero h1 { max-width:760px; margin:22px 0 20px; font-size:clamp(44px,4.4vw,62px); line-height:1.02; letter-spacing:-.045em; }
.fb-account-passport { min-height:286px; grid-template-columns:112px minmax(0,1fr); gap:25px; padding:38px; color:var(--fb-account-ink); background:rgba(255,255,255,.92); border:1px solid rgba(207,58,114,.2); border-radius:52px 18px 52px 18px; box-shadow:0 26px 68px rgba(88,38,61,.13); }
.fb-account-passport::before { width:174px; height:174px; top:-98px; right:-54px; background:rgba(249,112,165,.15); border-color:rgba(88,38,61,.12); transform:none; }
.fb-account-passport::after { width:138px; height:138px; right:-60px; bottom:-70px; background:rgba(207,58,114,.08); border-color:rgba(207,58,114,.2); }
.fb-account-passport__avatar { position:relative; z-index:1; display:grid; width:112px; height:112px; place-items:center; overflow:hidden; padding:6px; background:linear-gradient(145deg,#fff0f6,#fff); border:1px solid rgba(207,58,114,.28); border-radius:50% 38% 50% 42%; box-shadow:0 16px 34px rgba(88,38,61,.13); transform:rotate(-4deg); }
.fb-account-passport__avatar>span { display:grid; width:78px; height:78px; place-items:center; color:#fff; background:linear-gradient(145deg,var(--fb-account-rose),#a93261); border-radius:50%; transform:rotate(4deg); }
.fb-account-passport__avatar>.account-oauth-avatar { width:100%; height:100%; margin:0; padding:0; object-fit:cover; border:0; border-radius:inherit; transform:rotate(4deg) scale(1.06); }
.fb-account-passport__avatar .ui-icon { width:36px; height:36px; }
.fb-account-passport__identity>span { color:var(--fb-account-rose); }
.fb-account-passport__identity>strong { color:var(--fb-account-ink); }
.fb-account-passport__identity>small { color:var(--fb-account-muted); }
.fb-account-passport__meta { right:26px; bottom:22px; color:rgba(88,38,61,.42); }
.fb-auth-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 18px; padding:9px; background:#fff; border:1px solid rgba(207,58,114,.15); border-radius:24px 9px 24px 9px; box-shadow:0 12px 34px rgba(88,38,61,.06); }
.fb-auth-tabs--email-only { grid-template-columns:repeat(2,minmax(0,1fr)); }
.fb-auth-tabs a { display:flex; min-height:56px; align-items:center; justify-content:center; gap:10px; padding:10px 16px; color:var(--fb-account-plum); background:var(--fb-account-pink); border:1px solid transparent; border-radius:17px 7px 17px 7px; font-size:16px; font-weight:800; text-align:center; }
.fb-auth-tabs a:hover,.fb-auth-tabs a:focus-visible { color:#fff; background:var(--fb-account-plum); border-color:var(--fb-account-plum); }
.fb-auth-tabs .ui-icon { width:20px; height:20px; flex:0 0 20px; }
.fb-auth-path,.fb-auth-form,.fb-account-profile,.fb-account-connections { scroll-margin-top:24px; }
.fb-account .account-oauth { background:linear-gradient(135deg,#fff0f6,#fff 76%); border:1px solid rgba(207,58,114,.16); box-shadow:0 18px 46px rgba(88,38,61,.08); }
.fb-account .account-oauth>header>span { color:var(--fb-account-rose); }
.fb-account .account-oauth h2 { color:var(--fb-account-ink); }
.fb-account .account-oauth>header>p { color:var(--fb-account-muted); }
.fb-account .account-oauth__consent { color:var(--fb-account-muted); }
.fb-account .account-oauth__consent a { color:var(--fb-account-rose); text-decoration-color:#f6b5cf; }
.fb-auth__forms { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:18px; overflow:visible; background:transparent; border:0; border-radius:0; box-shadow:none; }
.fb-auth-form { background:#fff; border:1px solid rgba(207,58,114,.16); border-radius:32px 11px 32px 11px; box-shadow:0 20px 56px rgba(88,38,61,.08); }
.fb-auth-form+.fb-auth-form { border-left:1px solid rgba(207,58,114,.16); }
.fb-auth-form:target { border-color:rgba(207,58,114,.42); box-shadow:0 0 0 4px rgba(207,58,114,.08),0 22px 58px rgba(88,38,61,.1); }
.fb-account-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)) auto; gap:8px; padding:9px; border-radius:26px 9px 26px 9px; }
.fb-account-nav a { justify-content:center; padding:0 14px; border:1px solid transparent; border-radius:18px 7px 18px 7px; }
.fb-account-nav a[aria-current="page"] { color:#fff; background:linear-gradient(135deg,var(--fb-account-rose),#a93261); box-shadow:0 10px 24px rgba(207,58,114,.2); }
.fb-account-nav a:last-child { margin-left:0; color:#8b2f5e; background:#fff6f8; border-color:rgba(207,58,114,.16); }
.fb-account-stats { gap:12px; overflow:visible; color:var(--fb-account-ink); background:transparent; border-radius:0; }
.fb-account-stats>div { position:relative; min-height:116px; overflow:hidden; padding:22px 24px; background:#fff; border:1px solid rgba(207,58,114,.16); border-radius:24px 8px 24px 8px; box-shadow:0 13px 34px rgba(88,38,61,.06); }
.fb-account-stats>div::after { position:absolute; width:58px; height:58px; right:-27px; bottom:-30px; background:rgba(207,58,114,.08); border:1px solid rgba(207,58,114,.15); border-radius:50%; content:""; }
.fb-account-stats>div+div { border-left:1px solid rgba(207,58,114,.16); }
.fb-account-stats span { color:var(--fb-account-muted); }
.fb-account-stats strong { color:var(--fb-account-plum); }
.fb-account-stats>div.fb-account-stats__bonus { background:linear-gradient(145deg,#fff0f6,#f8dbe7); border-color:#edbfd1; }
.fb-account-side { gap:22px; border-left:0; }
.fb-account-profile { margin:0; padding:28px; background:#fff; border:1px solid rgba(207,58,114,.16); border-radius:30px 10px 30px 10px; box-shadow:0 16px 42px rgba(88,38,61,.06); }
.fb-account .fb-account-connections .account-oauth--connections { margin:0; background:linear-gradient(145deg,#fff0f6,#fff); }
@media (max-width:1080px) { .fb-account-nav { grid-template-columns:repeat(3,minmax(0,1fr)); }.fb-account-nav a:last-child { grid-column:3; }.fb-account-layout { grid-template-columns:minmax(0,1fr) 340px; } }
@media (max-width:820px) { .fb-account-passport { grid-template-columns:112px minmax(0,1fr); }.fb-auth__forms { grid-template-columns:1fr; }.fb-auth-form+.fb-auth-form { border-top:1px solid rgba(207,58,114,.16); }.fb-account-nav { grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }.fb-account-nav a:last-child { grid-column:auto; }.fb-account-side { border-top:0; }.fb-account-layout { grid-template-columns:1fr; } }
@media (max-width:620px) { .fb-account-hero { padding:38px 0 48px; }.fb-account-hero h1 { font-size:40px; }.fb-account-passport { min-height:224px; grid-template-columns:82px minmax(0,1fr); gap:17px; padding:25px 20px; border-radius:34px 12px 34px 12px; }.fb-account-passport__avatar { width:82px; height:82px; }.fb-account-passport__avatar>span { width:58px; height:58px; }.fb-account-passport__avatar .ui-icon { width:28px; height:28px; }.fb-account-passport__identity>strong { font-size:25px; }.fb-auth-tabs { grid-template-columns:1fr; }.fb-auth-tabs a { justify-content:flex-start; }.fb-account-nav { grid-template-columns:1fr; }.fb-account-stats { grid-template-columns:1fr 1fr; }.fb-account-profile { padding:24px 20px; } }
