.account-trigger{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #ffffff35;border-radius:30px;color:#e9dec5;font-size:12px;white-space:nowrap;max-width:150px;min-height:43px}
.account-trigger:hover,.account-trigger.is-authenticated{border-color:var(--gold);background:#c8ad770c}
.account-trigger svg{width:20px;height:20px}
.account-trigger span{overflow:hidden;text-overflow:ellipsis}
.account-page{padding-bottom:85px;min-height:65vh}
.account-welcome{max-width:630px;padding:28px 0 60px;margin:auto;text-align:center}
.account-symbol{display:grid;place-items:center;width:66px;height:66px;border:1px solid #c8ad7766;border-radius:50%;margin:0 auto 25px;color:var(--gold)}
.account-symbol svg{width:29px;height:29px}
.account-welcome .eyebrow,.account-heading .eyebrow{color:var(--gold)}
.account-welcome h1{font-size:clamp(28px,3vw,42px);line-height:1.3;margin:18px 0 24px}
.account-welcome>p{color:#b6b8ab;font-size:15px;line-height:1.85}
.telegram-login{background:#c8ad77;color:#181b15;justify-content:center;margin:16px 0;gap:12px}
.telegram-login:hover{background:#dec598}
.telegram-login:disabled{cursor:not-allowed;opacity:.5;transform:none}
.account-welcome .account-footnote{font-size:12px;color:#939b89;max-width:420px;margin:5px auto 24px}
.account-notice{border:1px solid #c8ad7733;background:#c8ad7709;padding:14px 20px;border-radius:10px}
.account-guest-links{display:flex;gap:30px;justify-content:center;color:#d5bf97;font-size:13px}
.account-guest-links button{padding:0}
.account-heading{display:flex;align-items:center;gap:24px;padding:0 0 35px}
.account-avatar{display:grid;place-items:center;flex-shrink:0;width:82px;height:82px;background:#c8ad771c;border:1px solid #c8ad7760;border-radius:50%;font:32px var(--serif);color:var(--gold)}
.account-heading h1{font-size:clamp(24px,3vw,44px);line-height:1.3;overflow-wrap:anywhere;margin:10px 0}
.account-heading p{color:#9fa795;margin:0;font-size:13px}
.account-logout{margin-left:auto;flex-shrink:0}
.account-sync{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:18px 0 30px;color:#a5b398;font-size:12px}
.account-collections{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.account-collection{border:1px solid var(--line);border-radius:12px;padding:27px;background:#ffffff02;min-width:0}
.account-collection header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}
.account-collection h2{font:600 22px var(--sans);margin:0;letter-spacing:0}
.account-collection h2 small{font-size:13px;color:var(--gold);margin-left:6px}
.account-collection>p{color:#a4ac98;font-size:13px;line-height:1.8}
.account-item{display:flex;align-items:center;gap:15px;padding:14px 0;border-top:1px solid var(--line);font-size:12px}
.account-item>img,.account-item-placeholder{height:64px;width:64px;object-fit:cover;border-radius:5px;flex-shrink:0;background:#dfdfd5}
.account-item-placeholder{display:grid;place-items:center;background:#c8ad7711;color:var(--gold);font-size:28px}
.account-item>span:nth-child(2){flex:1;min-width:0}
.account-item strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.account-item small{display:block;color:#a4ad96;margin-top:4px}
.account-item:hover strong{color:var(--gold)}
#toast{max-width:calc(100vw - 32px);white-space:normal;text-align:center;overflow-wrap:anywhere}
@media(max-width:1250px){.account-trigger{padding:10px}.account-trigger span{display:none}.header-actions{gap:10px}}
@media(max-width:900px){.account-collections{grid-template-columns:1fr}.account-heading{gap:16px}.account-avatar{height:64px;width:64px;font-size:25px}}
@media(max-width:700px){.account-trigger{min-height:35px;width:35px;padding:7px;justify-content:center}.account-trigger svg{width:18px;height:18px}.header-actions{gap:5px}.site-header .header-actions .icon-btn{width:25px}.account-welcome{padding-top:12px}.account-welcome>p{font-size:13px}.account-heading{flex-wrap:wrap}.account-heading>div:nth-child(2){max-width:calc(100% - 82px)}.account-logout{margin-left:80px}.account-collection{padding:20px}.account-collection h2{font-size:19px}.account-collection header .text-link{font-size:11px;gap:8px}.account-item{gap:10px}.account-item strong{font-size:12px}.account-item>img,.account-item-placeholder{height:50px;width:50px}}
@media(max-width:370px){.site-header{padding-left:4%;padding-right:4%;gap:6px}.site-header .header-brand .brand-tagline{font-size:7px}.header-actions{gap:3px}.cart-trigger{width:33px;height:33px}.account-trigger{width:31px;min-height:33px}}
