:root{color:#f7f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#111522;margin:0;overflow:hidden}#root{height:100vh}button,input,select,textarea{font:inherit}.app-shell{--panel-bg:#10121fd1;background:radial-gradient(circle at 15% 15%, #ffffff1a, transparent 36%), radial-gradient(circle at 85% 10%, #ffffff14, transparent 42%), var(--era-gradient);width:100%;height:100vh;position:relative}.top-panel{z-index:12;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:absolute;top:14px;left:14px;right:14px}.top-panel h1{margin:0 0 2px;font-size:20px}.top-panel p{color:#ffffffbd;margin:0}.top-panel__title{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;border:1px solid #ffffff2e;border-radius:12px;gap:4px;max-width:min(640px,100vw - 170px);padding:10px 12px;display:grid}.relation-legend{flex-wrap:wrap;gap:8px;display:flex}.relation-legend__item{background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;padding:3px 8px;font-size:11px}.relation-legend__item--parent{color:#6ebeff;border-color:#6ebeffe6}.relation-legend__item--child{color:#7fe28e;border-color:#7fe28ee6}.relation-legend__item--spouse{color:#ff9ac5;border-color:#ff9ac5e6}.top-panel__controls{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;border:1px solid #ffffff2e;border-radius:12px;justify-content:flex-end;align-items:center;gap:8px;padding:8px;display:flex}.top-panel__controls button:not(.management-add-btn),.top-panel__controls input,.left-editor input,.left-editor select,.left-editor textarea,.left-editor button,.timeline-actions button,.right-info button:not(.event-delete-btn):not(.event-add-btn),.left-editor__head button{color:#f7f7ff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:8px 10px;transition:transform .15s,background-color .15s,border-color .15s,box-shadow .15s}button{cursor:pointer}button:hover:not(.drawer-backdrop){background-color:#ffffff2e;border-color:#fff6;transform:translateY(-1px);box-shadow:0 2px 10px #0000002e}button:active:not(.drawer-backdrop){transform:translateY(1px)scale(.985)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.login-box{align-items:center;gap:8px;display:flex}.login-box input{width:128px}.top-panel__controls button.management-add-btn{color:#b8f5c4;background:#143c20b3;border:1px solid #7fe28eb3;border-radius:999px;place-items:center;width:32px;min-width:32px;height:32px;padding:0;font-size:0;line-height:0;display:grid}.top-panel__controls button.management-add-btn:before{content:"+";font-size:20px;font-weight:700;line-height:1;display:block;transform:translateY(-2px)}.top-panel__controls button.management-add-btn[aria-pressed=true]{background:#246036f2;border-color:#a7ffbaf2;box-shadow:0 0 0 1px #a7ffba59}.left-editor details{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;margin-bottom:12px;padding:8px}.left-editor summary{cursor:pointer;margin-bottom:8px;font-weight:700}.left-editor input,.left-editor select,.left-editor textarea,.left-editor button{width:100%;margin-bottom:8px}.left-editor__head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.left-editor__head h3{margin:0;font-size:16px}.status-message{background:#ffb76f38;border:1px solid #ffb76f5c;border-radius:8px;padding:10px}.status-message--success{background:#76ec9f33;border-color:#76ec9f75}.upload-loader{color:#ffffffdb;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.upload-loader__spinner{border:2px solid #ffffff47;border-top-color:#8bd9ff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.editor-auth-hint{background:#ffffff0f;border:1px dashed #ffffff47;border-radius:8px;padding:10px}.graph-stage{background:#070a1466;border-radius:0;position:absolute;inset:0;overflow:hidden}.person-node-shell{width:100%;height:100%;position:relative}.person-node-shell--linkable{z-index:2;overflow:visible}.person-node{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff24,#ffffff0a);border:1px solid #ffffff4d;border-radius:14px;align-items:center;gap:10px;padding:10px;transition:transform .2s,border-color .2s,filter .2s;display:flex;position:relative;overflow:hidden}.person-node:hover{border-color:#ffffff80;transform:translateY(-2px)}.person-node__delete{color:#ffc3c3;background:#4a1010b3;border:1px solid #ff6f6fb3;border-radius:999px;place-items:center;width:22px;height:22px;padding:0;font-size:16px;line-height:1;display:grid;position:absolute;top:6px;right:6px}.person-node--selected{border-color:#ffe387;box-shadow:0 0 0 1px #ffe387}.person-node--linkable{cursor:crosshair}.management-hint{color:#b7ffcdeb;margin:0;font-size:12px}.link-dialog-backdrop{z-index:30;background:#02030773;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.link-dialog{background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #fff3;border-radius:12px;width:min(420px,100%);padding:16px;animation:.2s fade-in}.link-dialog__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.link-dialog__head h3{margin:0;font-size:16px}.link-dialog__pair{color:#ffffffd1;margin:0 0 12px;font-size:13px}.link-dialog__types{gap:8px;margin-bottom:12px;display:flex}.link-dialog__types button{color:#f7f7ff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;flex:1;padding:8px 10px}.link-dialog__types button.is-active{color:#b8f5c4;background:#7fe28e2e;border-color:#7fe28ebf}.link-dialog input,.link-dialog select,.link-dialog textarea,.link-dialog>button{color:#f7f7ff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:100%;margin-bottom:8px;padding:8px 10px}.link-dialog textarea{resize:vertical;min-height:72px}.link-dialog>button{cursor:pointer;margin-bottom:0}.person-node--future{filter:grayscale(.8)}.person-avatar,.person-node__avatar{color:#1f2332;background:linear-gradient(145deg,#fff2d6,#f9deb5);border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid;overflow:hidden}.person-avatar--image,.person-node__avatar--image{background:#101322}.person-avatar--square{border-radius:12px}.person-avatar-img,.person-node__avatar-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.person-avatar-fallback,.person-node__avatar-fallback{stroke:#2f344a;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.person-node__main h4{max-height:2.4em;margin:0;font-size:14px;line-height:1.2;overflow:hidden}.person-node__main p{color:#ffffffd9;margin:4px 0 2px;font-size:12px}.person-node__main small{color:#ffffffb8;font-size:11px;display:block}.right-info{z-index:18;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff2e;border-radius:12px;width:min(380px,100vw - 48px);padding:12px;animation:.22s panel-in;position:absolute;top:76px;bottom:108px;right:14px;overflow:auto}.right-info--open{display:block}.right-info__head{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.right-info__head h3{margin:0}.right-info__photo{background:#0a0e18b3;border:1px solid #ffffff3d;border-radius:12px;place-items:center;width:100%;padding:8px;display:grid}.right-info__photo img{object-fit:contain;object-position:center;border-radius:8px;width:100%;height:auto;max-height:min(56vh,460px);display:block}.right-info__photo-fallback{place-items:center;width:100%;min-height:180px;display:grid}.right-info__photo-fallback .person-avatar-fallback{width:68px;height:68px}.right-info h3,.right-info h4{margin:0 0 12px}.right-info p{margin:0 0 9px;line-height:1.4}.right-info__empty{color:#ffffffd1}.left-editor-drawer{z-index:25;background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;pointer-events:none;border:1px solid #fff3;border-radius:12px;width:min(360px,100vw - 48px);padding:12px;transition:transform .24s,opacity .2s;position:absolute;top:76px;bottom:108px;left:14px;transform:translate(-112%)}.left-editor-drawer--open{opacity:1;pointer-events:all;transform:translate(0)}.left-editor{max-height:calc(100% - 40px);padding-right:2px;overflow:auto}.event-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.event-list li{background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;padding:8px}.event-item-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.event-section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.event-section-head h4{margin:0}.right-info button.event-add-btn{color:#b8f5c4;background:#143c20b3;border:1px solid #7fe28eb3;border-radius:999px;flex-shrink:0;place-items:center;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;font-size:0;line-height:0;display:grid}.event-add-btn:before{content:"+";font-size:16px;font-weight:700;line-height:1;display:block;transform:translateY(-2px)}.link-dialog__types button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.link-dialog__hint{color:#ffffffc2;margin:0;font-size:13px}.welcome-backdrop{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 20% 10%,#ffd6991f,#0000 34%),radial-gradient(circle at 80% 0,#a7ffba1a,#0000 38%),#020307b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.welcome-modal{background:linear-gradient(#181c2cfa,#0e111dfa);border:1px solid #ffffff2e;border-radius:18px;width:min(720px,100%);max-height:min(92vh,960px);animation:.28s fade-in;overflow:auto;box-shadow:0 24px 80px #00000073,inset 0 0 0 1px #ffffff0a}.welcome-modal__image{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid #ffffff14;border-radius:18px 18px 0 0;width:100%;display:block}.welcome-modal__content{padding:22px 24px 24px}.welcome-modal__content h2{color:#fff7ea;margin:0 0 14px;font-size:clamp(22px,4vw,28px);line-height:1.25}.welcome-modal__content p{color:#f7f7ffe0;margin:0 0 12px;font-size:15px;line-height:1.65}.welcome-modal__signature{font-style:italic;color:#ffe7bcf2!important;margin-top:18px!important}.welcome-modal__action{color:#fff7ea;cursor:pointer;background:linear-gradient(135deg,#ffd6992e,#7fe28e24);border:1px solid #ffd69973;border-radius:12px;width:100%;margin-top:18px;padding:12px 16px;font-weight:600;transition:transform .15s,border-color .15s,box-shadow .15s}.welcome-modal__action:hover{border-color:#ffe7bcb8;transform:translateY(-1px);box-shadow:0 10px 28px #0000003d}.right-info button.event-delete-btn{color:#ffc3c3;background:#4a1010b3;border:1px solid #ff6f6fb3;border-radius:999px;flex-shrink:0;place-items:center;width:22px;min-width:22px;height:22px;min-height:22px;padding:0;font-size:0;line-height:0;display:grid}.person-node__delete:before,.event-delete-btn:before{content:"×";font-size:16px;font-weight:700;line-height:1;transform:translateY(-1px)}.profile-management-block{background:#ffffff0f;border:1px solid #fff3;border-radius:10px;margin:10px 0 12px;padding:10px}.profile-management-block h4{margin:0 0 8px}.profile-management-block input[type=file]{margin-bottom:8px}.profile-management-block button{cursor:pointer;margin-bottom:0}.event-list strong,.event-list span,.event-list p{display:block}.event-list span{color:#ffffffc2;margin-top:4px}.event-list p{margin:6px 0 0}.timeline-panel{z-index:12;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff2e;border-radius:12px;align-items:center;gap:10px;width:min(760px,100vw - 28px);padding:8px 12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.timeline-panel__controls{flex-direction:column;gap:10px;display:flex}.timeline-row label{color:#ffffffe6;margin-bottom:4px;font-size:13px;display:block}.timeline-row input[type=range]{accent-color:#ffffffa6;width:100%}.timeline-row{flex:1}.timeline-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.timeline-actions button{white-space:nowrap;margin:0;padding:8px 10px;line-height:1.1}.year-story{max-width:460px;font-size:13px;animation:.35s fade-in}.year-story h3{margin:0 0 6px;font-size:15px}.year-story p{margin:0}.year-story .event-list{max-height:120px;overflow:auto}.year-story small{color:#ffffffd1;margin-top:6px;display:block}.events-popups{z-index:14;pointer-events:none;gap:8px;width:min(360px,100vw - 28px);max-height:min(55vh,460px);display:grid;position:absolute;bottom:82px;right:14px;overflow:auto}.floating-feedback{z-index:30;pointer-events:none;gap:8px;width:min(420px,100vw - 28px);display:grid;position:absolute;bottom:86px;left:14px}.event-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e121ea3;border:1px solid #fff3;border-radius:10px;padding:10px;animation:.2s panel-in}.event-popup--hint{background:#29211280;border-color:#ffd68473}.event-popup h4{color:#ffffffb3;margin:0 0 6px;font-size:12px}.event-popup strong,.event-popup span,.event-popup p{display:block}.event-popup strong{font-size:14px}.event-popup span{color:#ffffffc7;margin-top:4px;font-size:12px}.event-popup p{color:#ffffffe0;margin:6px 0 0;font-size:12px}.drawer-backdrop{z-index:16;background:#02030759;border:0;padding:0;position:fixed;inset:0}@keyframes panel-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1450px){.top-panel,.right-info,.left-editor-drawer{left:10px;right:10px}.timeline-panel{width:min(760px,100vw - 20px)}}@media (width<=980px){.top-panel{gap:8px;top:6px;left:6px;right:6px}.top-panel__title{max-width:calc(100vw - 68px)}.top-panel__controls{margin-left:auto}.login-box{flex-wrap:wrap;justify-content:flex-end}.login-box input{width:120px}.timeline-panel{flex-direction:column;align-items:stretch;gap:8px;width:calc(100vw - 12px);bottom:6px;left:6px;transform:none}.right-info,.left-editor-drawer{width:auto;inset:74px 6px 90px}.events-popups{width:auto;bottom:120px;left:6px;right:6px}.floating-feedback{width:auto;bottom:118px;left:6px;right:6px}}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}