.nav .account-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #ecb3a65c;border-radius:24px;background:#76233030;color:#ffe6dc;font:600 12px/1.2 'Segoe UI',Arial,sans-serif;white-space:nowrap;cursor:pointer;flex-shrink:0}
.nav .account-logout:hover{background:#a7374550;border-color:#ffc1ae9c}
.nav .account-logout:focus-visible{outline:2px solid #ffd4ba;outline-offset:4px}
.nav .account-logout:disabled{opacity:.65;cursor:wait}
.account-notice{position:fixed;top:105px;left:50%;transform:translateX(-50%);z-index:150;max-width:calc(100% - 32px);padding:15px 20px;border:1px solid #f09891;border-radius:14px;background:#31191bf5;color:#ffe4dc;font:13px/1.6 'Segoe UI',Arial,sans-serif;box-shadow:0 12px 40px #0006}
@media(max-width:900px){body>.nav:has([data-account-logout]){height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding-block:14px}body>.nav:has([data-account-logout]) nav{flex-wrap:wrap;gap:10px}body>.nav:has([data-account-logout]) .account-logout{padding-inline:13px}}
@media(max-width:740px){body>.nav:has([data-account-logout]) nav{width:100%;justify-content:flex-start}.nav .account-logout{margin-left:auto;font-size:12px}.account-notice{top:160px}}