:root{color:#f7f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--mobile-browser-bottom-inset:0px;--mobile-browser-top-inset:0px;--mobile-safe-bottom:env(safe-area-inset-bottom,0px);--timeline-panel-height:52px;--mobile-panel-edge:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#111522;min-height:100dvh;margin:0;overflow:hidden}#root{height:100dvh;min-height:100dvh}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:100dvh;min-height:100dvh;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,.timeline-play-btn,.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}.graph-minimap{border:1px solid #9aceff80;border-radius:10px;overflow:hidden;box-shadow:0 10px 28px #00000073,inset 0 0 0 1px #ffffff0f}.graph-minimap .react-flow__minimap-mask{stroke:#9aceff;stroke-width:2.5px;paint-order:stroke fill}.person-node-shell{width:100%;height:100%;position:relative}.graph-stage[data-view=compact] .person-node-shell{justify-content:center;align-items:center;display:flex}.person-node-shell--linkable{z-index:2;overflow:visible}.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node-shell{overflow:hidden}.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node{text-align:center;flex-direction:column;justify-content:stretch;align-items:stretch;gap:3px;padding:5px 4px}.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node:hover{transform:translateY(-2px)}.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node__avatar{flex-shrink:0;align-self:center;width:108px;height:108px}.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node__avatar-fallback{width:42px;height:42px}.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node__main{flex:auto;justify-content:center;align-items:center;gap:2px;width:100%;min-height:0;overflow:hidden}.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node__main h4{white-space:normal;text-align:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:3.45em;font-size:15px;line-height:1.15;display:-webkit-box;overflow:hidden}.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node__main p,.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node__main small{white-space:normal;text-overflow:ellipsis;word-break:break-word;text-align:center;width:100%;font-size:12px;line-height:1.2;overflow:hidden}.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node__main p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.graph-stage[data-tree-orientation=horizontal][data-view=full] .person-node__main small{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;display:-webkit-box}.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:6px;padding:6px;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--year-event:not(.person-node--selected){border-width:3px;border-color:#00eaff;box-shadow:0 0 0 4px #00eaffb8,0 0 0 8px #008cff61,0 0 28px #00eaff8c}.person-node--year-event.person-node--selected{border-width:3px;border-color:#ffe387;box-shadow:0 0 0 3px #ffe387fa,0 0 0 8px #00eaffc7,0 0 0 12px #008cff59,0 0 28px #00eaff80}.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-node--deceased{filter:grayscale(.92)brightness(.82)}.graph-stage[data-view=compact] .react-flow__edges{z-index:1}.graph-stage[data-view=compact] .react-flow__nodes{z-index:10}.graph-stage[data-view=compact] .react-flow__node,.graph-stage[data-view=compact] .person-node-shell{overflow:visible}.graph-stage[data-view=compact] .react-flow__node{z-index:10}.graph-stage[data-view=compact] .person-node{-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate;background:linear-gradient(145deg,#fff2d6,#f9deb5);border-color:#ffffffb8;border-radius:50%;justify-content:center;gap:0;width:259px;min-width:259px;height:259px;min-height:259px;padding:3px;position:relative;box-shadow:0 8px 28px #0006;opacity:1!important}.graph-stage[data-view=compact] .person-node:before{content:"";z-index:0;background:linear-gradient(145deg,#fff2d6,#f9deb5);border-radius:50%;position:absolute;inset:0}.graph-stage[data-view=compact] .person-node--future{filter:grayscale(.82)brightness(.78);opacity:1!important}.graph-stage[data-view=compact] .person-node--deceased{filter:grayscale(.96)brightness(.72);opacity:1!important}.graph-stage[data-view=compact] .person-node:hover{transform:scale(1.04)}.graph-stage[data-view=compact] .person-node__main,.graph-stage[data-view=compact] .person-node__delete{display:none}.graph-stage[data-view=compact] .person-node__avatar{z-index:1;background:linear-gradient(145deg,#fff2d6,#f9deb5);width:100%;min-width:0;height:100%;min-height:0;position:relative}.graph-stage[data-view=compact] .person-node__avatar--image{background:linear-gradient(145deg,#fff2d6,#f9deb5)}.graph-stage[data-view=compact] .person-node__avatar-img{opacity:1;z-index:1;width:100%;height:100%;position:relative}.graph-stage[data-view=compact] .person-node__avatar-fallback{width:115px;height:115px}.graph-stage[data-view=compact] .person-node--year-event:not(.person-node--selected){border-width:4px;border-color:#00eaff;box-shadow:0 0 0 5px #00eafff2,0 0 0 10px #0078ff6b,0 0 36px #00eaff9e,0 8px 28px #0006}.graph-stage[data-view=compact] .person-node--year-event.person-node--selected{border-width:4px;border-color:#ffe387;box-shadow:0 0 0 4px #ffe387fa,0 0 0 9px #00eaffe0,0 0 0 14px #0078ff66,0 0 36px #00eaff8c,0 8px 28px #0006}.graph-stage[data-view=compact] .person-node--selected{box-shadow:0 0 0 3px #ffe387e6,0 8px 24px #0000006b}.person-avatar,.person-node__avatar{color:#1f2332;background:linear-gradient(145deg,#fff2d6,#f9deb5);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:800;display:grid;overflow:hidden}.person-avatar{width:48px;height:48px}.person-node__avatar{width:86px;height:86px}.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}.person-avatar-fallback{width:24px;height:24px}.person-node__avatar-fallback{width:38px;height:38px}.person-node__main{flex-direction:column;flex:1;justify-content:center;gap:1px;min-width:0;display:flex;overflow:hidden}.person-node__main h4{max-height:2.3em;margin:0;font-size:16px;line-height:1.15;overflow:hidden}.person-node__main p{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:13px;line-height:1.2;overflow:hidden}.person-node__main small{color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.2;display:block;overflow:hidden}.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;flex-direction:column;width:min(380px,100vw - 48px);padding:0;animation:.22s panel-in;display:flex;position:absolute;top:76px;bottom:108px;right:14px;overflow:hidden}.right-info__body{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:auto;min-height:0;padding:12px;overflow:hidden auto}.right-info--open{flex-direction:column;display:flex}.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}.avatar-crop-backdrop{z-index:42;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020307b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.avatar-crop-dialog{background:linear-gradient(#181c2cfa,#0e111dfa);border:1px solid #ffffff2e;border-radius:16px;width:min(420px,100%);padding:16px;box-shadow:0 24px 70px #00000073}.avatar-crop-dialog__head h3{margin:0 0 4px;font-size:18px}.avatar-crop-dialog__head p{color:#ffffffc2;margin:0;font-size:13px}.avatar-crop-dialog__hint{color:#ffffffc7;margin:12px 0;font-size:13px}.avatar-crop-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#05070f;border-radius:14px;margin:0 auto;position:relative;overflow:hidden}.avatar-crop-viewport--dragging{cursor:grabbing}.avatar-crop-viewport__image{transform-origin:50%;pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.avatar-crop-viewport__mask{pointer-events:none;border:2px solid #ffffffe0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #0000009e}.avatar-crop-dialog__zoom{color:#ffffffd1;gap:6px;margin:14px 0 0;font-size:13px;display:grid}.avatar-crop-dialog__zoom input[type=range]{accent-color:#ffffffa6;width:100%}.avatar-crop-dialog__error{color:#ffb4b4;margin:10px 0 0;font-size:13px}.avatar-crop-dialog__actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.avatar-crop-dialog__actions button{color:#f7f7ff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:8px 12px}.avatar-crop-dialog__actions button:last-child{color:#b8f5c4;background:#7fe28e2e;border-color:#7fe28ebf}.avatar-crop-dialog__actions button:disabled{opacity:.55;cursor:not-allowed}.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-year-display{z-index:13;pointer-events:none;position:absolute;top:18px;left:50%;transform:translate(-50%)}.timeline-year-display__backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c1885;border:1px solid #ffffff29;border-radius:18px;min-width:168px;padding:10px 28px 14px;overflow:hidden;box-shadow:0 10px 36px #00000047,inset 0 1px #ffffff14}.timeline-year-display__year{letter-spacing:.03em;font-variant-numeric:tabular-nums;color:#fffffff0;text-align:center;text-shadow:0 4px 28px #0000006b;opacity:1;filter:none;font-size:clamp(52px,9vw,84px);font-weight:700;line-height:.95;display:block;transform:translateY(0)scale(1)}.timeline-year-display__year--forward{animation:timeline-year-forward var(--timeline-year-animation-ms,.42s) cubic-bezier(.22, 1, .36, 1)}.timeline-year-display__year--backward{animation:timeline-year-backward var(--timeline-year-animation-ms,.42s) cubic-bezier(.22, 1, .36, 1)}@keyframes timeline-year-forward{0%{opacity:0;filter:blur(3px);transform:translateY(28px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes timeline-year-backward{0%{opacity:0;filter:blur(3px);transform:translateY(-28px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.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}.mobile-tree-orientation{gap:6px;display:none}.mobile-tree-orientation button{white-space:nowrap;color:#ffffffe0;background:#ffffff14;border:1px solid #ffffff38;border-radius:999px;margin:0;padding:7px 9px;font-size:12px;line-height:1.1}.mobile-tree-orientation button.is-active{color:#dff1ff;background:#9aceff2e;border-color:#9aceffe0}.timeline-actions button{white-space:nowrap;margin:0;padding:8px 10px;line-height:1.1}.timeline-play-btn{white-space:nowrap;flex-shrink:0;margin:0;padding:8px 10px;line-height:1.1}.mobile-top-bar{display:none}.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);pointer-events:auto;cursor:pointer;background:#0e121ea3;border:1px solid #fff3;border-radius:10px;padding:10px;transition:border-color .15s,background-color .15s,transform .15s;animation:.2s panel-in}.event-popup:hover{background:#121828c7;border-color:#9aceff8c}.event-popup:active{transform:scale(.985)}.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)}}.app-shell[data-layout=mobile]{--mobile-safe-bottom:calc(env(safe-area-inset-bottom,0px) + var(--mobile-browser-bottom-inset));--mobile-bottom-offset:calc(var(--mobile-panel-edge) + var(--mobile-safe-bottom))}.app-shell[data-layout=mobile] .top-panel{display:none}.app-shell[data-layout=mobile] .mobile-top-bar{z-index:14;top:calc(8px + var(--mobile-browser-top-inset));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:fixed;left:6px;right:6px}.app-shell[data-layout=mobile] .mobile-top-bar>*{pointer-events:auto}.app-shell[data-layout=mobile] .mobile-top-bar .timeline-year-display{flex:0 auto;min-width:0;position:static;left:auto;transform:none}.app-shell[data-layout=mobile] .mobile-top-bar .timeline-year-display__backdrop{border-radius:12px;min-width:0;padding:4px 10px 6px}.app-shell[data-layout=mobile] .mobile-top-bar .timeline-year-display__year{text-align:left;font-size:clamp(30px,7.5vw,40px)}.app-shell[data-layout=mobile] .mobile-top-bar .mobile-tree-orientation{flex-shrink:0;gap:4px;display:flex}.app-shell[data-layout=mobile] .mobile-tree-orientation button{border-radius:10px;place-items:center;width:34px;min-width:34px;height:34px;padding:0;font-size:15px;line-height:1;display:grid}.app-shell[data-layout=mobile] .timeline-panel{width:auto;left:6px;right:6px;bottom:var(--mobile-bottom-offset);padding:6px 8px;padding-bottom:calc(6px + var(--mobile-safe-bottom));flex-direction:row;align-items:center;gap:8px;position:fixed;transform:none}.app-shell[data-layout=mobile] .timeline-row{flex:auto;min-width:0}.app-shell[data-layout=mobile] .timeline-play-btn{place-items:center;width:38px;min-width:38px;height:38px;padding:0;font-size:16px;display:grid}.app-shell[data-layout=mobile] .right-info{width:auto;left:6px;right:6px;top:calc(54px + var(--mobile-browser-top-inset));bottom:calc(var(--timeline-panel-height) + var(--mobile-bottom-offset) + 8px);-webkit-backdrop-filter:none;backdrop-filter:none;background:#10121ff5;position:fixed}.app-shell[data-layout=mobile] .events-popups{width:auto;max-height:min(28vh,180px);left:6px;right:6px;bottom:calc(var(--timeline-panel-height) + var(--mobile-bottom-offset) + 8px);gap:4px}.app-shell[data-layout=mobile] .event-popup{border-radius:8px;padding:5px 8px}.app-shell[data-layout=mobile] .event-popup strong{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.app-shell[data-layout=mobile] .event-popup span{color:#ffffffb8;margin:2px 0 0;font-size:11px;line-height:1.15;display:block}.app-shell[data-layout=mobile] .event-popup p{display:none}.app-shell[data-layout=mobile] .floating-feedback{bottom:calc(var(--timeline-panel-height) + var(--mobile-bottom-offset) + 8px)}.app-shell[data-layout=mobile] .left-editor-drawer{display:none}@media (width<=1450px){.top-panel,.right-info,.left-editor-drawer{left:10px;right:10px}.timeline-panel{width:min(760px,100vw - 20px)}.timeline-year-display__backdrop{min-width:140px;padding:8px 20px 12px}}@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{width:calc(100vw - 12px)}.right-info{width:auto;left:6px;right:6px}.left-editor-drawer{width:auto;inset:74px 6px 90px}.events-popups,.floating-feedback{width:auto;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%}