.pata-account{position:relative;display:flex;align-items:center;gap:8px;flex-shrink:0;z-index:35;font-family:inherit}
.pata-account [hidden],#profile-open[hidden],[data-provider-only][hidden]{display:none!important}
.pata-account button,.pata-account a{font:inherit;font-size:14px;cursor:pointer}
.pata-account-trigger{min-height:48px;padding:10px 17px;border:1px solid #d9dfd7;border-radius:9px;background:transparent;color:#1b3f35;display:flex;align-items:center;gap:12px}
.pata-account-register{background:#193e34;color:#fff;border-color:#193e34}
.pata-account-signed{display:grid;grid-template-columns:1fr auto;gap:1px 14px;text-align:left;min-width:144px}
.pata-account-signed>span:last-child{grid-column:2;grid-row:1/3}
.pata-account-name{font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.pata-account-status{font-size:11px;opacity:.8;display:flex;align-items:center;gap:6px}
.pata-account-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#70a247}
.pata-account-panel{position:absolute;top:calc(100% + 10px);right:0;width:284px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 140px);overflow:auto;padding:12px;background:#fbfcf8f5;color:#1b3f35;border:1px solid #254b3526;border-radius:14px;box-shadow:0 12px 36px #112d2826;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:pata-menu-enter 150ms ease-out}
.pata-account-panel p.pata-menu-eyebrow{padding:5px 8px;margin:0 0 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:inherit}
.pata-account-panel nav,.header .pata-account-panel nav{display:block;width:100%}
.pata-account-panel a,.pata-menu-logout{display:block;padding:11px 12px;min-height:44px;color:inherit;text-decoration:none;border:0;background:transparent;border-radius:7px;text-align:left;width:100%;line-height:1.4}
.pata-space-switch{display:flex;gap:4px;background:#e8ede5;border-radius:8px;padding:4px;margin-bottom:8px}
.pata-space-switch button{flex:1;border:0;border-radius:5px;padding:9px 5px;min-height:42px;color:#25483c;background:transparent}
.pata-space-switch button[aria-pressed=true]{background:#1c4235;color:#fff}
.pata-menu-logout{border-top:1px solid #254b3526;border-radius:0;margin-top:6px}
.pata-account :focus-visible{outline:2px solid #85ac5e;outline-offset:3px}
.account-loading{font-size:12px;opacity:.7;padding:12px}
.atlas-header .pata-account-trigger{background:#1b3d33c9;border-color:#d4e2ce59;color:#f4f3e8}
.atlas-header .pata-account-register{background:#f4f3e8;color:#193d31}
.atlas-header .pata-account-status:before{background:#b1d98b}
.atlas-header .pata-notification-link{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;padding:0;border:1px solid #d4e2ce59;border-radius:9px;background:#1b3d33ed;color:#f4f3e8;text-decoration:none;transition:background 160ms ease}
.atlas-header .pata-notification-link svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.atlas-header .pata-notification-badge{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border:2px solid #183d33;border-radius:12px;background:#b1d98b;color:#17392e;font-size:11px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
@media(hover:hover){.atlas-header .pata-notification-link:hover{background:#335b45}}
@media(max-width:1000px){.atlas-header .pata-notification-link{width:44px;height:44px}}
@media(max-width:480px){.atlas-header .pata-account-signed{min-width:0;max-width:125px;padding:8px 10px;gap:1px 8px}.atlas-header .pata-account-name{max-width:90px}}
.header.wrap{gap:22px}.header>nav{gap:18px}.header .pata-account{margin-left:auto}.header .header-search{flex:1;max-width:340px}.header [data-publish]{display:none}
.how-page{max-width:1050px;padding:32px 0 60px}.how-page>p{max-width:650px}.how-page h1{font-size:clamp(32px,4vw,54px);line-height:1.15}.how-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:40px 0}.how-columns ol{padding-left:22px}.how-columns li{padding:10px 0;line-height:1.7}.how-columns strong{display:block}
@media(hover:hover){.pata-account-panel a:hover,.pata-menu-logout:hover{background:#e8eee3}.pata-account-trigger:hover{box-shadow:0 0 0 2px #8ead7726}}
@keyframes pata-menu-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.atlas-header .pata-account{grid-column:2;grid-row:2;margin:0}.pata-account-trigger{min-height:44px;padding:8px 12px;font-size:13px}.pata-account-signed{min-width:120px}.pata-account-panel{width:280px}.header.wrap{flex-wrap:wrap;gap:12px}.header .pata-account{margin-left:auto}.header>nav{order:3}.header .header-search{order:4;flex-basis:100%;max-width:none}.how-columns{grid-template-columns:1fr;gap:24px}}
@media(max-width:480px){.atlas-header .pata-account-panel{position:fixed;top:calc(120px + env(safe-area-inset-top));right:16px;left:16px;width:auto;max-width:none}.pata-account-name{max-width:115px}.header>nav{font-size:13px}.pata-account-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.pata-account-panel{animation:none}}

@media(max-width:1100px){.header>nav>a{display:inline-flex;min-height:44px;align-items:center}.header.wrap{flex-wrap:wrap}.header>nav{display:flex;order:3}.header .header-search{order:4;display:flex;flex-basis:100%;max-width:none}.header .header-search input{font-size:16px}.header .pata-account{order:2}.header .brand{order:1}.header>nav{width:100%;justify-content:flex-start}.market-nav>.wrap{gap:22px}}
