*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#faf6f0;color:#3d1c08;font-family:system-ui,-apple-system,sans-serif;height:100dvh;display:flex;flex-direction:column;overflow:hidden}#topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#f0e8d8;border-bottom:1px solid #d4b896;flex-shrink:0;gap:16px;flex-wrap:wrap}#title-block{display:flex;flex-direction:column;gap:2px}#app-title{font-size:1rem;font-weight:600;letter-spacing:.03em;color:#3d1c08}#app-subtitle{font-size:.7rem;color:#9b5e2a;letter-spacing:.08em;text-transform:uppercase}#controls{display:flex;align-items:center;gap:12px}#view-nav{display:flex;gap:6px}.toggle-btn{background:transparent;border:1px solid #c4a07a;color:#7a5538;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;letter-spacing:.03em;transition:border-color .15s,color .15s,background .15s}.toggle-btn.active{border-color:#9b5e2a;color:#9b5e2a;background:#f5e8d0}.toggle-btn:not(.active){border-style:dashed;opacity:.5}#viz.daughters-hidden .arc-daughter{opacity:0!important;pointer-events:none}.view-btn{background:transparent;border:1px solid #c4a07a;color:#7a5538;padding:5px 14px;border-radius:4px;cursor:pointer;font-size:.8rem;letter-spacing:.04em;transition:border-color .15s,color .15s,background .15s}.view-btn:hover{border-color:#9b5e2a;color:#6b3a1f}.view-btn.active{border-color:#7a4419;color:#faf6f0;background:#7a4419}#viz{flex:1;position:relative;overflow:hidden}#viz svg{display:block;width:100%;height:100%;touch-action:pinch-zoom}#tooltip{position:absolute;pointer-events:none;background:#fff8f0;border:1px solid #c4a07a;border-radius:6px;padding:8px 12px;font-size:.78rem;line-height:1.5;color:#3d1c08;max-width:220px;z-index:100;opacity:0;transition:opacity .1s;box-shadow:0 2px 8px #3d1c081f}#tooltip.visible{opacity:1}#tooltip .tt-name{font-weight:600;color:#3d1c08;margin-bottom:2px}#tooltip .tt-meta{color:#9b5e2a;font-size:.72rem}#tooltip .tt-wife{color:#7a3d6e;font-size:.72rem}#breadcrumb{display:none;align-items:center;gap:4px;padding:7px 18px;background:#f0e8d8;border-top:1px solid #d4b896;font-size:.75rem;flex-shrink:0;flex-wrap:wrap}#breadcrumb.visible{display:flex}#breadcrumb .crumb{color:#9b5e2a;cursor:pointer;text-decoration:underline;text-underline-offset:2px}#breadcrumb .crumb:hover{color:#6b3a1f}#breadcrumb .crumb-sep{color:#c4a07a;-webkit-user-select:none;user-select:none}#breadcrumb .crumb-current{color:#3d1c08;font-weight:600}.node-daughter{stroke-dasharray:4 2;stroke-width:1.5}