.moving-selection{position:relative;isolation:isolate}
.selection-indicator{position:absolute;left:0;top:0;pointer-events:none;z-index:-1;opacity:0;border-radius:var(--r-small);background:linear-gradient(115deg,color-mix(in srgb,var(--tone-1) 24%,transparent),color-mix(in srgb,var(--tone-2) 18%,transparent));will-change:transform}
.moving-selection[data-selection-ready]>.selection-indicator{transition:transform .46s var(--ease),width .46s var(--ease),height .46s var(--ease),opacity .22s,border-radius .4s}
.moving-selection button.active,.moving-selection button[aria-selected=true]{background:transparent!important;box-shadow:none!important}
.moving-selection button:active:not(:disabled){transform:none}
.segmented>.selection-indicator{background:var(--surface);box-shadow:0 1px 5px #102e2018}
#engines>.selection-indicator,.personal-spaces>.selection-indicator{background:#ffffff24}
.personal-spaces .personal-space[aria-selected=true]{color:#fff;border-color:#ffffff60}
.sidebar{position:sticky;top:16px;align-self:start;max-height:calc(100svh - 32px);overflow-y:auto;scrollbar-width:thin}
.category-section{scroll-margin-top:26px}
.section-heading.category-arrival{animation:category-arrival .8s var(--ease)}
@keyframes category-arrival{0%,100%{color:var(--text)}35%{color:var(--accent);transform:translateX(4px)}}
.topbar #personalAccount.has-identity{width:auto;max-width:190px;gap:8px;padding:4px 10px 4px 4px;border-radius:var(--r-small);background:#ffffff16;transition:background .25s,box-shadow .25s}
.account-avatar{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--theme-gradient);color:#fff;font-size:12px;font-weight:600;border:1px solid #ffffff60}
.account-avatar img{width:100%;height:100%;object-fit:cover;animation:avatar-enter .3s var(--ease)}
.account-label{font-size:12px;min-width:0;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.personal-avatar-editor{display:flex;align-items:center;gap:18px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.personal-avatar-preview{display:grid;place-items:center;width:76px;height:76px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--theme-gradient);color:#fff;font-size:25px;font-weight:600;box-shadow:0 5px 20px #102e2018}
.personal-avatar-preview img{width:100%;height:100%;object-fit:cover;animation:avatar-enter .3s var(--ease)}
.personal-avatar-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.personal-avatar-editor .form-error{flex-basis:100%;overflow-wrap:anywhere}
@keyframes avatar-enter{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@media(max-width:700px){.sidebar{top:8px;max-height:none;overflow:hidden;z-index:8}.category-section{scroll-margin-top:112px}.topbar #personalAccount.has-identity{max-width:112px;gap:5px;padding-right:7px}.account-label{max-width:65px;font-size:11px}.account-avatar{width:25px;height:25px}.topbar .brand{flex:1}.topbar .brand strong{max-width:100px}.topbar .top-actions{gap:1px}.personal-avatar-editor{gap:12px}.personal-avatar-preview{width:64px;height:64px}}
@media(max-width:360px){.personal-signed-in .topbar #appearanceBtn{display:none}.topbar .brand strong{max-width:70px}.account-label{max-width:54px}}
@media(prefers-reduced-motion:reduce){.selection-indicator,.account-avatar img,.personal-avatar-preview img,.section-heading.category-arrival{transition:none!important;animation:none!important}}
.motion-off .selection-indicator,.motion-off .account-avatar img,.motion-off .personal-avatar-preview img,.motion-off .section-heading.category-arrival{transition:none!important;animation:none!important}
