.mimi-profile-example{--mimi-bg:#fafafa;--mimi-fg:#030201;--mimi-copy-secondary:#24211a;--mimi-copy-muted:#3b342e;--mimi-copy-disabled:#6b615e;--mimi-canvas-base:#f4efdc;--mimi-canvas-secondary:#ec5a44;--mimi-canvas-muted:#c3bfbe;--mimi-stroke:#030201;--mimi-space-1:.25rem;--mimi-space-2:.5rem;--mimi-space-3:.75rem;--mimi-space-4:1rem;--mimi-space-5:1.5rem;--mimi-space-6:2rem;--mimi-font-sans:var(--font-momo-sans), "Momo Trust Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mimi-font-display:var(--font-momo-display), "Momo Trust Display", var(--mimi-font-sans);--mimi-font-mono:var(--font-martian-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;box-sizing:border-box;width:min(100%,28rem);padding:var(--mimi-space-3);color:var(--mimi-fg);background:var(--mimi-canvas-base);font-family:var(--mimi-font-sans);margin:0 auto;font-size:.95rem;line-height:1.375rem}.mimi-profile-example *,.mimi-profile-example :before,.mimi-profile-example :after{box-sizing:border-box}.mimi-profile-example__intro,.mimi-profile-example__panel-heading,.mimi-profile-example__timeline-card,.mimi-profile-example__recipe-card,.mimi-profile-example__family-tree,.mimi-profile-example__memory-detail{background:var(--mimi-bg);border:1px solid var(--mimi-stroke);box-shadow:none}.mimi-profile-example__intro{align-items:flex-start;gap:var(--mimi-space-3);padding:var(--mimi-space-4);grid-template-columns:4.5rem minmax(0,1fr);display:grid}.mimi-profile-example__avatar-frame{background:var(--mimi-canvas-muted);border:1px solid var(--mimi-stroke);flex:0 0 4.5rem;width:4.5rem;overflow:hidden}.mimi-profile-example__avatar{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.mimi-profile-example__intro-copy{justify-content:center;gap:var(--mimi-space-1);flex-direction:column;min-width:0;min-height:4.5rem;display:flex}.mimi-profile-example__eyebrow,.mimi-profile-example__memory-eyebrow,.mimi-profile-example__stat dt{color:var(--mimi-copy-secondary);font-family:var(--mimi-font-mono);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.625rem;font-weight:600;line-height:.875rem}.mimi-profile-example__title{color:var(--mimi-fg);font-family:var(--mimi-font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.35rem,6.2vw,1.7rem);font-weight:600;line-height:1.05}.mimi-profile-example__role,.mimi-profile-example__meta,.mimi-profile-example__bio{color:var(--mimi-copy-secondary);margin:0;font-size:.95rem;line-height:1.375rem}.mimi-profile-example__role{font-weight:600}.mimi-profile-example__meta{color:var(--mimi-copy-muted);font-size:.8rem;line-height:1rem}.mimi-profile-example__bio{color:var(--mimi-copy-secondary)}.mimi-profile-example__stats{align-items:flex-start;gap:var(--mimi-space-3);margin:var(--mimi-space-1) 0 0;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mimi-profile-example__stat{min-width:0;position:relative}.mimi-profile-example__stat dd{color:var(--mimi-fg);font-family:var(--mimi-font-display);margin:.15rem 0 0;font-size:1.4rem;font-weight:600;line-height:1.55rem}.mimi-profile-example__stat-button{appearance:none;min-width:2rem;color:inherit;cursor:pointer;font:inherit;text-align:left;touch-action:manipulation;background:0 0;border:0;justify-content:flex-start;align-items:center;padding:0;display:inline-flex}.mimi-profile-example__stat-button:hover,.mimi-profile-example__stat-button:focus-visible{color:var(--mimi-canvas-secondary);outline:none}.mimi-profile-example__connections-menu{z-index:2;top:calc(100% + var(--mimi-space-2));width:min(14rem, calc(200% + var(--mimi-space-3)));gap:var(--mimi-space-2);padding:var(--mimi-space-3);color:var(--mimi-fg);font-family:var(--mimi-font-sans);background:var(--mimi-bg);border:1px solid var(--mimi-stroke);flex-direction:column;margin:0;list-style:none;display:flex;position:absolute;left:0}.mimi-profile-example__connections-menu li{flex-direction:column;gap:.1rem;min-width:0;display:flex}.mimi-profile-example__connection-name{color:var(--mimi-fg);font-family:var(--mimi-font-sans);font-size:.85rem;font-weight:600;line-height:1.1rem}.mimi-profile-example__connection-relation{color:var(--mimi-copy-muted);font-family:var(--mimi-font-sans);font-size:.75rem;font-weight:500;line-height:1rem}.mimi-profile-example__tabs{gap:var(--mimi-space-2);margin-top:var(--mimi-space-3);padding:var(--mimi-space-2);background:var(--mimi-bg);border:1px solid var(--mimi-stroke);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mimi-profile-example__tab{appearance:none;min-height:3rem;padding:.75rem var(--mimi-space-3);color:var(--mimi-fg);cursor:pointer;font:inherit;text-align:center;touch-action:manipulation;background:0 0;border:1px solid #0000;font-size:.85rem;font-weight:600;line-height:1.15rem}.mimi-profile-example__tab:hover,.mimi-profile-example__tab:focus-visible{background:var(--mimi-canvas-secondary);border-color:var(--mimi-stroke);outline:none}.mimi-profile-example__tab.is-active{color:var(--mimi-bg);background:var(--mimi-fg);border-color:var(--mimi-stroke)}.mimi-profile-example__body{margin-top:var(--mimi-space-3)}.mimi-profile-example__timeline-panel,.mimi-profile-example__recipes-panel,.mimi-profile-example__family-panel{gap:var(--mimi-space-3);flex-direction:column;display:flex}.mimi-profile-example__panel-heading{gap:var(--mimi-space-1);padding:var(--mimi-space-4);flex-direction:column;display:flex}.mimi-profile-example__panel-heading h3{color:var(--mimi-fg);font-family:var(--mimi-font-display);margin:0;font-size:1.4rem;font-weight:600;line-height:1.8rem}.mimi-profile-example__panel-heading p{color:var(--mimi-copy-muted);margin:0;font-size:.85rem;line-height:1.25rem}.mimi-profile-example__panel-heading span{width:fit-content;color:var(--mimi-copy-secondary);font-family:var(--mimi-font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.625rem;font-weight:600;line-height:.875rem}.mimi-profile-example__timeline-list{gap:var(--mimi-space-3);margin-left:var(--mimi-space-2);padding:0 0 var(--mimi-space-2) var(--mimi-space-5);border-left:1px solid var(--mimi-stroke);flex-direction:column;display:flex;position:relative}.mimi-profile-example__timeline-card{min-width:0;padding:0;position:relative}.mimi-profile-example__timeline-button{align-items:flex-start;gap:var(--mimi-space-3);width:100%;min-width:0;padding:var(--mimi-space-4);color:inherit;cursor:pointer;font:inherit;text-align:left;touch-action:manipulation;background:0 0;border:0;display:flex}.mimi-profile-example__timeline-button:hover,.mimi-profile-example__timeline-button:focus-visible{background:var(--mimi-canvas-secondary);outline:none}.mimi-profile-example__timeline-marker{left:calc(-1 * var(--mimi-space-5) - .375rem - .5px);background:var(--mimi-bg);border:1px solid var(--mimi-stroke);width:.75rem;height:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.mimi-profile-example__timeline-marker span{display:none}.mimi-profile-example__memory-image{object-fit:cover;background:var(--mimi-canvas-muted);border:1px solid var(--mimi-stroke);flex:0 0 5.5rem;order:2;width:5.5rem;height:5.5rem;display:block}.mimi-profile-example__memory-copy{flex:auto;order:1;min-width:0}.mimi-profile-example__memory-title{margin-top:var(--mimi-space-2);color:var(--mimi-fg);font-size:.95rem;font-weight:600;line-height:1.375rem;display:block}.mimi-profile-example__memory-summary{margin-top:var(--mimi-space-1);color:var(--mimi-copy-secondary);font-size:.85rem;line-height:1.25rem;display:block}.mimi-profile-example__recipe-list{gap:var(--mimi-space-3);flex-direction:column;display:flex}.mimi-profile-example__recipe-card{gap:var(--mimi-space-2);min-width:0;padding:var(--mimi-space-4);flex-direction:column;display:flex}.mimi-profile-example__recipe-card h4{color:var(--mimi-fg);margin:0;font-size:1rem;font-weight:600;line-height:1.35rem}.mimi-profile-example__recipe-card p{color:var(--mimi-copy-secondary);margin:0;font-size:.85rem;line-height:1.25rem}.mimi-profile-example__recipe-card ul{gap:var(--mimi-space-1);margin:var(--mimi-space-1) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.mimi-profile-example__recipe-card li{gap:var(--mimi-space-2);color:var(--mimi-copy-muted);grid-template-columns:minmax(4.5rem,auto) minmax(0,1fr);font-size:.75rem;line-height:1rem;display:grid}.mimi-profile-example__recipe-card li span:first-child{color:var(--mimi-copy-secondary);font-family:var(--mimi-font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.65rem;font-weight:600}.mimi-profile-example__memory-detail{gap:var(--mimi-space-4);padding:var(--mimi-space-4);flex-direction:column;display:flex}.mimi-profile-example__back-button{width:fit-content;min-height:2.5rem;padding:.5rem var(--mimi-space-4);color:var(--mimi-bg);background:var(--mimi-fg);border:1px solid var(--mimi-stroke);cursor:pointer;font:inherit;font-size:.85rem;font-weight:600;line-height:1.15rem}.mimi-profile-example__back-button:hover,.mimi-profile-example__back-button:focus-visible{background:var(--mimi-fg);outline:none}.mimi-profile-example__detail-image{object-fit:contain;background:var(--mimi-canvas-muted);border:1px solid var(--mimi-stroke);width:100%;height:auto;max-height:24rem;display:block}.mimi-profile-example__detail-copy{gap:var(--mimi-space-2);flex-direction:column;display:flex}.mimi-profile-example__detail-copy h2{color:var(--mimi-fg);font-family:var(--mimi-font-display);margin:0;font-size:1.5rem;font-weight:600;line-height:1.9rem}.mimi-profile-example__detail-copy p{color:var(--mimi-copy-secondary);margin:0;font-size:.95rem;line-height:1.5rem}.mimi-profile-example__detail-copy .mimi-profile-example__memory-eyebrow{color:var(--mimi-copy-secondary);font-family:var(--mimi-font-mono);font-size:.625rem;line-height:.875rem}.mimi-profile-example__family-tree{--mimi-family-line-width:1px;padding:var(--mimi-space-3);flex-direction:column;align-items:stretch;gap:0;display:flex}.mimi-profile-example__family-node{width:5.5rem;min-width:0;height:3.75rem;min-height:0;padding:var(--mimi-space-2);text-align:center;background:var(--mimi-canvas-base);border:var(--mimi-family-line-width) solid var(--mimi-stroke);color:var(--mimi-fg);place-items:center;gap:.1rem;font-size:.75rem;font-weight:600;line-height:1rem;display:grid}.mimi-profile-example__family-node span{color:var(--mimi-fg);font-size:.85rem;font-weight:400;line-height:1.25rem}.mimi-profile-example__family-node small{color:var(--mimi-copy-secondary);font-family:var(--mimi-font-mono);letter-spacing:.025em;text-transform:uppercase;font-size:.42rem;font-weight:500;line-height:.65rem}.mimi-profile-example__family-node--primary{gap:var(--mimi-space-1);background:var(--mimi-canvas-secondary)}.mimi-profile-example__family-node--primary small{color:var(--mimi-fg)}.mimi-profile-example__family-node--primary img{display:none}.mimi-profile-example__family-connector{height:1.5rem;color:var(--mimi-stroke);align-self:center;display:block;overflow:visible}.mimi-profile-example__family-connector--children{width:calc((5.5rem * 2) + var(--mimi-space-2))}.mimi-profile-example__family-connector--grandchildren{width:calc((5.5rem * 4) + (var(--mimi-space-2) * 3))}.mimi-profile-example__family-connector line{stroke:currentColor;stroke-width:var(--mimi-family-line-width);vector-effect:non-scaling-stroke;stroke-linecap:square}.mimi-profile-example__family-row{gap:var(--mimi-space-2);justify-content:center;display:grid}.mimi-profile-example__family-row--two{grid-template-columns:repeat(2,5.5rem)}.mimi-profile-example__family-row--three{grid-template-columns:repeat(3,5.5rem)}.mimi-profile-example__family-row--four{grid-template-columns:repeat(4,5.5rem)}.mimi-profile-example__family-row--couple{position:relative}.mimi-profile-example__family-row--couple:before,.mimi-profile-example__family-row--couple:after{z-index:1;content:"";background:var(--mimi-stroke);pointer-events:none;position:absolute}.mimi-profile-example__family-row--couple:before{top:50%;left:calc(50% - (var(--mimi-family-line-width) / 2));width:var(--mimi-family-line-width);height:50%}.mimi-profile-example__family-row--couple:after{top:calc(50% - (var(--mimi-family-line-width) / 2));left:calc(50% - (var(--mimi-space-2) / 2));width:var(--mimi-space-2);height:var(--mimi-family-line-width)}.mimi-profile-example__family-row--center{justify-content:center;display:flex}
