.apm-backdrop{z-index:220;background:#000000c2;place-items:center;padding:18px;animation:.16s ease-out both apm-fade-in;display:grid;position:fixed;inset:0}.apm-modal{width:min(1120px,100%);max-height:calc((100vh / var(--wl-zoom)) - 36px);color:var(--foreground);background:radial-gradient(circle at 88% 2%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 32%), var(--background);border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);border-radius:22px;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) both apm-rise-in;display:flex;overflow:hidden;box-shadow:0 34px 100px -28px #000000e6}.apm-head{border-bottom:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);justify-content:space-between;align-items:flex-start;gap:24px;padding:22px 24px 18px;display:flex}.apm-kicker{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.apm-head h2{margin:5px 0 0;font-size:24px;line-height:1.15}.apm-head p{max-width:680px;color:color-mix(in srgb, var(--foreground) 62%, transparent);margin:7px 0 0;font-size:13px;line-height:1.5}.apm-close{width:38px;height:38px;color:color-mix(in srgb, var(--foreground) 70%, transparent);background:color-mix(in srgb, var(--foreground) 5%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);cursor:pointer;font:inherit;border-radius:12px;flex:none;place-items:center;font-size:22px;transition:color .14s,border-color .14s,transform .14s;display:grid}.apm-close:hover{color:var(--foreground);border-color:color-mix(in srgb, var(--primary) 48%, transparent);transform:rotate(4deg)}.apm-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:20px 24px 24px;overflow-y:auto}.apm-classes{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.apm-class{min-width:0;color:inherit;text-align:left;font:inherit;background:color-mix(in srgb, var(--foreground) 3%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);cursor:pointer;border-radius:14px;align-items:center;gap:11px;padding:9px;transition:transform .15s,border-color .15s,background .15s;display:flex}.apm-class:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent);transform:translateY(-2px)}.apm-class[data-selected=true]{background:color-mix(in srgb, var(--primary) 12%, transparent);border-color:color-mix(in srgb, var(--primary) 65%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 18%, transparent)}.apm-class-image{object-fit:cover;border-radius:11px;flex:none;width:54px;height:54px}.apm-class-copy{min-width:0}.apm-class-copy b,.apm-class-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.apm-class-copy b{font-size:13px}.apm-class-copy small{color:var(--primary);margin-top:3px;font-size:10.5px}.apm-content{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:22px;display:grid}.apm-preview{text-align:center;background:color-mix(in srgb, var(--card-bg) 88%, var(--background));border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);border-radius:18px;padding:18px;position:sticky;top:0}.apm-preview-art{background:color-mix(in srgb, var(--primary) 16%, var(--card-bg));width:196px;height:196px;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent), 0 20px 48px -24px color-mix(in srgb, var(--primary) 70%, #000);border-radius:50%;margin:0 auto;position:relative;overflow:hidden}.apm-preview-art img{object-fit:cover;width:100%;height:100%}.apm-preview h3{margin:17px 0 0;font-size:19px}.apm-preview p{color:color-mix(in srgb, var(--foreground) 58%, transparent);margin:7px 0 0;font-size:12.5px;line-height:1.5}.apm-current{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, transparent);border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:5px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.apm-levels{flex-direction:column;gap:14px;display:flex}.apm-level{background:color-mix(in srgb, var(--card-bg) 75%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 9%, transparent);border-radius:16px;padding:14px 15px 15px}.apm-level-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;display:flex}.apm-level-head b{font-size:13px}.apm-level-head span{color:color-mix(in srgb, var(--foreground) 45%, transparent);font-size:11px}.apm-level[data-locked=true]{opacity:.48}.apm-avatar-grid{grid-template-columns:repeat(4,minmax(72px,1fr));gap:10px;display:grid}.apm-avatar{aspect-ratio:1;background:color-mix(in srgb, var(--foreground) 5%, transparent);border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);cursor:pointer;border-radius:13px;min-width:0;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.apm-avatar img{object-fit:cover;width:100%;height:100%}.apm-avatar:hover:not(:disabled){border-color:var(--primary);transform:translateY(-3px)scale(1.015)}.apm-avatar[data-selected=true]{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent)}.apm-avatar:disabled{cursor:not-allowed}.apm-avatar-mark{min-width:22px;height:22px;color:var(--on-primary);background:var(--primary);border-radius:999px;place-items:center;padding:0 6px;font-size:10px;font-weight:900;display:grid;position:absolute;bottom:6px;right:6px}.apm-note{color:color-mix(in srgb, var(--foreground) 72%, transparent);background:color-mix(in srgb, var(--primary) 8%, transparent);border:1px dashed color-mix(in srgb, var(--primary) 32%, transparent);border-radius:12px;margin-bottom:16px;padding:11px 13px;font-size:12.5px;line-height:1.45}.apm-note a{color:var(--primary);margin-left:6px;font-weight:800}.apm-note[data-tone=error]{background:color-mix(in srgb, var(--danger) 9%, transparent);border-color:color-mix(in srgb, var(--danger) 34%, transparent)}.apm-note[data-tone=success]{background:color-mix(in srgb, var(--success) 9%, transparent);border-color:color-mix(in srgb, var(--success) 34%, transparent)}.apm-skeleton{min-height:360px;color:color-mix(in srgb, var(--foreground) 54%, transparent);place-items:center;font-size:13px;display:grid}.apm-actions{justify-content:flex-end;align-items:center;gap:10px;padding-top:18px;display:flex}.apm-button{min-height:42px;color:var(--foreground);font:inherit;border:1px solid color-mix(in srgb, var(--foreground) 14%, transparent);cursor:pointer;background:0 0;border-radius:12px;padding:0 18px;font-size:13px;font-weight:800}.apm-button-primary{color:var(--on-primary);background:var(--primary);border-color:#0000}.apm-button:disabled{cursor:not-allowed;opacity:.46}@keyframes apm-fade-in{0%{opacity:0}}@keyframes apm-rise-in{0%{opacity:0;transform:translateY(12px)scale(.985)}}@media (max-width:900px){.apm-classes{grid-template-columns:repeat(2,minmax(0,1fr))}.apm-content{grid-template-columns:1fr}.apm-preview{text-align:left;grid-template-columns:118px 1fr;align-items:center;gap:16px;display:grid;position:static}.apm-preview-art{grid-row:1/span 3;width:118px;height:118px;margin:0}.apm-preview h3{margin-top:0}.apm-current{justify-self:start;margin-top:5px}}@media (max-width:560px){.apm-backdrop{padding:8px}.apm-modal{max-height:calc((100vh / var(--wl-zoom)) - 16px);border-radius:16px}.apm-head{padding:17px 16px 14px}.apm-head h2{font-size:20px}.apm-body{padding:15px 14px 18px}.apm-class-image{width:42px;height:42px}.apm-avatar-grid{grid-template-columns:repeat(2,minmax(72px,1fr))}.apm-preview{grid-template-columns:86px 1fr}.apm-preview-art{width:86px;height:86px}}@media (prefers-reduced-motion:reduce){.apm-backdrop,.apm-modal{animation:none}.apm-class,.apm-avatar,.apm-close{transition:none}}