.me{gap:16px;max-width:560px;display:grid}.me h1{margin:0}.me-summary p{margin:0;font-weight:700}.me-avatar{background:var(--pink-soft);--muted:var(--muted-on-soft);border:1px solid var(--pink-border);width:48px;height:48px;color:var(--pink-deep);border-radius:50%;place-items:center;font-weight:800;display:grid}.me-entries{gap:8px;margin:0;padding:0;list-style:none;display:grid}.me-entries a{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:48px;color:var(--ink);align-items:center;padding:0 16px;font-weight:700;display:flex}.me-signout{border:1px solid var(--pink);border-radius:var(--radius-pill);background:var(--surface);min-height:44px;color:var(--pink-deep);cursor:pointer;justify-self:start;padding:0 20px;font-weight:700}.me-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.me-entries{grid-template-columns:repeat(2,1fr)}}.me{gap:18px;max-width:640px;margin:0 auto}.me-hero{background:linear-gradient(180deg, var(--pink-soft), var(--bg));border-radius:var(--radius);padding:12px 16px 16px}.me-hero-actions{justify-content:flex-end;gap:8px;display:flex}.me-icon-link{min-width:44px;min-height:44px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.me-summary{align-items:center;gap:14px;display:flex}.me-avatar-link{border-radius:50%;display:inline-flex}.me-name{color:var(--pink-deep);margin:0;font-size:1.25rem;font-weight:800}.me-edit{color:var(--pink-deep);vertical-align:middle;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-6px;text-decoration:none;display:inline-flex}.me-signed-in{color:var(--muted-on-soft);margin:4px 0 0;font-size:.85rem}.me-stats{text-align:center;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.me-stats strong{color:var(--pink-deep);font-size:1.35rem;display:block}.me-stats span{color:var(--muted);font-size:.8rem}.me h2{color:var(--pink-deep);margin:0 0 8px;font-size:1rem}.me-entries{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:520px){.me-entries{grid-template-columns:repeat(3,1fr)}}.me-entries a,.me-rows a{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);min-height:56px;color:var(--ink);flex-direction:column;justify-content:center;gap:2px;padding:12px;text-decoration:none;display:flex}.me-rows{gap:8px;margin:0;padding:0;list-style:none;display:grid}.me-entry-title{font-weight:700}.me-entry-sub{color:var(--muted);font-size:.8rem}.me-hero{background:var(--pink-soft) url(/art/me-hero.jpg) center top / cover no-repeat}@media (max-width:639px){.me-hero{border-radius:0 0 var(--radius) var(--radius);margin:-12px -16px 0;padding:16px 28px 28px}}.me-avatar-wrap{display:inline-flex;position:relative}.me-camera{z-index:0;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:0;font-size:.9rem;position:absolute;bottom:-10px;right:-10px}.me-camera:before{content:"";z-index:-1;border:2px solid var(--bg);background:var(--surface,#fff);border-radius:50%;position:absolute;inset:6px}.me-level{background:var(--pink-soft);color:var(--pink-deep);border-radius:999px;margin:6px 0 0;padding:2px 10px;font-size:.8rem;font-weight:700;display:inline-block}.me-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;display:grid}.me-avatar-grid button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;padding:2px;display:inline-flex}.me-avatar-grid button[aria-checked=true]{border-color:var(--pink-deep)}.me-avatar-note{color:var(--muted);font-size:.85rem}:root[data-mode=night] .me-hero{background-image:none}
