:root{--color-primary:#5271a3;--color-alert:#ee4135;--color-accent:#2ff2d9;--color-highlight:#d0ca4f;--color-differentiation:#d51ded;--color-text:#f1f4f8;--color-background:#07090e;--color-node-bg:#111827;--color-node-border:#1f2937;--color-edge:var(--color-accent)}body{background-color:var(--color-background);color:var(--color-text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}*{box-sizing:border-box}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer}.app-main{position:relative}.brand-badge{z-index:50;pointer-events:none;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;top:24px;left:24px}.profile-menu-shell{z-index:50;position:absolute;top:24px;right:24px}.profile-menu-trigger{background-color:var(--color-node-bg);width:56px;height:56px;color:var(--color-text);border:1px solid var(--color-node-border);border-radius:28px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #00000080}.profile-menu-dropdown{background-color:var(--color-node-bg);border:1px solid var(--color-node-border);border-radius:8px;flex-direction:column;gap:12px;min-width:220px;padding:16px;display:flex;position:absolute;top:64px;right:0;box-shadow:0 8px 24px #00000080}.family-tree-root .react-flow__pane{cursor:default}.family-tree-root .react-flow__pane.selection{cursor:default!important}.family-tree-root .react-flow__node-group{background:0 0!important;border:none!important;border-radius:0!important;width:auto!important;padding:0!important}.family-tree-controls{border-radius:10px;margin-bottom:28px;overflow:hidden}.family-tree-controls .react-flow__controls-button{width:32px!important;height:32px!important;color:var(--color-text)!important;padding:6px!important}.family-tree-controls .react-flow__controls-button svg{fill:none!important;stroke:currentColor!important;stroke-width:2px!important;width:18px!important;max-width:18px!important;height:18px!important;max-height:18px!important}.family-tree-controls .react-flow__controls-button.is-active{background-color:var(--color-primary)!important;color:var(--color-background)!important}.react-flow__controls-button{background-color:var(--color-node-border)!important;color:var(--color-text)!important;border-bottom:1px solid var(--color-background)!important}.react-flow__controls-button svg{fill:currentColor!important}.react-flow__controls-button:hover{background-color:var(--color-primary)!important}.react-flow__minimap{background-color:var(--color-node-border)!important}.group-create-button{max-width:calc(100vw - 32px)}@media (max-width:768px){.brand-badge{width:44px;height:44px;top:14px;left:14px}.brand-badge img{width:34px!important;height:34px!important}.profile-menu-shell{top:12px;right:12px}.profile-menu-trigger{border-radius:22px;width:44px;height:44px}.profile-menu-trigger svg{width:22px;height:22px}.profile-menu-dropdown{min-width:min(280px,100vw - 24px);padding:14px;top:52px}.family-tree-controls{margin-bottom:0;margin-right:0!important;bottom:120px!important;right:74px!important}.family-tree-controls .react-flow__controls-button{width:36px!important;height:36px!important}.group-create-button{width:max-content;max-width:calc(100vw - 20px);transform:translate(-50%);padding:9px 12px!important;font-size:13px!important;top:68px!important;left:50%!important}.family-tree-fab{border-radius:999px!important;width:50px!important;height:50px!important;bottom:120px!important;right:12px!important}.family-tree-fab svg{width:26px;height:26px}}.rdp-root{--rdp-accent-color:var(--color-text);--rdp-background-color:var(--color-node-border);--rdp-accent-color-dark:var(--color-text);--rdp-background-color-dark:var(--color-node-border);--rdp-outline:2px solid var(--color-text);--rdp-outline-selected:2px solid var(--color-text);--rdp-selected-color:var(--color-background);--rdp-today-color:var(--color-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.rdp-root *{color:var(--color-text);fill:var(--color-text)!important}.rdp-nav{z-index:1;justify-content:space-between;align-items:center;width:calc(100% - 16px);display:flex;position:absolute;top:14px;left:8px;right:8px}.rdp-nav button{color:var(--color-text)!important;background:0 0!important}.rdp-nav button svg{fill:var(--color-text)!important}.rdp-month_caption{justify-content:center;align-items:center;width:100%;margin-bottom:12px;padding-top:4px;display:flex}.rdp-caption_label{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.rdp-dropdown{align-items:center;display:flex}.rdp-dropdown_month,.rdp-dropdown_year{color:var(--color-text);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;text-align:center;background-color:#0000;border:none;padding:0;font-size:10px;font-weight:700}.rdp-dropdown_icon{width:10px;height:10px;fill:var(--color-text);margin-left:2px}.rdp-dropdown option{background-color:var(--color-node-bg);font-size:14px;color:var(--color-text)!important}.rdp-chevron{width:14px;height:14px;fill:var(--color-text)!important}.rdp-button_icon{color:var(--color-text)!important;fill:var(--color-text)!important}.rdp-today{font-weight:700;color:var(--color-text)!important}.rdp-day_button:hover:not([disabled]){background-color:var(--color-node-border)!important}.rdp-day_selected{border-radius:8px;font-weight:700;background-color:var(--color-text)!important;color:var(--color-background)!important}.rdp-day_selected:hover{background-color:var(--color-text)!important}
.react-flow__pane{background-color:var(--color-background)}.custom-node{background-color:var(--color-node-bg);border:1px solid var(--color-node-border);width:384px;height:128px;color:var(--color-primary);border-radius:8px;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #00000080,0 2px 4px -1px #0006}
.panel{background-color:var(--color-node-bg);border-left:1px solid var(--color-node-border);z-index:10;width:400px;color:var(--color-text);flex-direction:column;padding:24px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 15px #00000080}@media (max-width:768px){.panel{width:100%;height:100dvh;max-height:100dvh;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:none;z-index:70;border-top:none;border-left:none;border-top-left-radius:0;border-top-right-radius:0;inset:0}.panel-edit-form{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.panel-form-actions{background:var(--color-node-bg);padding-top:10px;padding-bottom:calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--color-node-border);z-index:3;position:sticky;bottom:0}}