.profile-menu{flex-shrink:0;position:relative}.profile-avatar{border:1px solid var(--accent);background:var(--accent);width:44px;height:44px;color:var(--ink);font:600 .95rem/1 var(--font-ui);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;list-style:none;display:flex}.profile-avatar::-webkit-details-marker{display:none}.profile-avatar:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.profile-menu[open] .profile-avatar{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.profile-dropdown{z-index:110;background:var(--panel);width:min(280px,100vw - 32px);color:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 16px 45px #0004}.profile-dropdown-name{border-bottom:1px solid var(--line);margin-bottom:5px;padding:15px 12px}.profile-dropdown-name small{color:var(--muted);letter-spacing:.08em;margin-bottom:6px;font-size:.75rem;display:block}.profile-dropdown-name strong{overflow-wrap:anywhere;font-size:1.1rem;display:block}.profile-dropdown nav{display:grid}.profile-dropdown :is(a,button){text-align:left;width:100%;min-height:46px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;gap:20px;padding:10px 12px;font-size:1rem;display:flex}:is(.profile-dropdown :is(a,button):hover,.profile-dropdown :is(a,button):focus-visible){background:color-mix(in srgb,var(--accent) 12%,transparent);outline:2px solid var(--accent);outline-offset:-2px}.profile-dropdown button{border-top:1px solid var(--line);margin-top:5px}.profile-dropdown button:disabled{opacity:.6;cursor:wait}.profile-dropdown>p{padding:8px 12px;font-size:.875rem;line-height:1.5}.header-actions{gap:12px}@media (max-width:760px){.header-actions{gap:5px}.header-actions .my-terrace{justify-content:center;min-width:44px;display:flex}.header-actions .my-terrace span{display:none}.profile-dropdown{right:-45px}.profile-avatar{width:40px;height:40px}}@media (max-width:380px){.header-inner{gap:5px;padding-left:12px;padding-right:12px}.terrace-brand{gap:4px}.terrace-brand .brand-name{font-size:1.6rem!important}.terrace-brand .brand-the{font-size:.6rem}.header-actions{gap:2px}}