.ml-layout{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:26px;margin-top:8px}.ml-roster{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start}.ml-avatar{display:grid;justify-items:center;gap:8px;padding:14px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--paper);color:var(--ink);cursor:pointer;text-align:center;box-shadow:var(--control-shadow);transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.ml-avatar img{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--soft);border:1px solid var(--line)}.ml-avatar span{font-size:var(--text-xs);font-weight:800;line-height:1.25}.ml-avatar:hover{transform:var(--lift-sm);border-color:#c5c0b2;box-shadow:var(--control-hover-shadow)}.ml-avatar.is-active{border-color:#141413;box-shadow:var(--control-active-shadow)}.ml-avatar.is-active img{border-color:var(--accent);box-shadow:0 0 0 3px #cc785c40}.ml-panel{display:grid;gap:22px;align-content:start;padding:26px;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--soft-shadow);animation:ml-fade var(--motion-base) var(--ease-out)}@keyframes ml-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ml-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.ml-panel-head h2{font-size:26px;font-weight:900}.ml-tagline{margin-top:4px;color:var(--muted);font-family:var(--font-serif);font-size:var(--text-md);line-height:1.5}.ml-profile-link{display:inline-flex;align-items:center;gap:6px;flex:none;padding:8px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:800;transition:border-color var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.ml-profile-link:hover{border-color:#141413;color:var(--accent)}.ml-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ml-chart-card{padding:18px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--page)}.ml-chart-card h3{font-size:var(--text-base);font-weight:900}.ml-chart-desc{margin-top:4px;color:var(--muted);font-family:var(--font-serif);font-size:var(--text-xs);line-height:1.5}.ml-radar{width:100%;height:280px;margin-top:6px}.ml-metric{margin-top:22px}.ml-metric-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.ml-metric-head span{color:var(--muted-strong);font-size:var(--text-sm);font-weight:700}.ml-metric-head strong{font-size:var(--text-md);font-weight:900;font-variant-numeric:tabular-nums}.ml-bar{height:10px;border-radius:var(--radius-pill);background:var(--soft);overflow:hidden}.ml-bar-fill{display:block;height:100%;border-radius:var(--radius-pill);background:#141413;transition:width var(--motion-slow) var(--ease-out)}.ml-bar-fill.alt{background:var(--accent)}.ml-framework h3{margin-bottom:14px;font-size:var(--text-lg);font-weight:900}.ml-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:none}.ml-steps li{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-button);background:var(--page);color:var(--muted-strong);font-family:var(--font-serif);font-size:var(--text-md);line-height:1.45}.ml-step-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#141413;color:#faf9f5;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:900}.ml-note{max-width:760px;margin:24px 0 0;color:var(--muted);font-family:var(--font-serif);font-size:var(--text-sm);line-height:1.6}@media(max-width:900px){.ml-layout{grid-template-columns:1fr}.ml-roster{grid-template-columns:repeat(4,1fr)}.ml-charts{grid-template-columns:1fr}}@media(max-width:560px){.ml-roster{grid-template-columns:repeat(3,1fr)}.ml-avatar img{width:50px;height:50px}}