.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);flex:none;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;transition:color var(--wl-dur-1) var(--wl-ease), border-color var(--wl-dur-1) var(--wl-ease), transform var(--wl-dur-1) var(--wl-ease);border-radius:12px;flex:none;place-items:center;font-size:22px;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;transition:transform var(--wl-dur-1) var(--wl-ease), border-color var(--wl-dur-1) var(--wl-ease), background var(--wl-dur-1) var(--wl-ease);border-radius:14px;align-items:center;gap:11px;padding:9px;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;min-width:0;transition:transform var(--wl-dur-1) var(--wl-ease), border-color var(--wl-dur-1) var(--wl-ease), box-shadow var(--wl-dur-1) var(--wl-ease);border-radius:13px;padding:0;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{border-top:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px 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{place-items:end stretch;padding:0}.apm-modal{width:100%;height:calc(100vh / var(--wl-zoom));max-height:calc(100vh / var(--wl-zoom));border-radius:20px 20px 0 0}.apm-head{padding:17px 16px 14px}.apm-head h2{font-size:20px}.apm-head p{display:none}.apm-body{scrollbar-gutter:auto;padding:15px 14px 18px}.apm-classes{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:9px;padding:1px 1px 8px;display:flex;overflow-x:auto}.apm-classes::-webkit-scrollbar{display:none}.apm-class{scroll-snap-align:start;flex:0 0 calc(78% - 6px)}.apm-content{gap:13px}.apm-actions{padding:12px 14px 14px}.apm-actions .apm-button{flex:1;min-width:0;padding-inline:10px;font-size:12px}.apm-actions .apm-button-primary{flex:1.35}.apm-class-image{width:42px;height:42px}.apm-preview{grid-template-columns:76px 1fr;gap:13px;padding:13px}.apm-preview-art{width:76px;height:76px}.apm-level{padding:12px}.apm-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.apm-avatar{border-radius:11px}}@media (max-width:350px){.apm-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.apm-actions{gap:7px}.apm-actions .apm-button{font-size:11px}}@media (prefers-reduced-motion:reduce){.apm-backdrop,.apm-modal{animation:none}.apm-class,.apm-avatar,.apm-close{transition:none}}