.topbar-profile{min-width:178px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 9px 6px 6px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--text);text-align:left;transition:.2s ease}.topbar-profile:hover{border-color:color-mix(in srgb,var(--green) 45%,var(--border));background:color-mix(in srgb,var(--green) 6%,var(--card));transform:translateY(-1px)}.topbar-profile-avatar{display:grid;place-items:center;width:35px;height:35px;border:1px solid color-mix(in srgb,var(--green) 35%,transparent);border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--green) 24%,var(--card)),color-mix(in srgb,var(--green) 8%,var(--bg)));color:var(--green);font-size:10px;font-weight:950;letter-spacing:.5px;box-shadow:0 0 18px color-mix(in srgb,var(--green) 10%,transparent)}.topbar-profile-copy{min-width:0}.topbar-profile-copy strong,.topbar-profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-profile-copy strong{font-size:9px}.topbar-profile-copy small{max-width:105px;margin-top:3px;color:var(--text2);font-size:7px}.topbar-profile>b{color:var(--text2);font-size:10px}@media(max-width:1100px){.topbar-profile{min-width:44px;grid-template-columns:35px;padding:5px}.topbar-profile-copy,.topbar-profile>b{display:none}}
.account-menu-wrap{position:relative}.account-dropdown{position:absolute;z-index:10020;right:0;top:calc(100% + 10px);width:285px;padding:8px;border:1px solid var(--border);border-radius:15px;background:color-mix(in srgb,var(--card) 96%,var(--bg));box-shadow:0 24px 70px rgba(0,0,0,.5);backdrop-filter:blur(20px)}.account-dropdown[hidden]{display:none}.account-dropdown header{display:flex;align-items:center;justify-content:space-between;padding:11px 12px 13px;border-bottom:1px solid var(--border)}.account-dropdown header span{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.12em}.account-dropdown>button{display:grid;width:100%;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left}.account-dropdown>button:hover{background:color-mix(in srgb,var(--green) 10%,transparent)}.account-dropdown>button>span{display:grid;height:32px;place-items:center;border-radius:9px;background:var(--surface)}.account-dropdown>button div{display:grid;gap:2px}.account-dropdown>button strong{font-size:12px}.account-dropdown>button small{color:var(--muted);font-size:9px}.account-dropdown .account-logout{margin-top:5px;border-top:1px solid var(--border);color:var(--red)}
.profile-privacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-privacy-grid label{display:grid;grid-template-columns:auto 42px 1fr;align-items:center;gap:10px;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--bg);cursor:pointer}.profile-privacy-grid input{width:17px;height:17px;accent-color:var(--green)}.profile-privacy-grid label>span{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:var(--accent-soft);font-size:18px}.profile-privacy-grid strong,.profile-privacy-grid small{display:block}.profile-privacy-grid small{margin-top:3px;color:var(--muted);font-size:8px}.achievement-progress{height:8px;margin:4px 0 18px;overflow:hidden;border-radius:99px;background:var(--bg)}.achievement-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),color-mix(in srgb,var(--green) 55%,#fff))}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.achievement-grid article{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:13px;background:var(--bg)}.achievement-grid article>span{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:var(--accent-soft);font-size:18px}.achievement-grid strong,.achievement-grid small{display:block}.achievement-grid small{margin-top:4px;color:var(--muted);font-size:8px}.achievement-grid .locked{filter:grayscale(1);opacity:.45}.achievement-grid .unlocked{border-color:color-mix(in srgb,var(--green) 35%,var(--border))}@media(max-width:760px){.profile-privacy-grid,.achievement-grid{grid-template-columns:1fr}}