.user-panel{--user-accent:var(--color-primary);--user-accent-soft:var(--color-primary-soft);--user-accent-border:color-mix(in srgb, var(--color-primary) 28%, var(--color-mix-lift));--user-accent-bar:var(--color-primary);padding-bottom:1.25rem}.user-panel.page-shell{padding-block:.75rem 1.25rem}@media (min-width:1024px){.user-panel.page-shell{padding-block:2rem 3rem}.user-panel{padding-bottom:3rem}}.user-panel-main{min-width:0;overflow:visible}.user-panel-main>h1{letter-spacing:-.02em;font-size:1.5rem;line-height:1.35}@media (min-width:768px){.user-panel-main>h1{font-size:1.75rem}}.user-panel-main>h1+p{max-width:36rem}.user-panel-aside{border:1px solid color-mix(in srgb, var(--color-border) 75%, var(--color-mix-lift));border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-soft);overflow:hidden}.user-panel-aside__head{background:linear-gradient(165deg, var(--user-accent-soft) 0%, var(--color-panel) 72%)}.user-panel-mobile-bar{border-bottom:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);background:color-mix(in srgb, var(--color-panel) 92%, transparent)}.user-subpage-back{min-width:2.75rem;min-height:2.75rem;color:var(--color-ink);transition:background-color var(--duration-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.user-subpage-back:hover,.user-subpage-back:active{background:var(--color-surface)}.user-panel-nav-link{border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-inline-start:3px solid #0000}.user-panel-nav-link[data-active=true]{border-inline-start-color:var(--user-accent-bar);background:var(--user-accent-soft);color:var(--user-accent);font-weight:700}.user-flat-surface{border:1px solid color-mix(in srgb, var(--color-border) 75%, var(--color-mix-lift));border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-soft)}.user-flat-btn{background:var(--user-accent-bar,var(--color-primary-bar));min-height:2.75rem;color:var(--color-on-primary);box-shadow:var(--shadow-soft);touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.25rem;font-size:.875rem;font-weight:700;display:inline-flex}.user-flat-btn:hover:not(:disabled){filter:brightness(1.05)}.user-flat-btn:disabled{opacity:.55}.user-flat-btn-ghost{border:1px solid var(--color-border);min-height:2.75rem;color:var(--color-ink);touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.15rem;font-size:.875rem;font-weight:600;display:inline-flex}.user-flat-btn-ghost:hover:not(:disabled){background:var(--color-surface)}.user-flat-chip{border:1px solid var(--color-border);background:var(--color-panel);min-height:2.5rem;color:var(--color-muted);touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:999px;align-items:center;padding:.35rem .85rem;font-size:.8125rem;display:inline-flex}.user-flat-chip[data-active=true]{border-color:var(--user-accent-border,var(--color-primary));background:var(--user-accent-soft,var(--color-primary-soft));color:var(--user-accent,var(--color-primary));font-weight:600}.user-panel-list{border:1px solid color-mix(in srgb, var(--color-border) 75%, var(--color-mix-lift));border-radius:var(--radius-lg);background:var(--color-panel);box-shadow:var(--shadow-soft);overflow:hidden}.user-panel-band{border-radius:var(--radius-lg);background:var(--user-accent-soft);border:1px solid var(--user-accent-border)}.user-switch{--switch-w:2.75rem;--switch-h:1.625rem;inline-size:var(--switch-w);block-size:var(--switch-h);flex-shrink:0;display:inline-block;position:relative}.user-switch input{z-index:1;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.user-switch input:disabled{cursor:not-allowed}.user-switch__track{background:var(--color-border-strong);transition:background-color var(--duration-fast) var(--ease-out);border-radius:999px;position:absolute;inset:0}.user-switch__thumb{inline-size:calc(var(--switch-h) - 6px);block-size:calc(var(--switch-h) - 6px);transition:transform var(--duration-base) var(--ease-out);background:#fff;border-radius:999px;position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 2px #24181d4d}.user-switch input:checked~.user-switch__track{background:var(--color-primary-bar)}.user-switch input:checked~.user-switch__thumb{transform:translateX(calc(-1 * (var(--switch-w) - var(--switch-h))))}:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .user-switch input:checked~.user-switch__thumb{transform:translateX(calc(var(--switch-w) - var(--switch-h)))}.user-switch input:focus-visible~.user-switch__track{outline:2px solid var(--color-focus-ring);outline-offset:2px}.user-switch input:disabled~.user-switch__track,.user-switch input:disabled~.user-switch__thumb{opacity:.55}@media (prefers-reduced-motion:reduce){.user-switch__thumb,.user-switch__track{transition:none}}.user-danger-surface{border:1px solid color-mix(in srgb, var(--color-danger) 32%, var(--color-mix-lift));border-radius:var(--radius-lg);background:var(--color-panel)}.user-danger-btn{border:1px solid color-mix(in srgb, var(--color-danger) 45%, var(--color-mix-lift));min-height:2.75rem;color:var(--color-danger);touch-action:manipulation;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1.25rem;font-size:.875rem;font-weight:700;display:inline-flex}.user-danger-btn:hover:not(:disabled){background:var(--color-danger-soft)}.user-danger-btn:disabled{opacity:.55}.user-danger-btn--solid{background:var(--color-danger-bar);color:var(--color-on-primary);border-color:#0000}.user-danger-btn--solid:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger-bar) 88%, #000)}@media (max-width:1023px){.user-panel-main .user-flat-surface,.user-panel-main form.user-flat-surface,.user-panel-main .user-panel-list,.user-panel-main ul.border{border-inline-width:0;border-radius:0;margin-inline:-1rem}.user-panel-main form .user-flat-btn:not(.user-flat-btn-ghost):not(.user-flat-btn-inline){width:100%}.user-panel-main input,.user-panel-main select,.user-panel-main textarea{font-size:16px}.user-panel-main img,.user-panel-main video,.user-panel-main pre{max-width:100%}}