.family-surface{--family-ground: #FDFBF8;--family-ink: #191919;--family-label: #736860;--family-paper: #FFFFFF;--family-taupe: #EFE9DF;--family-skeleton: #F1EBE2;--family-border: #E6DFD3;--family-dot: #8D8079;background:var(--family-ground);color:var(--family-ink);font-family:Varta,sans-serif}.dark .family-surface{--family-ground:#141210;--family-ink:#F2EDE4;--family-label:#BDAFA8;--family-paper:#1E1B17;--family-taupe:#332D26;--family-skeleton:#332D26;--family-border:#4A4239}.family-label{color:var(--family-label)}.family-avatar{width:56px;height:56px;flex-shrink:0;border-radius:12px;background:var(--family-taupe);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;overflow:hidden}.family-chip{border:1.5px solid transparent;border-radius:12px;background:transparent;color:var(--family-ink);flex-shrink:0;min-height:44px}.family-surface .family-chip:hover,.family-surface .family-chip:active{background:var(--family-taupe);color:var(--family-ink)}.family-surface .family-chip[aria-pressed=true]{background:var(--family-taupe);border-color:var(--family-ink);color:var(--family-ink)}.family-skeleton{background:var(--family-skeleton);border-radius:8px}.family-row{background:transparent;color:var(--family-ink);border-bottom:1px solid var(--family-border)}.family-row:hover{background:var(--family-taupe)}.family-field{display:block;width:100%;min-height:44px;margin-top:6px;padding:10px 12px;background:var(--family-paper);color:var(--family-ink);border:1px solid var(--family-border);border-radius:8px}.family-status{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:var(--family-paper);border-radius:999px;padding:5px 8px;font-size:11px}.family-status-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--family-dot)}.family-kept{background:var(--family-taupe);border-radius:8px;overflow:hidden}.family-sheet{max-height:92dvh;overflow-y:auto;border-color:var(--family-border);border-radius:20px 20px 0 0;padding-bottom:max(env(safe-area-inset-bottom),20px)}.family-sheet *{letter-spacing:0}@media (prefers-reduced-motion: reduce){.family-surface,.family-surface *{animation:none!important;transition:none!important}}