/* Independent profile surface; loaded alongside the existing MISAKA Options styles. */
.mp-profile { max-width: 1180px; margin: 0 auto; color: var(--text); }
.mp-demo-banner { display:flex; gap:10px; align-items:flex-start; padding:10px 12px; margin:4px 0 16px; border:1px solid #785d28; border-radius:10px; background:#241f15; color:#e9d8ad; font-size:12px; line-height:1.45; }
.mp-demo-banner b { flex:none; color:#ffd978; letter-spacing:.04em; }
.mp-identity { display:flex; gap:18px; align-items:flex-start; padding:14px 4px 18px; }
.mp-avatar { width:76px; height:76px; flex:none; display:grid; place-items:center; border-radius:50%; background:linear-gradient(145deg,#30465a,#172636); border:1px solid var(--border2); color:#d5e5f5; font-size:32px; font-weight:650; }
.mp-identity-copy { min-width:0; flex:1; }
.mp-name-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.mp-name-row h1 { margin:0; font-size:26px; line-height:1.25; }
.mp-pronouns,.mp-handle,.mp-note { color:var(--muted); }
.mp-pronouns { font-size:13px; }
.mp-handle { margin:2px 0 8px; font-size:18px; }
.mp-bio { margin:0 0 9px; }
.mp-social-counts { display:flex; gap:16px; font-size:13px; }
.mp-social-counts a { color:var(--muted); }
.mp-social-counts b { color:var(--text); }
.mp-follow { padding:6px 12px; border:1px solid var(--border2); border-radius:8px; background:var(--panel2); color:var(--muted); font-size:12px; }
.mp-tabs { display:flex; gap:4px; overflow-x:auto; border-bottom:1px solid var(--border2); margin-bottom:18px; scrollbar-width:thin; }
.mp-tab { display:flex; align-items:center; gap:7px; flex:none; padding:9px 12px; color:var(--muted); border-bottom:2px solid transparent; font-size:13px; }
.mp-tab.is-active { color:var(--text); border-bottom-color:#f78166; font-weight:600; }
.mp-tab span { padding:0 6px; border-radius:10px; background:var(--panel2); color:var(--muted); font-size:11px; }
.mp-layout { display:grid; grid-template-columns:minmax(190px, .72fr) minmax(0, 2fr); gap:18px; align-items:start; }
.mp-sidebar,.mp-content { display:grid; gap:14px; min-width:0; }
.mp-panel { min-width:0; border:1px solid var(--border2); border-radius:11px; background:var(--panel); overflow:hidden; }
.mp-panel > header { display:flex; gap:10px; justify-content:space-between; align-items:center; padding:11px 14px; border-bottom:1px solid var(--border); }
.mp-panel > header h2,.mp-side-card h2 { margin:0; font-size:14px; }
.mp-panel > header > span { color:var(--muted); font-size:11px; }
.mp-side-card { padding:14px; }
.mp-side-org { display:flex; align-items:center; gap:8px; margin-top:11px; font-size:13px; font-weight:600; }
.mp-side-org > span,.mp-org-avatar { display:grid; place-items:center; flex:none; width:28px; height:28px; border:1px solid var(--border2); border-radius:7px; background:var(--panel2); }
.mp-side-achievements { display:flex; gap:7px; margin-top:12px; }
.mp-side-achievements span { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--border2); border-radius:50%; color:#f2c14e; background:var(--panel2); }
.mp-side-card .mp-note { margin:8px 0 0; font-size:11px; }
.mp-empty { display:grid; justify-items:center; text-align:center; padding:24px 20px; color:var(--muted); }
.mp-empty strong { margin-top:7px; color:var(--text); font-size:14px; }
.mp-empty p { max-width:520px; margin:4px 0 0; font-size:12px; }
.mp-empty-icon { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--border2); border-radius:50%; color:var(--muted); }
.mp-graph-wrap { display:flex; gap:8px; padding:14px; overflow:hidden; }
.mp-weekdays { flex:none; display:grid; grid-template-rows:repeat(7, 10px); gap:3px; color:var(--muted); font-size:9px; }
.mp-weekdays span:nth-child(1) { grid-row:2; }.mp-weekdays span:nth-child(2) { grid-row:4; }.mp-weekdays span:nth-child(3) { grid-row:6; }
.mp-graph { display:grid; grid-auto-flow:column; grid-template-rows:repeat(7,10px); grid-auto-columns:10px; gap:3px; width:100%; overflow:hidden; }
.mp-day { display:block; border-radius:2px; background:#263342; }
.mp-day-unknown { opacity:.55; }
.mp-note { margin:0; padding:0 14px 13px; font-size:11px; line-height:1.5; }
.mp-org-head { display:flex; align-items:center; gap:9px; padding:12px 14px 7px; }
.mp-org-avatar { width:34px; height:34px; font-size:17px; }
.mp-org-head a { display:block; font-weight:600; }
.mp-org-head small { display:block; color:var(--muted); font-size:11px; }
.mp-repo-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:8px 12px 12px; }
.mp-repo { min-width:0; padding:11px; border:1px solid var(--border); border-radius:8px; }
.mp-repo-title { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.mp-repo-title a { overflow-wrap:anywhere; font-size:12px; font-weight:600; }
.mp-public { flex:none; padding:1px 6px; border:1px solid var(--border2); border-radius:20px; color:var(--muted); font-size:10px; }
.mp-repo p { min-height:36px; margin:8px 0; color:var(--muted); font-size:11px; line-height:1.5; }
.mp-repo-meta { display:flex; gap:12px; color:var(--muted); font-size:10px; }
.mp-lang-dot { display:inline-block; width:8px; height:8px; margin-right:5px; border-radius:50%; background:#3572a5; }
.mp-achievements { display:flex; flex-wrap:wrap; gap:8px; padding:14px; }
.mp-achievement { display:flex; align-items:center; gap:7px; padding:6px 9px; border:1px solid var(--border); border-radius:20px; color:var(--muted); font-size:11px; }
.mp-achievement b { color:#f2c14e; }
@media (max-width:700px) {
  .mp-profile { margin:0 -2px; }
  .mp-demo-banner { display:grid; gap:3px; margin:2px 0 12px; padding:8px 10px; font-size:10px; }
  .mp-identity { gap:11px; padding:10px 2px 13px; }
  .mp-avatar { width:52px; height:52px; font-size:23px; }
  .mp-name-row h1 { font-size:20px; }
  .mp-pronouns { font-size:11px; }
  .mp-handle { margin:1px 0 5px; font-size:14px; }
  .mp-bio { margin-bottom:5px; font-size:12px; }
  .mp-social-counts { gap:12px; font-size:11px; }
  .mp-follow { align-self:flex-start; padding:5px 7px; max-width:84px; font-size:10px; }
  .mp-tabs { margin:0 -12px 12px; padding:0 8px; }
  .mp-tab { padding:8px 9px; font-size:11px; }
  .mp-layout { grid-template-columns:minmax(0,1fr); gap:10px; }
  .mp-sidebar { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .mp-side-card { padding:10px; }
  .mp-side-card h2 { font-size:12px; }
  .mp-side-org { gap:5px; font-size:10px; overflow-wrap:anywhere; }
  .mp-side-org > span { width:23px; height:23px; }
  .mp-side-achievements { gap:4px; }
  .mp-side-achievements span { width:27px; height:27px; }
  .mp-content { gap:10px; }
  .mp-panel > header { padding:9px 11px; }
  .mp-panel > header h2 { font-size:13px; }
  .mp-panel > header > span { font-size:10px; }
  .mp-empty { padding:18px 13px; }
  .mp-empty p { font-size:11px; }
  .mp-graph-wrap { padding:10px 8px; gap:5px; }
  .mp-graph { grid-template-rows:repeat(7,7px); grid-auto-columns:7px; gap:2px; }
  .mp-weekdays { grid-template-rows:repeat(7,7px); font-size:8px; }
  .mp-repo-list { grid-template-columns:minmax(0,1fr); gap:7px; padding:7px 9px 10px; }
  .mp-repo { padding:9px; }
  .mp-repo p { min-height:0; margin:6px 0; }
}