*{box-sizing:border-box}:root{--brand-accent:#0f766e;--brand-accent-text:#fff;--brand-surface:#f8fafc;--brand-surface-muted:#f1f5f9;--brand-surface-elevated:#fff;--brand-sidebar-bg:#173b3a;--brand-sidebar-text:#e4f2ef;--brand-sidebar-active-bg:#0f766e;--brand-sidebar-active-text:#fff;--brand-border:#e2e8f0;--brand-text:#0f172a;--brand-text-muted:#64748b;--brand-success:#15803d;--brand-success-bg:color-mix(in srgb, var(--brand-success) 10%, var(--brand-surface-elevated));--brand-success-border:color-mix(in srgb, var(--brand-success) 34%, var(--brand-border));--brand-success-text:color-mix(in srgb, var(--brand-success) 82%, var(--brand-text));--brand-warning:#d97706;--brand-warning-bg:color-mix(in srgb, var(--brand-warning) 14%, var(--brand-surface-elevated));--brand-warning-border:color-mix(in srgb, var(--brand-warning) 38%, var(--brand-border));--brand-warning-text:color-mix(in srgb, var(--brand-warning) 84%, var(--brand-text));--brand-info:var(--brand-accent);--brand-info-bg:color-mix(in srgb, var(--brand-info) 10%, var(--brand-surface-elevated));--brand-info-border:color-mix(in srgb, var(--brand-info) 34%, var(--brand-border));--brand-info-text:color-mix(in srgb, var(--brand-info) 78%, var(--brand-text));--brand-danger:#b91c1c;--brand-danger-bg:color-mix(in srgb, var(--brand-danger) 10%, var(--brand-surface-elevated));--brand-danger-border:color-mix(in srgb, var(--brand-danger) 34%, var(--brand-border));--brand-danger-text:color-mix(in srgb, var(--brand-danger) 84%, var(--brand-text));--brand-badge-bg:#e0f2fe;--brand-badge-text:#075985;--brand-ring:#5eead4;--focus-ring-width:3px;--focus-ring-offset:2px;--hover-opacity:.94;--disabled-opacity:.62;--active-scale:.985;--radius-base:8px;--radius-card:10px;--radius-control:6px;--radius-xl:16px;--workspace-max-width:1080px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:.9375rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--line-height-tight:1.1;--line-height-base:1.45;--text-page-title-size:var(--font-page-title-size,var(--font-size-2xl));--text-page-title-line-height:var(--font-page-title-line-height,1.15);--text-page-title-weight:var(--font-page-title-weight,760);--text-page-title-letter-spacing:0;--text-section-title-size:var(--font-section-title-size,var(--font-size-lg));--text-section-title-line-height:var(--font-section-title-line-height,1.25);--text-section-title-weight:var(--font-section-title-weight,720);--text-section-title-letter-spacing:0;--text-card-title-size:var(--font-card-title-size,1rem);--text-card-title-line-height:var(--font-card-title-line-height,1.3);--text-card-title-weight:var(--font-card-title-weight,700);--text-card-title-letter-spacing:0;--text-body-size:var(--font-body-size,var(--font-size-md));--text-body-line-height:var(--font-body-line-height,1.5);--text-body-weight:var(--font-body-weight,400);--text-caption-size:var(--font-caption-size,var(--font-size-xs));--text-caption-line-height:var(--font-caption-line-height,1.35);--text-caption-weight:var(--font-caption-weight,600);--text-overline-size:var(--font-overline-size,.72rem);--text-overline-line-height:var(--font-overline-line-height,1);--text-overline-weight:var(--font-overline-weight,760);--text-overline-letter-spacing:0;--text-button-size:var(--font-button-size,var(--font-size-sm));--text-button-line-height:var(--font-button-line-height,1.1);--text-button-weight:var(--font-button-weight,var(--button-weight,650));--text-button-letter-spacing:var(--font-button-letter-spacing,0);--space-1:var(--space-xs,.25rem);--space-2:var(--space-sm,.5rem);--space-3:var(--space-md,.75rem);--space-4:var(--space-lg,1rem);--space-5:var(--space-xl,1.5rem);--space-6:var(--space-2xl,2rem);--shadow-xs:0 1px 2px #0f172a14;--shadow-sm:0 6px 18px #0f172a1a;--shadow-card:0 1px 2px #0f172a14, 0 8px 24px #0f172a14;--shadow-card-hover:0 1px 2px #0f172a1a, 0 14px 32px #0f172a24;--shadow-popover:0 20px 44px #0f172a2e, 0 2px 8px #0f172a1a;--shadow-modal:0 26px 64px #02061738, 0 3px 12px #02061724;--shadow-elevated:var(--shadow-card-hover);--surface-flat-bg:var(--brand-surface);--surface-flat-border:transparent;--surface-card-bg:var(--brand-surface-elevated);--surface-card-border:color-mix(in srgb, var(--brand-border) 74%, transparent);--surface-card-radius:var(--radius-card);--surface-card-shadow:var(--shadow-card);--surface-raised-bg:var(--brand-surface-elevated);--surface-raised-border:color-mix(in srgb, var(--brand-border) 78%, transparent);--surface-raised-shadow:var(--shadow-elevated);--surface-interactive-bg:color-mix(in srgb, var(--brand-surface-elevated) 96%, var(--brand-surface));--surface-interactive-border:color-mix(in srgb, var(--brand-border) 72%, transparent);--surface-interactive-shadow:var(--shadow-xs);--surface-interactive-hover-border:color-mix(in srgb, var(--brand-accent) 28%, var(--brand-border));--surface-interactive-hover-shadow:var(--shadow-card);--surface-danger-bg:color-mix(in srgb, var(--brand-danger) 6%, var(--brand-surface-elevated));--surface-danger-border:color-mix(in srgb, var(--brand-danger) 34%, var(--brand-border));--surface-danger-shadow:0 1px 2px color-mix(in srgb, var(--brand-danger) 10%, transparent);--status-neutral-bg:color-mix(in srgb, var(--brand-text-muted) 9%, var(--brand-surface-elevated));--status-neutral-border:color-mix(in srgb, var(--brand-text-muted) 24%, var(--brand-border));--status-neutral-text:color-mix(in srgb, var(--brand-text-muted) 88%, var(--brand-text));--status-info-bg:color-mix(in srgb, var(--brand-info) 10%, var(--brand-surface-elevated));--status-info-border:color-mix(in srgb, var(--brand-info) 34%, var(--brand-border));--status-info-text:color-mix(in srgb, var(--brand-info) 78%, var(--brand-text));--status-success-bg:color-mix(in srgb, var(--brand-success) 10%, var(--brand-surface-elevated));--status-success-border:color-mix(in srgb, var(--brand-success) 34%, var(--brand-border));--status-success-text:color-mix(in srgb, var(--brand-success) 78%, var(--brand-text));--status-warning-bg:color-mix(in srgb, var(--brand-warning) 14%, var(--brand-surface-elevated));--status-warning-border:color-mix(in srgb, var(--brand-warning) 38%, var(--brand-border));--status-warning-text:color-mix(in srgb, var(--brand-warning) 84%, var(--brand-text));--status-danger-bg:color-mix(in srgb, var(--brand-danger) 10%, var(--brand-surface-elevated));--status-danger-border:color-mix(in srgb, var(--brand-danger) 34%, var(--brand-border));--status-danger-text:color-mix(in srgb, var(--brand-danger) 84%, var(--brand-text));--shadow-status-success:0 1px 2px color-mix(in srgb, var(--brand-success) 10%, transparent), 0 8px 20px color-mix(in srgb, var(--brand-success) 8%, transparent);--shadow-status-warning:0 1px 2px color-mix(in srgb, var(--brand-warning) 10%, transparent), 0 8px 20px color-mix(in srgb, var(--brand-warning) 8%, transparent);--shadow-status-danger:0 1px 2px color-mix(in srgb, var(--brand-danger) 12%, transparent), 0 8px 22px color-mix(in srgb, var(--brand-danger) 10%, transparent);--shadow-status-info:0 1px 2px color-mix(in srgb, var(--brand-info) 10%, transparent), 0 8px 20px color-mix(in srgb, var(--brand-info) 8%, transparent);--action-control-height:2.25rem;--action-control-padding-x:.75rem;--button-radius:var(--radius-control);--button-weight:650;--duration-instant:80ms;--duration-quick:.12s;--duration-fast:.16s;--duration-base:.24s;--duration-slow:.36s;--easing-standard:cubic-bezier(.2, 0, 0, 1);--easing-enter:cubic-bezier(0, 0, .2, 1);--easing-exit:cubic-bezier(.4, 0, 1, 1)}@media (prefers-reduced-motion:reduce){:root{--duration-quick:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s}.iq-button{transition:none}.iq-button-spinner{animation:none}.iq-dialog-overlay,.iq-dialog-content{animation:none!important}}:root[data-theme-mode=dark]{--brand-surface:#0f172a;--brand-surface-muted:#111827;--brand-surface-elevated:#1e293b;--brand-border:#334155;--brand-text:#f8fafc;--brand-text-muted:#cbd5e1;--brand-success-bg:color-mix(in srgb, var(--brand-success) 18%, var(--brand-surface-elevated));--brand-success-border:color-mix(in srgb, var(--brand-success) 46%, var(--brand-border));--brand-success-text:color-mix(in srgb, #bbf7d0 88%, var(--brand-text));--brand-warning-bg:color-mix(in srgb, var(--brand-warning) 20%, var(--brand-surface-elevated));--brand-warning-border:color-mix(in srgb, var(--brand-warning) 52%, var(--brand-border));--brand-warning-text:color-mix(in srgb, #fde68a 86%, var(--brand-text));--brand-info-bg:color-mix(in srgb, var(--brand-info) 18%, var(--brand-surface-elevated));--brand-info-border:color-mix(in srgb, var(--brand-info) 46%, var(--brand-border));--brand-info-text:color-mix(in srgb, #bfdbfe 86%, var(--brand-text));--brand-danger-bg:color-mix(in srgb, var(--brand-danger) 18%, var(--brand-surface-elevated));--brand-danger-border:color-mix(in srgb, var(--brand-danger) 46%, var(--brand-border));--brand-danger-text:color-mix(in srgb, #fecaca 84%, var(--brand-text));--brand-badge-bg:color-mix(in srgb, var(--brand-accent) 22%, #0f172a);--brand-badge-text:#f8fafc;--shadow-xs:0 1px 2px #00000080;--shadow-sm:0 8px 20px #0000005c;--shadow-card:0 1px 2px #0009, 0 12px 28px #00000073;--shadow-card-hover:0 1px 2px #000000b3, 0 18px 36px #0000008c;--shadow-popover:0 22px 46px #0000008c, 0 2px 10px #0006;--shadow-modal:0 30px 72px #0009, 0 4px 14px #00000073}html{color:var(--brand-text);background:var(--brand-surface);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line-height)}body{background:var(--brand-surface);margin:0}button,input,select,textarea{color:var(--brand-text);font:inherit}.surface-flat{border:1px solid var(--surface-flat-border);background:var(--surface-flat-bg)}.surface-card{border:1px solid var(--surface-card-border);border-radius:var(--surface-card-radius);background:var(--surface-card-bg);box-shadow:var(--surface-card-shadow)}.surface-raised{border:1px solid var(--surface-raised-border);border-radius:var(--surface-card-radius);background:var(--surface-raised-bg);box-shadow:var(--surface-raised-shadow)}.surface-interactive{border:1px solid var(--surface-interactive-border);border-radius:var(--surface-card-radius);background:var(--surface-interactive-bg);box-shadow:var(--surface-interactive-shadow);transition:border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard)}.surface-interactive:hover{border-color:var(--surface-interactive-hover-border);box-shadow:var(--surface-interactive-hover-shadow);transform:translateY(-1px)}.surface-danger{border:1px solid var(--surface-danger-border);border-radius:var(--surface-card-radius);background:var(--surface-danger-bg);box-shadow:var(--surface-danger-shadow)}.border{border-style:solid!important;border-width:1px!important}.border-b{border-bottom-style:solid!important;border-bottom-width:1px!important}.border-l-4{border-left-style:solid!important;border-left-width:4px!important}.border-default{border-color:var(--surface-card-border)!important}.border-muted{border-color:var(--status-neutral-border)!important}.border-info{border-color:var(--status-info-border)!important}.border-safe{border-color:var(--status-success-border)!important}.border-warning{border-color:var(--status-warning-border)!important}.border-critical{border-color:var(--status-danger-border)!important}.bg-safe-soft{background:var(--status-success-bg)!important}.bg-info-soft{background:var(--status-info-bg)!important}.bg-muted-soft{background:var(--status-neutral-bg)!important}.bg-warning-soft{background:var(--status-warning-bg)!important}.bg-critical-soft{background:var(--status-danger-bg)!important}.text-safe{color:var(--status-success-text)!important}.text-info{color:var(--status-info-text)!important}.text-muted{color:var(--status-neutral-text)!important}.text-warning{color:var(--status-warning-text)!important}.text-critical{color:var(--status-danger-text)!important}.font-medium{font-weight:650!important}.shadow-safe{--semantic-shadow:var(--shadow-status-success);box-shadow:var(--semantic-shadow)!important}.shadow-info{--semantic-shadow:var(--shadow-status-info);box-shadow:var(--semantic-shadow)!important}.shadow-warning{--semantic-shadow:var(--shadow-status-warning);box-shadow:var(--semantic-shadow)!important}.shadow-critical{--semantic-shadow:var(--shadow-status-danger);box-shadow:var(--semantic-shadow)!important}.ring-1{--semantic-ring-width:1px}.ring-2{--semantic-ring-width:2px}.ring-safe,.ring-info,.ring-warning,.ring-critical{--semantic-ring-shadow:0 0 0 var(--semantic-ring-width,1px) var(--semantic-ring-color);box-shadow:var(--semantic-shadow,0 0 0 transparent), var(--semantic-ring-shadow)!important}.ring-safe{--semantic-ring-color:var(--status-success-border)}.ring-info{--semantic-ring-color:var(--status-info-border)}.ring-warning{--semantic-ring-color:var(--status-warning-border)}.ring-critical{--semantic-ring-color:var(--status-danger-border)}button:not(.iq-button){border-radius:var(--button-radius);background:var(--brand-accent);min-height:2.5rem;color:var(--brand-accent-text);cursor:pointer;font-size:var(--text-button-size);font-weight:var(--text-button-weight);line-height:var(--text-button-line-height);transition:background-color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), opacity var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);border:0;padding:0 1rem}.button-danger,button.button-danger{background:var(--brand-danger);color:#fff}button:disabled{cursor:wait;opacity:.62}.iq-button:focus-visible{outline:var(--focus-ring-width) solid var(--brand-ring);outline-offset:var(--focus-ring-offset)}.iq-button:not(:disabled):hover{opacity:var(--hover-opacity)}.iq-button:not(:disabled):active{transform:scale(var(--active-scale,.985))}.iq-button-label{align-items:center;display:inline-flex}.iq-button-spinner{width:1em;height:1em;animation:iq-button-spin var(--duration-slow) linear infinite;border:2px solid;border-right-color:#0000;border-radius:999px;flex:none}@keyframes iq-button-spin{to{transform:rotate(360deg)}}.iq-dialog-overlay[data-state=open]{animation:dialog-fade var(--duration-fast) var(--easing-enter)}.iq-dialog-overlay[data-state=closed]{animation:dialog-fade var(--duration-fast) var(--easing-exit) reverse}.iq-dialog-content[data-state=open]{animation:dialog-pop var(--duration-base) var(--easing-enter)}.iq-dialog-content[data-state=closed]{animation:dialog-pop var(--duration-fast) var(--easing-exit) reverse}button.iq-dialog-close{border-radius:var(--radius-control);min-height:auto;color:var(--brand-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.25rem;font-weight:400;display:inline-flex}button.iq-dialog-close:hover{background:color-mix(in srgb, var(--brand-accent) 12%, transparent);color:var(--brand-text)}button.iq-dialog-close:focus-visible{outline:var(--focus-ring-width) solid var(--brand-ring);outline-offset:var(--focus-ring-offset)}@keyframes dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.composite-shell-toolbar{width:min(100%, var(--workspace-max-width));flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 auto .85rem;display:flex}.composite-shell-tabs{flex:1;align-items:center;gap:.35rem;min-width:0;display:flex;overflow:auto}.composite-shell-tab-button,.composite-shell-pane-list a{min-height:2.25rem;color:var(--brand-text);white-space:nowrap;align-items:center;padding:0 .4rem 0 .65rem;font-size:.85rem;font-weight:650;text-decoration:none;display:inline-flex}.composite-shell-tab{border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-surface-elevated);align-items:center;min-width:0;display:inline-flex}.composite-shell-tab[aria-selected=true]{border-color:var(--brand-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand-accent) 35%, transparent)}.composite-shell-tab-button{cursor:pointer;background:0 0;border:0;min-width:0}.composite-shell-tab-close{min-height:2rem;color:var(--brand-text-muted);cursor:pointer;background:0 0;border:0;padding:0 .55rem 0 .2rem;font-size:.95rem}.composite-shell-tab-close:hover,.composite-shell-tab-button:hover,.composite-shell-tab-more select:hover{color:var(--brand-accent)}.composite-shell-tab-more select{border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-surface-elevated);min-height:2.25rem;color:var(--brand-text);padding:0 .75rem;font-size:.82rem;font-weight:650}.composite-shell-stage{gap:1rem;display:grid}.composite-shell-stage--split{grid-template-columns:minmax(0,1fr) minmax(18rem,22rem);align-items:start}.composite-shell-primary{min-width:0}.composite-shell-pane{border-left:1px solid var(--brand-border);gap:.75rem;padding-left:1rem;display:grid;position:sticky;top:1rem}.composite-shell-pane h2{margin:0;font-size:.95rem}.composite-shell-pane p{color:var(--brand-text-muted);margin:0}.composite-shell-pane-list{gap:.45rem;display:grid}.composite-shell-pane-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;display:grid}.composite-shell-pane-tab{border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-surface-elevated);min-height:2.1rem;color:var(--brand-text-muted);padding:0 .5rem;font-size:.82rem;font-weight:750}.composite-shell-pane-tab[aria-selected=true]{border-color:var(--brand-accent);color:var(--brand-accent)}.composite-shell-pane-activity{gap:.45rem;display:grid}.composite-shell-pane-activity span{color:var(--brand-text-muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.composite-shell-pane-activity a{color:var(--brand-accent);font-weight:750;text-decoration:none}.refetch-indicator{color:var(--brand-text-muted);align-items:center;gap:.4rem;display:inline-flex}.refetch-indicator--active{color:var(--brand-accent)}.refetch-indicator__dot{width:.45rem;height:.45rem;animation:var(--duration-slow) var(--easing-standard) infinite alternate refetch-pulse;background:currentColor;border-radius:999px}@keyframes refetch-pulse{0%{opacity:.45;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.offline-banner{width:min(100%, var(--workspace-max-width));border-radius:var(--radius-control);background:color-mix(in srgb, var(--brand-surface-elevated) 88%, #fbbf24);border:1px solid;align-items:center;gap:.5rem;margin:0 auto .85rem;padding:.65rem .75rem;font-size:.9rem;display:flex}@media (width<=900px){.composite-shell-stage--split{grid-template-columns:1fr}.composite-shell-pane{border-left:0;border-top:1px solid var(--brand-border);padding-top:1rem;padding-left:0;position:static}}input{border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-surface-elevated);width:100%;min-height:2.5rem;padding:0 .75rem}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--brand-text-muted) 68%, transparent)}select{border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-surface-elevated);width:100%;min-height:2.5rem;padding:0 .75rem}textarea{resize:vertical;border:1px solid var(--brand-border);border-radius:var(--radius-control);background:var(--brand-surface-elevated);width:100%;min-height:6rem;padding:.65rem .75rem}label{color:var(--brand-text);gap:.4rem;font-size:.9rem;font-weight:650;display:grid}.runtime-unavailable,.runtime-shell{background:radial-gradient(circle at top left, #3474ff24, transparent 35rem), var(--color-canvas,#f5f7fb);color:var(--color-ink,#172033);align-items:center;min-block-size:100vh;padding:clamp(1.5rem,6vw,5rem);display:flex}.runtime-unavailable__panel,.runtime-shell__panel{background:#ffffffeb;border:1px solid #1720331f;border-radius:1.25rem;inline-size:min(100%,42rem);margin-inline:auto;padding:clamp(2rem,6vw,4rem);box-shadow:0 1.5rem 4rem #1720331a}.runtime-unavailable__eyebrow,.runtime-unavailable__status,.runtime-shell__eyebrow,.runtime-shell__status{color:var(--color-accent,#235fd1);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.runtime-unavailable h1,.runtime-shell h1{letter-spacing:-.04em;margin-block:.75rem 1.25rem;font-size:clamp(2rem,7vw,4rem);line-height:1}.runtime-unavailable p,.runtime-shell p{max-inline-size:58ch;line-height:1.65}.runtime-unavailable__status,.runtime-shell__status{margin-block-start:2rem}.runtime-shell--error{background:radial-gradient(circle at top left, #c2410c1f, transparent 35rem), var(--color-canvas,#f5f7fb)}.runtime-decision{border-inline-start:.25rem solid var(--color-accent,#235fd1);padding-inline-start:1rem}.runtime-shell:has(.runtime-surface) .runtime-shell__panel{inline-size:min(100%,68rem)}.runtime-login{gap:1rem;max-inline-size:24rem;margin-block-start:1.5rem;display:grid}.runtime-surface{border-block-start:1px solid #1720331a;margin-block-start:1.5rem;padding-block-start:1.25rem}.runtime-surface h3{margin-block:0 .15rem}.runtime-surface__ref{color:#1720338c;font-family:var(--font-mono,monospace);word-break:break-all;font-size:.75rem}.runtime-surface__note{color:#1720339e;font-style:italic}.runtime-tree{margin:0;padding-inline-start:1.15rem;list-style:none}.runtime-tree .runtime-tree{border-inline-start:1px solid #17203324}.runtime-tree li{padding-block:.1rem}.runtime-tree summary{cursor:pointer;font-weight:600}.runtime-tree__count{color:#17203380;font-size:.75rem;font-weight:400}.runtime-records{border-collapse:collapse;max-block-size:24rem;font-size:.85rem;display:block;overflow:auto}.runtime-records th,.runtime-records td{text-align:start;border:1px solid #1720331f;padding:.3rem .55rem}.relationship-network-shell{gap:1rem;min-width:0;padding:clamp(.75rem,2vw,1.5rem);display:grid}.relationship-network-header,.relationship-network-tools,.relationship-network-detail-heading{justify-content:space-between;align-items:center;gap:.85rem;display:flex}.relationship-network-header h1,.relationship-network-detail h2{margin:0}.relationship-network-tools{flex-wrap:wrap}.relationship-network-tools input{min-width:min(18rem,80vw)}.relationship-network-canvas{background:color-mix(in srgb, var(--surface,#fff) 92%, #efe8dc);border-radius:1.25rem;place-items:center;gap:.65rem;min-height:32rem;padding:clamp(1rem,4vw,3rem);display:grid;overflow:auto}.relationship-network-layer{justify-content:center;align-items:start;gap:clamp(.75rem,3vw,2rem);min-width:max-content;display:flex}.relationship-network-peer-row{justify-content:center;align-items:center;gap:clamp(.75rem,3vw,2rem);min-width:max-content;display:flex}.relationship-network-node{background:0 0;border:0;place-items:center;gap:.45rem;max-width:8rem;display:grid}.relationship-network-node[aria-current=true] .relationship-network-avatar{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent,#8a5f32) 35%, transparent)}.relationship-network-avatar{object-fit:cover;background:#e9dfd1;border-radius:999px;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;display:flex}.relationship-network-connector{background:var(--border,#b9aa98);width:2px;height:2.75rem}.relationship-network-insert{align-items:center;gap:.4rem;display:flex}.relationship-network-insert>span{background:var(--accent,#735331);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:1.7rem;height:1.7rem;display:flex}.relationship-network-detail{background:var(--surface,#fff);border-radius:1rem;gap:1rem;padding:1rem;display:grid;box-shadow:0 18px 55px #1e181224}.relationship-network-search-results{gap:.6rem;display:flex;overflow-x:auto}.relationship-network-search-results button{align-items:center;gap:.5rem;min-width:max-content;display:flex}.relationship-network-search-results .relationship-network-avatar{width:2rem;height:2rem}.relationship-network-message,.relationship-network-empty-layer{color:var(--muted-text,#667085)}@media (width>=900px){.relationship-network-shell{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem)}.relationship-network-header,.relationship-network-search-results,.relationship-network-message,.relationship-network-canvas,.relationship-network-shell>.pagination-controls{grid-column:1}.relationship-network-detail{grid-area:1/2/span 5;position:sticky;top:1rem}}.auth-page{background:radial-gradient(circle at 12% 15%, color-mix(in srgb, var(--brand-accent) 17%, transparent), transparent 28rem), radial-gradient(circle at 88% 88%, color-mix(in srgb, var(--brand-accent) 10%, transparent), transparent 26rem), linear-gradient(145deg, var(--brand-surface) 0%, color-mix(in srgb, var(--brand-accent) 5%, var(--brand-surface)) 100%);place-items:center;min-height:100svh;padding:clamp(1rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{border:1px solid color-mix(in srgb, var(--brand-accent) 13%, transparent);content:"";pointer-events:none;border-radius:50%;width:18rem;height:18rem;position:absolute}.auth-page:before{top:-9rem;right:-5rem}.auth-page:after{bottom:-11rem;left:-5rem}.auth-surface{z-index:1;border:1px solid color-mix(in srgb, var(--brand-border) 72%, transparent);background:color-mix(in srgb, var(--brand-surface-elevated) 96%, transparent);width:min(100%,29rem);box-shadow:var(--shadow-modal);border-radius:clamp(1.25rem,3vw,1.75rem);padding:clamp(1.35rem,5vw,2.35rem);position:relative}.auth-masthead{align-items:center;gap:.85rem;margin-bottom:2rem;display:flex}.auth-brand-mark,.auth-logo{background:var(--brand-accent);width:3rem;height:3rem;box-shadow:0 10px 28px color-mix(in srgb, var(--brand-accent) 28%, transparent);color:var(--brand-accent-text);object-fit:contain;border-radius:1rem;flex:none;place-items:center;font-weight:800;display:grid}.auth-masthead-copy{min-width:0}.auth-masthead-copy strong{letter-spacing:-.01em;font-size:1rem;display:block}.auth-shell-kicker{color:var(--brand-text-muted);margin:.16rem 0 0;font-size:.78rem;font-weight:550}.auth-page-body,.auth-form{gap:1rem;display:grid}.auth-heading{gap:.55rem;margin-bottom:1.25rem;display:grid}.auth-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,6vw,2.1rem);line-height:1.08}.auth-helper-text,.auth-heading p{color:var(--brand-text-muted);margin:0;font-size:.9rem}.auth-field{gap:.4rem;display:grid}.auth-field-label--hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.auth-input-shell{align-items:center;display:flex;position:relative}.auth-phone-number-controls{grid-template-columns:minmax(11rem,.9fr) minmax(0,1.1fr);gap:.55rem;display:grid}.auth-phone-number-controls .auth-field{margin:0}.auth-phone-number-controls select{min-width:0}@media (width<=34rem){.auth-phone-number-controls{grid-template-columns:1fr}}.auth-input{border-color:color-mix(in srgb, var(--brand-border) 88%, var(--brand-text-muted));background:color-mix(in srgb, var(--brand-surface-elevated) 97%, var(--brand-surface));min-height:3.25rem;transition:border-color var(--duration-fast) var(--easing-standard), box-shadow var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard);border-radius:.85rem;padding-left:2.85rem;padding-right:3rem}.auth-input:focus{border-color:var(--brand-accent);background:var(--brand-surface-elevated);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-accent) 13%, transparent);outline:none}.auth-input-icon{z-index:1;color:var(--brand-text-muted);pointer-events:none;position:absolute;left:1rem}.auth-input-action-slot{position:absolute;right:.4rem}button.auth-input-action{width:2.45rem;min-height:2.45rem;color:var(--brand-text-muted);background:0 0;border-radius:.7rem;place-items:center;padding:0;display:grid}.auth-form>button[type=submit],.auth-inline-actions>button:first-child{min-height:3.15rem;box-shadow:0 10px 24px color-mix(in srgb, var(--brand-accent) 24%, transparent);border-radius:.85rem}.auth-links{border-top:1px solid var(--brand-border);flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin-top:1.15rem;padding-top:1.15rem;font-size:.88rem;display:flex}.auth-links a{color:var(--brand-accent);font-weight:700;text-decoration:none}.auth-links a:hover{text-underline-offset:.2rem;text-decoration:underline}.auth-alert{border:1px solid var(--status-info-border);background:var(--status-info-bg);color:var(--status-info-text);border-radius:.8rem;align-items:flex-start;gap:.55rem;margin:0;padding:.75rem;font-size:.85rem;display:flex}.auth-alert--error{border-color:var(--status-danger-border);background:var(--status-danger-bg);color:var(--status-danger-text)}.auth-alert--success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-text)}.auth-stepper{grid-template-columns:repeat(2,1fr);gap:0;margin:0 0 .25rem;padding:0;list-style:none;display:grid}.auth-stepper-item{color:var(--brand-text-muted);align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;display:flex;position:relative}.auth-stepper-item:not(:last-child):after{background:var(--brand-border);content:"";flex:1;height:1px;margin-right:.5rem}.auth-stepper-dot{border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:50%;flex:none;place-items:center;width:1.55rem;height:1.55rem;font-size:.65rem;display:grid}.auth-stepper-item--current,.auth-stepper-item--complete{color:var(--brand-accent)}.auth-stepper-item--current .auth-stepper-dot,.auth-stepper-item--complete .auth-stepper-dot{border-color:var(--brand-accent);background:var(--brand-accent);color:var(--brand-accent-text)}.auth-inline-actions{gap:.65rem;display:grid}.auth-contact-choice{border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:.85rem;grid-template-columns:repeat(2,1fr);gap:.25rem;padding:.25rem;display:grid}.auth-contact-choice button{min-height:2.65rem;color:var(--brand-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.65rem;font-size:.82rem;font-weight:750}.auth-contact-choice button[aria-pressed=true]{background:var(--brand-surface-elevated);box-shadow:var(--shadow-sm);color:var(--brand-accent)}.auth-field-note{color:var(--brand-text-muted);margin:-.6rem 0 0;font-size:.76rem}.auth-workspace-list{gap:.6rem;display:grid}.auth-workspace-card{border:1px solid var(--brand-border);border-radius:.85rem;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem;display:grid}.iqfamily-shell{background:radial-gradient(circle at 80% 0%, color-mix(in srgb, var(--brand-accent) 9%, transparent), transparent 30rem), var(--brand-surface);min-height:100svh}.iqfamily-shell-bar{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--brand-border) 80%, transparent);background:color-mix(in srgb, var(--brand-surface-elevated) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:.75rem max(1rem,50vw - 38rem);display:flex;position:sticky;top:0}.iqfamily-shell-brand{color:var(--brand-text);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.iqfamily-shell-brand-mark{background:var(--brand-accent);width:2.75rem;height:2.75rem;color:var(--brand-accent-text);box-shadow:0 8px 22px color-mix(in srgb, var(--brand-accent) 24%, transparent);border-radius:.9rem;place-items:center;display:grid}.iqfamily-shell-brand strong,.iqfamily-shell-brand small{display:block}.iqfamily-shell-brand strong{font-size:1rem}.iqfamily-shell-brand small{color:var(--brand-text-muted);margin-top:.08rem;font-size:.72rem}button.iqfamily-shell-signout{border:1px solid var(--brand-border);background:var(--brand-surface-elevated);color:var(--brand-text);align-items:center;gap:.45rem;display:inline-flex}.iqfamily-shell-main{width:min(100%,76rem);margin:0 auto;padding:clamp(1rem,3vw,2rem)}.iqfamily-mobile-nav{display:none}.iqfamily-home{gap:1.5rem;display:grid}.iqfamily-home-hero{justify-content:space-between;align-items:flex-end;gap:1rem;padding:.5rem 0;display:flex}.iqfamily-home-hero p,.iqfamily-section-heading p{color:var(--brand-text-muted);margin:.3rem 0 0}.iqfamily-home-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,6vw,3.2rem);line-height:1}.iqfamily-eyebrow{letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:800;color:var(--brand-accent)!important;margin:0 0 .5rem!important}.iqfamily-card{border:1px solid color-mix(in srgb, var(--brand-border) 82%, transparent);background:var(--brand-surface-elevated);box-shadow:var(--shadow-card);border-radius:1.25rem;padding:clamp(1rem,3vw,1.5rem)}.iqfamily-family-picker,.iqfamily-request-stack,#family-roles{gap:1rem;scroll-margin-top:5.5rem;display:grid}.iqfamily-choice-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.75rem;display:grid}button.iqfamily-choice-card{border:1px solid var(--brand-border);background:color-mix(in srgb, var(--brand-surface) 58%, var(--brand-surface-elevated));min-height:5.8rem;color:var(--brand-text);text-align:left;border-radius:.9rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.3rem;padding:.9rem;display:flex}button.iqfamily-choice-card[aria-pressed=true],button.iqfamily-choice-card:hover{border-color:color-mix(in srgb, var(--brand-accent) 62%, var(--brand-border));background:color-mix(in srgb, var(--brand-accent) 7%, var(--brand-surface-elevated))}button.iqfamily-choice-card span{color:var(--brand-text-muted);font-size:.78rem}.iqfamily-request-stack>form,.iqfamily-request-stack>section{background:var(--brand-surface-elevated);box-shadow:var(--shadow-card);border:1px solid color-mix(in srgb, var(--brand-border) 82%, transparent)!important;border-radius:1.25rem!important;padding:clamp(1rem,3vw,1.5rem)!important}.family-tree-shell{gap:1rem;scroll-margin-top:5.5rem;display:grid}.family-tree-toolbar{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.family-tree-toolbar h2,.iqfamily-section-heading h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.25rem,3vw,1.65rem)}.family-tree-search{width:min(100%,21rem)}.family-tree-layout{grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);align-items:stretch;gap:1rem;display:grid}.family-tree-directory{align-content:start;gap:.35rem;max-height:35rem;padding-right:.3rem;display:grid;overflow:auto}button.family-directory-person{color:var(--brand-text);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.55rem;display:grid}button.family-directory-person:hover,button.family-directory-person[aria-current=true]{border-color:color-mix(in srgb, var(--brand-accent) 24%, var(--brand-border));background:color-mix(in srgb, var(--brand-accent) 8%, var(--brand-surface-elevated))}button.family-directory-person>span{gap:.15rem;min-width:0;display:grid}button.family-directory-person small{color:var(--brand-text-muted);font-size:.72rem}.family-avatar{border:3px solid var(--brand-surface-elevated);background:color-mix(in srgb, var(--brand-accent) 16%, var(--brand-surface-elevated));width:2.45rem;height:2.45rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--brand-accent) 34%, var(--brand-border));color:var(--brand-accent);object-fit:cover;border-radius:50%;flex:none;place-items:center;font-size:.72rem;font-weight:800;display:grid}.family-tree-viewport{background:linear-gradient(color-mix(in srgb, var(--brand-accent) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--brand-accent) 5%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--brand-surface) 72%, var(--brand-surface-elevated));background-size:2rem 2rem;border-radius:1rem;min-width:0;padding:1rem;overflow:auto}.family-tree-stage{grid-template-rows:auto 5rem auto 5rem auto;align-content:center;gap:0;min-width:38rem;min-height:31rem;padding:1rem;display:grid;position:relative}.family-tree-generation{z-index:2;flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex;position:relative}.family-tree-empty-generation{border:1px dashed var(--brand-border);color:var(--brand-text-muted);border-radius:999px;align-self:center;padding:.45rem .75rem;font-size:.7rem}.family-tree-connector{min-height:5rem;position:relative}.family-tree-connector:before{background:color-mix(in srgb, var(--brand-accent) 55%, var(--brand-border));content:"";width:2px;position:absolute;top:0;bottom:0;left:50%}.family-tree-connector--branch:after{background:color-mix(in srgb, var(--brand-accent) 55%, var(--brand-border));content:"";height:2px;position:absolute;bottom:0;left:12%;right:12%}button.family-member-node{border:1px solid color-mix(in srgb, var(--brand-border) 72%, var(--brand-accent));background:var(--brand-surface-elevated);width:8.8rem;min-height:7.4rem;box-shadow:var(--shadow-sm);color:var(--brand-text);text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;display:flex;position:relative}button.family-member-node:hover,button.family-member-node--focus{border-color:var(--brand-accent);box-shadow:0 12px 28px color-mix(in srgb, var(--brand-accent) 18%, transparent);transform:translateY(-2px)}button.family-member-node--focus{background:color-mix(in srgb, var(--brand-accent) 7%, var(--brand-surface-elevated));width:10rem;min-height:8.5rem}.family-member-node .family-avatar{width:3.25rem;height:3.25rem}.family-member-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;font-weight:750;display:-webkit-box;overflow:hidden}.family-member-role{color:var(--brand-text-muted);text-transform:uppercase;font-size:.68rem;font-weight:650}.family-tree-detail{border-top:1px solid var(--brand-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.family-tree-detail p{max-width:40rem;color:var(--brand-text-muted);margin:0;font-size:.84rem}.family-admin-panel{border:1px solid color-mix(in srgb, var(--brand-accent) 28%, var(--brand-border));background:color-mix(in srgb, var(--brand-accent) 5%, var(--brand-surface-elevated));border-radius:1rem;gap:.85rem;width:100%;padding:1rem;display:grid}.family-admin-heading,.family-admin-form-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.family-admin-heading h3{margin:.1rem 0 0;font-size:1rem}.family-admin-badge{background:var(--brand-accent);color:#fff;text-transform:uppercase;border-radius:999px;padding:.35rem .65rem;font-size:.68rem;font-weight:800}.family-admin-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}button.family-admin-action{border:1px solid var(--brand-border);background:var(--brand-surface-elevated);min-height:3rem;color:var(--brand-text);border-radius:.75rem;font-weight:750}button.family-admin-action[aria-pressed=true]{border-color:var(--brand-accent);background:color-mix(in srgb, var(--brand-accent) 12%, var(--brand-surface-elevated));color:var(--brand-accent)}.family-admin-form{border-top:1px solid var(--brand-border);gap:.85rem;padding-top:.85rem;display:grid}.family-admin-form>p{max-width:none}.family-admin-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.family-admin-fields input,.family-admin-fields select{border:1px solid var(--brand-border);background:var(--brand-surface-elevated);width:100%;min-height:2.8rem;color:var(--brand-text);border-radius:.65rem;padding:.65rem .75rem}@media (width<=760px){.auth-page{background:var(--brand-surface-elevated);padding:0;display:block}.auth-page:before,.auth-page:after{display:none}.auth-surface{width:100%;min-height:100svh;box-shadow:none;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.auth-masthead{margin-bottom:2.35rem}.auth-input{min-height:3.45rem;font-size:1rem}.iqfamily-shell-bar{min-height:4rem;padding:.55rem .85rem}.iqfamily-shell-brand small,.iqfamily-shell-signout span{display:none}button.iqfamily-shell-signout{justify-content:center;width:2.65rem;padding:0}.iqfamily-shell-main{padding:1rem .75rem 6rem}.iqfamily-mobile-nav{z-index:30;border:1px solid color-mix(in srgb, var(--brand-border) 75%, transparent);background:color-mix(in srgb, var(--brand-surface-elevated) 94%, transparent);box-shadow:var(--shadow-popover);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1rem;grid-template-columns:repeat(3,1fr);padding:.35rem;display:grid;position:fixed;bottom:.75rem;left:.75rem;right:.75rem}.iqfamily-mobile-nav a{color:var(--brand-text-muted);border-radius:.75rem;place-items:center;gap:.2rem;padding:.45rem;font-size:.66rem;font-weight:750;text-decoration:none;display:grid}.iqfamily-mobile-nav a:first-child{background:color-mix(in srgb, var(--brand-accent) 10%, transparent);color:var(--brand-accent)}.iqfamily-home-hero{display:block}.iqfamily-home-hero h1{font-size:2.25rem}.iqfamily-card{border-radius:1rem;padding:1rem}.iqfamily-choice-grid{grid-template-columns:1fr}.family-tree-toolbar{display:grid}.family-tree-search{width:100%}.family-tree-layout{grid-template-columns:1fr}.family-tree-directory{max-height:none;padding:0 0 .35rem;display:flex;overflow-x:auto}button.family-directory-person{min-width:11rem}.family-tree-viewport{border-radius:0;margin:0 -1rem;padding:.75rem 0}.family-tree-stage{min-width:34rem;min-height:29rem;padding:.75rem}button.family-member-node{width:7.6rem}.family-admin-panel{border-radius:.9rem;padding:.85rem;position:relative}.family-admin-actions,.family-admin-fields{grid-template-columns:1fr}button.family-admin-action{text-align:left;width:100%;min-height:3.35rem;padding:.75rem 1rem}.family-admin-form-actions{flex-direction:column;align-items:stretch}.family-admin-form-actions button{width:100%;min-height:3.2rem}}@media (width<=390px){.auth-surface{padding:1rem}.auth-heading h1{font-size:1.75rem}}.iqfamily-shell-actions{align-items:center;gap:.5rem;display:flex}.iqfamily-shell-settings{border:1px solid var(--brand-border);width:2.65rem;height:2.65rem;color:var(--brand-text);border-radius:999px;place-items:center;text-decoration:none;display:grid}.iqfamily-lobby{gap:1.25rem;display:grid}.iqfamily-family-card{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.iqfamily-family-card>span:nth-child(2){gap:.25rem;display:grid}.iqfamily-family-card small{color:var(--brand-text-muted)}.iqfamily-family-card-mark{background:color-mix(in srgb, var(--brand-accent) 12%, transparent);width:3rem;height:3rem;color:var(--brand-accent);border-radius:1rem;place-items:center;display:grid}.iqfamily-public-search{gap:1rem;display:grid}.iqfamily-public-results{gap:.5rem;display:grid}.iqfamily-public-results button{border:1px solid var(--brand-border);background:var(--brand-surface-elevated);color:var(--brand-text);border-radius:.8rem;justify-content:space-between;gap:1rem;padding:.85rem 1rem;display:flex}.family-tree-pagebar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}button.family-tree-back{color:var(--brand-accent);background:0 0;border:0;align-items:center;gap:.45rem;font-weight:750;display:inline-flex}.iqfamily-home--tree{max-width:none}.family-tree-shell{border:1px solid var(--brand-border);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--brand-accent) 7%, transparent), transparent 50%), var(--brand-surface-elevated);border-radius:1.25rem;min-height:calc(100svh - 9rem);position:relative;overflow:hidden}.family-tree-toolbar{z-index:3;border-bottom:1px solid var(--brand-border);background:color-mix(in srgb, var(--brand-surface-elevated) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.1rem 1.25rem;position:relative}.family-tree-toolbar h2{margin:.1rem 0 .2rem}.family-tree-toolbar p:last-child{color:var(--brand-text-muted);margin:0}.family-tree-search-results{z-index:8;border:1px solid var(--brand-border);background:var(--brand-surface-elevated);width:min(24rem,100% - 2.5rem);max-height:22rem;box-shadow:var(--shadow-popover);border-radius:1rem;gap:.35rem;padding:.55rem;display:grid;position:absolute;top:7.25rem;right:1.25rem;overflow:auto}.family-tree-search-results button.family-directory-person{grid-template-columns:2.4rem 1fr;min-width:0}.family-tree-search-results .family-avatar{width:2.4rem;height:2.4rem}.family-tree-layout{width:100%;min-width:0;display:block}.family-tree-viewport{overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;background-image:radial-gradient(color-mix(in srgb, var(--brand-text-muted) 16%, transparent) .7px, transparent .7px);background-size:20px 20px;border:0;border-radius:0;width:100%;min-width:0;max-width:100%;min-height:calc(100svh - 16rem);margin:0;scroll-padding-inline:1rem;position:relative;overflow:scroll auto}.family-tree-scroll-surface{box-sizing:border-box;vertical-align:top;width:max-content;min-width:100%;padding-inline:1rem;display:inline-block}.family-tree-scroll-surface>.relationship-network-canvas{box-sizing:border-box;background:0 0;border-radius:0;justify-self:start;gap:1rem;width:max-content;min-width:54rem;min-height:calc(100svh - 16rem);padding:5.5rem 7rem;position:relative;overflow:visible}.family-tree-viewport .relationship-network-layer,.family-tree-viewport .relationship-network-peer-row{gap:2.25rem}.family-tree-viewport .relationship-network-layer{position:relative}.family-tree-viewport .relationship-network-layer:has(>span:nth-child(2)):before{z-index:0;border-top:2px solid color-mix(in srgb, var(--brand-accent) 52%, var(--brand-border));content:"";position:absolute;top:2.9rem;left:3.6rem;right:3.6rem}.family-tree-viewport .relationship-network-layer>span{z-index:1;position:relative}.family-tree-viewport .relationship-network-connector{background:color-mix(in srgb, var(--brand-accent) 55%, var(--brand-border));height:3.25rem}.family-tree-stage{grid-template-rows:minmax(7rem,auto) 3.75rem minmax(7rem,auto) 3.75rem minmax(7rem,auto);place-content:center;min-width:54rem;min-height:42rem;padding:5.5rem 8rem;display:grid;position:relative}.family-tree-generation{z-index:2;justify-content:center;align-items:center;gap:2.25rem;min-width:22rem;display:flex;position:relative}.family-tree-generation--siblings:before{content:"";z-index:-1;border-top:2px solid color-mix(in srgb, var(--brand-accent) 50%, var(--brand-border));position:absolute;top:3.1rem;left:3rem;right:3rem}button.family-member-node{width:7.25rem;color:var(--brand-text);justify-items:center;gap:.55rem;display:grid;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}button.family-member-node .family-avatar{border:3px solid var(--brand-surface-elevated);object-fit:cover;width:5.75rem;height:5.75rem;box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-accent) 24%, var(--brand-border)), var(--shadow-card);border-radius:50%}button.family-member-node--focus .family-avatar{box-shadow:0 0 0 3px var(--brand-accent), 0 0 0 8px color-mix(in srgb, var(--brand-accent) 14%, transparent), var(--shadow-card)}.family-member-name{text-align:center;max-width:8.5rem;font-size:.85rem;font-weight:750;line-height:1.25}.family-member-relationship{max-width:8.5rem;color:var(--brand-accent);text-align:center;font-size:.72rem;font-weight:800;line-height:1.15}.family-member-role{display:none}.family-tree-connector{background:color-mix(in srgb, var(--brand-accent) 55%, var(--brand-border));justify-self:center;width:2px;height:100%}.family-tree-connector--branch:before{width:16rem;left:-8rem}.family-tree-empty-generation{border:1px dashed var(--brand-border);background:color-mix(in srgb, var(--brand-surface-elevated) 85%, transparent);color:var(--brand-text-muted);border-radius:999px;padding:.45rem .7rem;font-size:.76rem}.family-edge-control{z-index:5;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.05em;justify-items:center;gap:.25rem;font-size:.68rem;font-weight:750;display:grid;position:static}.family-edge-control button{border:2px solid var(--brand-surface-elevated);background:var(--brand-accent);width:2.65rem;height:2.65rem;box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-accent) 25%, transparent), var(--shadow-card);color:#fff;border-radius:999px;place-items:center;font-size:1.6rem;line-height:1;display:grid}.family-edge-control--parent{align-self:end}.family-edge-control--sibling{flex:none;margin-left:.35rem}.family-edge-control--child{align-self:start}.family-tree-selection-bar{z-index:6;border:1px solid color-mix(in srgb, var(--brand-accent) 24%, var(--brand-border));background:color-mix(in srgb, var(--brand-surface-elevated) 94%, transparent);box-shadow:var(--shadow-popover);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem .7rem 1rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.family-tree-selection-bar>div{gap:.1rem;min-width:0;display:grid}.family-tree-selection-bar span,.family-tree-selection-bar small{color:var(--brand-text-muted);font-size:.7rem}.family-tree-selection-bar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.family-tree-selection-bar button{background:var(--brand-accent);color:#fff;border:0;border-radius:999px;flex:none;padding:.75rem 1rem;font-weight:800}.family-side-panel,.iqfamily-account-panel{z-index:60;pointer-events:none;position:fixed;inset:0}.family-panel-scrim,.iqfamily-panel-scrim{background:color-mix(in srgb, var(--brand-text) 42%, transparent);opacity:0;border:0;transition:opacity .16s;position:absolute;inset:0}.family-side-panel-content,.iqfamily-account-panel-content{background:var(--brand-surface-elevated);width:min(27rem,92vw);box-shadow:var(--shadow-popover);padding:1.25rem;transition:transform .18s;position:absolute;top:0;bottom:0;overflow-y:auto}.family-side-panel-content{left:0;transform:translate(-104%)}.family-side-panel,.iqfamily-account-panel:target{pointer-events:auto}.family-side-panel .family-panel-scrim,.iqfamily-account-panel:target .iqfamily-panel-scrim{opacity:1}.family-side-panel .family-side-panel-content,.iqfamily-account-panel:target .iqfamily-account-panel-content{transform:translate(0)}.iqfamily-account-panel-content{right:0;transform:translate(104%)}.family-panel-close,.iqfamily-panel-heading>a:last-child{border:1px solid var(--brand-border);background:var(--brand-surface-elevated);width:2.6rem;height:2.6rem;color:var(--brand-text);border-radius:999px;place-items:center;text-decoration:none;display:grid}.family-profile-panel .family-panel-close{margin-left:auto}.family-profile-avatar{border:4px solid var(--brand-surface-elevated);object-fit:cover;width:8.5rem;height:8.5rem;box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-accent) 28%, var(--brand-border)), var(--shadow-card);border-radius:50%;margin:1.25rem auto;display:block}.family-avatar-image{background-repeat:no-repeat;background-size:400% 400%;overflow:hidden}.family-avatar-image>img{object-fit:cover;width:100%;height:100%;display:block}.family-profile-hero{border-bottom:1px solid var(--brand-border);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--brand-accent) 18%, transparent), transparent 62%), color-mix(in srgb, var(--brand-accent) 5%, var(--brand-surface-elevated));text-align:center;margin:-1.25rem -1.25rem 1rem;padding:1rem 1.25rem 1.25rem}.family-profile-heading{justify-items:center;gap:.2rem;display:grid}.family-profile-relationship{background:color-mix(in srgb, var(--brand-accent) 13%, transparent);width:fit-content;color:var(--brand-accent);border-radius:999px;margin:0;padding:.4rem .7rem;font-size:.72rem;font-weight:850}.family-profile-summary{color:var(--brand-text-muted);margin:0 0 1rem}.family-profile-panel h3{margin:.15rem 0;font-size:1.7rem}.family-profile-gender,.iqfamily-muted{color:var(--brand-text-muted)}.family-profile-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.family-profile-facts div{border:1px solid var(--brand-border);border-radius:.85rem;gap:.2rem;padding:.8rem;display:grid}.family-profile-facts dt{color:var(--brand-text-muted);font-size:.75rem}.family-profile-facts dd{margin:0;font-size:1.25rem;font-weight:800}.family-profile-facts div:last-child dd{font-size:.82rem;line-height:1.25}.family-profile-photo-control{border:1px solid color-mix(in srgb, var(--brand-accent) 45%, var(--brand-border));background:color-mix(in srgb, var(--brand-accent) 8%, var(--brand-surface-elevated));width:100%;min-height:3rem;color:var(--brand-accent);cursor:pointer;border-radius:.8rem;place-items:center;font-weight:800;display:grid;position:relative;overflow:hidden}.family-profile-photo-control.is-disabled{cursor:wait;opacity:.65}.family-profile-photo-control input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.family-profile-details-form,.family-profile-details-form label{gap:.55rem;display:grid}.family-profile-details-form{border:1px solid var(--brand-border);border-radius:.9rem;margin:.8rem 0;padding:.85rem}.family-profile-details-form label{color:var(--brand-text-muted);font-size:.78rem;font-weight:750}.family-profile-details-actions,.family-user-actions{flex-wrap:wrap;gap:.5rem;display:flex}button.family-profile-edit{border:1px solid var(--brand-border);background:var(--brand-surface-elevated);width:100%;min-height:2.8rem;color:var(--brand-text);border-radius:.8rem;font-weight:800}button.family-profile-link,button.family-admin-submit{background:var(--brand-accent);color:#fff;border:0;border-radius:.8rem;width:100%;min-height:3rem;font-weight:800}.family-admin-panel{border:0;border-radius:0;padding:0}.family-admin-heading,.iqfamily-panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.family-admin-heading h3,.iqfamily-panel-heading h2{margin:.1rem 0}.family-admin-heading p:last-child{color:var(--brand-text-muted);margin:.2rem 0 0}.family-admin-form,.family-admin-fields{gap:.9rem;display:grid}.family-admin-fields{grid-template-columns:1fr}.family-admin-fields label{gap:.35rem;font-weight:700;display:grid}.family-admin-note{background:color-mix(in srgb, var(--brand-accent) 8%, transparent);color:var(--brand-text-muted);border-radius:.75rem;padding:.75rem}.family-admin-form-actions{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.iqfamily-account-section{border-top:1px solid var(--brand-border);gap:.65rem;padding:1rem 0;display:grid}.iqfamily-account-section h3{margin:0}.iqfamily-language-setting{color:var(--brand-text-muted);gap:.4rem;font-size:.8rem;display:grid}.iqfamily-role-chip{background:color-mix(in srgb, var(--brand-accent) 12%, transparent);width:fit-content;color:var(--brand-accent);border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-weight:800;display:inline-flex}.iqfamily-role-choice,.iqfamily-account-actions{gap:.5rem;display:grid}.family-user-administration{gap:.7rem;margin-top:.35rem;display:grid}.family-user-administration h4,.family-user-administration p{margin:0}.family-user-row{border:1px solid var(--brand-border);background:var(--brand-surface-elevated);border-radius:.85rem;gap:.65rem;padding:.75rem;display:grid}.family-user-row>div:first-child{gap:.15rem;display:grid}.family-user-row span{color:var(--brand-text-muted);font-size:.78rem}@media (width<=760px){.iqfamily-shell-settings{width:2.65rem}.iqfamily-shell-main{padding-left:0;padding-right:0}.iqfamily-lobby,.family-tree-pagebar{margin-left:.75rem;margin-right:.75rem}.family-tree-shell{border-left:0;border-right:0;border-radius:0;min-height:calc(100svh - 9rem)}.family-tree-toolbar{padding:.9rem;display:grid}.family-tree-toolbar p:last-child{display:none}.family-tree-search-results{width:calc(100% - 1.5rem);top:8.6rem;right:.75rem}.family-tree-viewport{min-height:calc(100svh - 18rem);margin:0}.family-tree-scroll-surface{padding-inline:.75rem}.family-tree-scroll-surface>.relationship-network-canvas{min-width:44rem;min-height:calc(100svh - 18rem);padding:4.75rem 3rem 7.5rem}.family-tree-viewport .relationship-network-layer,.family-tree-viewport .relationship-network-peer-row{gap:1.35rem}.family-tree-stage{grid-template-rows:minmax(6.5rem,auto) 3.25rem minmax(6.5rem,auto) 3.25rem minmax(6.5rem,auto);min-width:39rem;min-height:37rem;padding:4.8rem 5rem}.family-tree-generation{gap:1.35rem;min-width:18rem}button.family-member-node{width:6.4rem}button.family-member-node .family-avatar{width:5.1rem;height:5.1rem}.family-edge-control--sibling{margin-left:.15rem}.family-tree-selection-bar{bottom:.75rem;left:.75rem;right:.75rem}.family-tree-selection-bar small{display:none}.family-side-panel-content,.iqfamily-account-panel-content{border-radius:1.25rem 1.25rem 0 0;width:100%;max-height:88svh;inset:auto 0 0;transform:translateY(104%)}.family-side-panel .family-side-panel-content,.iqfamily-account-panel:target .iqfamily-account-panel-content{transform:translateY(0)}.family-profile-avatar{width:7rem;height:7rem;margin:.5rem auto 1rem}.family-profile-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.family-profile-facts div{padding:.65rem}}