.login-header{align-items:center;gap:10px;display:flex}.avatar{color:#fff;cursor:pointer;background:linear-gradient(145deg,#c4a574,#8a6a4a);border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.85rem;display:grid}.avatar:hover{filter:brightness(1.08)}.memu-avatar{color:#fff;cursor:pointer;background:linear-gradient(145deg,#c4a574,#8a6a4a);border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.85rem;display:grid}.account-menu{position:relative}.account-dropdown{z-index:30;background:#2c2d32;border:1px solid #ffffff14;border-radius:16px;width:240px;padding:10px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px #00000073}.account-profile{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;margin-bottom:6px;padding:8px 8px 12px;display:flex}.avatar-lg{cursor:default;width:40px;height:40px;font-size:1rem}.account-name{margin:0 0 6px;font-size:.95rem;font-weight:600}.account-plan{color:#8ab4f8;letter-spacing:.04em;background:#8ab4f829;border-radius:999px;padding:2px 8px;font-size:.72rem;display:inline-block}.account-item{width:100%;color:var(--text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px;text-decoration:none;display:block}.account-item:hover{background:#ffffff0f}.account-logout{color:#f28b82}.login-btn,.text-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px}.login-btn{color:#202124;background:#e8eaed;font-weight:600}.login-overlay{z-index:20;background:#0000008c;place-items:center;display:grid;position:fixed;inset:0}.login-modal{border:1px solid var(--border);background:#2b2c30;border-radius:16px;flex-direction:column;gap:12px;width:min(360px,100vw - 32px);padding:24px;display:flex}.login-modal h2{margin:0 0 4px;font-size:1.15rem}.login-modal label{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.login-modal input{border:1px solid var(--border);color:var(--text);background:#1b1c1e;border-radius:10px;padding:10px 12px}.login-modal button[type=submit]{color:#202124;cursor:pointer;background:#e8eaed;border:0;border-radius:10px;padding:10px;font-weight:600}.login-modal a{color:#8ab4f8;text-align:center;font-size:.9rem}.login-join-note{color:var(--muted);text-align:center;margin:4px 0 0;font-size:.75rem;line-height:1.55}.login-error{color:var(--danger);margin:0;font-size:.85rem}
.masthead{justify-content:space-between;align-items:center;padding:14px 28px 8px;display:flex}.brand{min-width:0;color:inherit;align-items:center;gap:10px;font-size:1.15rem;font-weight:600;text-decoration:none;display:flex}.brand svg{flex-shrink:0;width:30px;height:30px}.brand-emoji{flex-shrink:0;font-size:1.45rem;line-height:1}.brand-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.masthead-actions{color:var(--muted);align-items:center;gap:12px;display:flex}