.badge.annual,.badge.monthly{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;vertical-align:middle;flex:none;border-radius:5px;padding:3px 7px 3px 4px;font-size:10px;font-weight:650;line-height:16px;letter-spacing:.02em;margin-left:5px}.badge.annual{color:#f4d99c;background:linear-gradient(120deg,#493521,#2b2420);border:1px solid #b18d53}.badge.monthly{color:#d5d8e2;background:linear-gradient(120deg,#343740,#262830);border:1px solid #6b7181}.badge.annual svg,.badge.monthly svg{width:18px;height:18px;flex:none;stroke-width:1.3}.role-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;line-height:17px;font-size:10px;font-weight:500;border:1px solid #705c713f;border-radius:5px;background:#40304033;color:#c6abc7;vertical-align:middle;white-space:nowrap;flex:none}.role-chip svg{width:14px;height:14px;flex:none}.role-dom{color:#e8a5b5;border-color:#9d586650;background:#52273245}.role-sub{color:#c7b5e8;border-color:#85719750;background:#392b5045}.role-switch{color:#bdcbd5;border-color:#6c859450;background:#293e4c45}.role-explorer{color:#b7b4b1;border-color:#75716d50;background:#39373345}.identity-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.settings-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;min-height:44px;box-sizing:border-box;border:1px solid #77526066;border-radius:12px;background:linear-gradient(145deg,#34252d,#201b22);box-shadow:inset 0 1px 0 #ffffff0a;color:#e7ccd5;text-decoration:none;font-size:12px;line-height:20px;white-space:nowrap;transition:background .15s,transform .15s,border-color .15s}.settings-entry svg{width:19px;height:19px;flex:none}.settings-entry:hover{border-color:#b27a8e;background:#3b2732}.settings-entry:active{transform:scale(.96)}.settings-entry:focus-visible{outline:2px solid #d997ae;outline-offset:3px}.mobile-header-actions .settings-entry{width:auto;height:auto;min-height:40px;padding:8px 10px}.topbar .settings-entry{margin-left:12px}.mobile-app-header .compact-brand{flex-shrink:0}.mobile-header-actions{flex-shrink:0}
@media(max-width:360px){.mobile-header-actions .settings-entry{padding:8px;gap:4px}.mobile-header-actions .settings-entry svg{width:17px;height:17px}.page-feed .mobile-app-header{gap:6px}.page-feed .compact-brand{font-size:14px}.page-feed .compact-brand img{width:29px}}