:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#21232c;background:#f5f6fa;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f5f6fa;--surface: #ffffff;--surface-2: #f8f8fb;--surface-3: #f0f1f6;--text: #21232c;--text-soft: #626674;--text-faint: #9296a3;--border: #e5e6ed;--border-strong: #d6d8e2;--primary: #665bc8;--primary-hover: #574db7;--primary-soft: #eeecfb;--primary-faint: #f6f4ff;--green: #218b69;--green-soft: #e7f7f0;--red: #c84556;--red-soft: #fcebee;--orange: #ca7628;--orange-soft: #fff3e5;--shadow-sm: 0 1px 2px rgba(24, 26, 36, .04), 0 5px 18px rgba(24, 26, 36, .035);--shadow-md: 0 16px 45px rgba(26, 27, 40, .1);--radius-sm: 9px;--radius: 14px;--radius-lg: 20px;--sidebar: 252px;--chat-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180' fill='none' stroke='%23665bc8' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round' opacity='.09'%3E%3Cpath d='M21 40c18-2 28 8 29 25-17 1-28-8-29-25Zm29 25c5 8 8 15 9 24M124 24c-8 13-7 27 4 38 12-10 13-24 4-38h-8Zm4 38-10 18M116 126c15-12 31-11 43 2-13 14-29 13-43-2Zm0 0-20 14M24 132h28a9 9 0 0 1 9 9v9a9 9 0 0 1-9 9H39l-9 8v-8h-6a9 9 0 0 1-9-9v-9a9 9 0 0 1 9-9Z'/%3E%3Ccircle cx='92' cy='96' r='11'/%3E%3Cpath d='M87 96h10M92 91v10M145 87c7 0 13 6 13 13s-6 13-13 13-13-6-13-13 6-13 13-13Z'/%3E%3C/svg%3E")}:root[data-theme=dark]{color:#f1f2f6;background:#111319;--bg: #111319;--surface: #191c24;--surface-2: #1e212a;--surface-3: #282b35;--text: #f1f2f6;--text-soft: #adb0bc;--text-faint: #7e8291;--border: #2c303a;--border-strong: #3a3e49;--primary: #978cf0;--primary-hover: #a89efa;--primary-soft: #2b2945;--primary-faint: #201f31;--green: #56c89d;--green-soft: #19362e;--red: #ef7784;--red-soft: #41232a;--orange: #efa960;--orange-soft: #402f20;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .18), 0 5px 18px rgba(0, 0, 0, .1);--shadow-md: 0 16px 48px rgba(0, 0, 0, .28);--chat-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180' fill='none' stroke='%23978cf0' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round' opacity='.09'%3E%3Cpath d='M21 40c18-2 28 8 29 25-17 1-28-8-29-25Zm29 25c5 8 8 15 9 24M124 24c-8 13-7 27 4 38 12-10 13-24 4-38h-8Zm4 38-10 18M116 126c15-12 31-11 43 2-13 14-29 13-43-2Zm0 0-20 14M24 132h28a9 9 0 0 1 9 9v9a9 9 0 0 1-9 9H39l-9 8v-8h-6a9 9 0 0 1-9-9v-9a9 9 0 0 1 9-9Z'/%3E%3Ccircle cx='92' cy='96' r='11'/%3E%3Cpath d='M87 96h10M92 91v10M145 87c7 0 13 6 13 13s-6 13-13 13-13-6-13-13 6-13 13-13Z'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 32%,transparent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--primary) 27%,transparent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-faint) 40%,transparent);border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--text-soft)}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-mark{width:38px;height:38px;flex:0 0 auto;display:inline-grid;place-items:center;color:#fff;font:800 20px/1 Georgia,serif;border-radius:12px 12px 12px 5px;background:linear-gradient(145deg,#8176e3,#5349ad);box-shadow:0 7px 16px #584bb640}.brand-mark--small{width:30px;height:30px;font-size:16px;border-radius:9px 9px 9px 4px}.brand-mark--large{width:64px;height:64px;font-size:32px;border-radius:18px 18px 18px 7px}.brand-mark--inverse{background:#ffffff24;box-shadow:inset 0 0 0 1px #fff3}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);padding:22px 14px 16px;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border)}.sidebar__brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px}.sidebar__brand>div{display:flex;flex-direction:column;min-width:0}.sidebar__brand b{font-size:18px;letter-spacing:-.3px}.sidebar__brand small{color:var(--text-faint);font-size:11px;margin-top:2px}.sidebar__close{display:none!important;margin-left:auto}.sidebar__nav{display:grid;gap:5px}.nav-link{width:100%;min-height:45px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:11px;color:var(--text-soft);background:transparent;cursor:pointer;font-size:14px;font-weight:600;transition:background .18s,color .18s,transform .18s;text-align:left}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link--active,.nav-link--active:hover{color:var(--primary);background:var(--primary-soft)}.nav-counter{min-width:20px;height:20px;margin-left:auto;padding:0 5px;display:inline-grid;place-items:center;color:#fff;background:var(--primary);border-radius:10px;font-size:9px;font-style:normal;font-weight:800}.nav-counter--tree{background:var(--orange)}.sidebar__bottom{margin-top:auto;display:grid;gap:10px}.sidebar__user{min-width:0;padding:12px 8px 0;border-top:1px solid var(--border);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.sidebar__user>div{min-width:0;display:flex;flex-direction:column}.sidebar__user b,.sidebar__user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user b{font-size:13px}.sidebar__user small{color:var(--text-faint);font-size:11px;margin-top:2px}.app-main{height:100vh;min-height:100vh;margin-left:var(--sidebar);overflow:hidden}.page-stage{height:100%;min-height:100vh;overflow:hidden}.app-shell--profile .app-main,.app-shell--profile .page-stage{overflow-y:auto}.mobile-header,.mobile-tabs,.sidebar-scrim{display:none}.offline-banner{position:fixed;z-index:100;top:0;left:var(--sidebar);right:0;height:28px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:#9b622c;font-size:12px}.offline-banner~.sidebar,.offline-banner~.app-main{padding-top:28px}.button{min-height:40px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .16s,background .16s,border-color .16s,color .16s,opacity .16s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.52;cursor:not-allowed}.button--primary{color:#fff;background:var(--primary);box-shadow:0 6px 16px color-mix(in srgb,var(--primary) 23%,transparent)}.button--primary:hover:not(:disabled){background:var(--primary-hover)}.button--secondary{color:var(--text);background:var(--surface);border:1px solid var(--border-strong)}.button--secondary:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 45%,var(--border));color:var(--primary)}.button--ghost{color:var(--text-soft);background:transparent}.button--ghost:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.button--danger{color:var(--red);background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 18%,transparent)}.button--full{width:100%}.icon-button{width:38px;height:38px;flex:0 0 auto;display:inline-grid;place-items:center;border-radius:10px;background:transparent;color:var(--text-soft);cursor:pointer;transition:background .16s,color .16s}.icon-button:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.icon-button:disabled{opacity:.38;cursor:not-allowed}.icon-button--small{width:28px;height:28px}.icon-button--accent{color:var(--primary);background:var(--primary-soft)}.icon-button--success{color:var(--green);background:var(--green-soft)}.text-button{padding:0;display:inline-flex;align-items:center;gap:5px;color:var(--primary);background:transparent;font-size:13px;font-weight:650;cursor:pointer}.text-button--danger{color:var(--red)}.field{min-width:0;display:grid;gap:7px;color:var(--text);font-size:13px;font-weight:650}.field input,.field textarea,.field select,.visibility-select{width:100%;min-height:43px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:10px;outline:none;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s;font-weight:450}.field textarea{min-height:80px;resize:vertical;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:var(--text-faint)}.field input:focus,.field textarea:focus,.field select:focus,.visibility-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent)}.field small{color:var(--text-faint);line-height:1.45;font-weight:450}.field-counter{justify-self:end;margin-top:-2px}.field-error{color:var(--red);font-size:11px;font-weight:500}.input-with-icon{position:relative;width:100%;min-width:0}.input-with-icon>svg:first-child{position:absolute;z-index:1;left:12px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.input-with-icon input{min-width:0;max-width:100%;padding-left:39px}.input-with-icon .input-action{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;color:var(--text-faint);background:transparent;border-radius:8px;cursor:pointer}.input-with-icon .input-action svg{width:17px}.form-stack{display:grid;gap:17px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-alert{padding:11px 13px;margin-bottom:15px;border-radius:10px;font-size:13px;line-height:1.45}.form-alert--error{color:var(--red);background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 18%,transparent)}.form-footer,.modal-actions,.settings-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:5px}.back-link{padding:5px 0;margin-bottom:14px;display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);background:transparent;cursor:pointer;font-size:13px;font-weight:650}.back-link:hover{color:var(--primary)}.page{width:min(1240px,100%);min-height:100vh;margin:0 auto;padding:34px clamp(24px,4vw,56px) 48px}.page:not(.profile-page){height:100vh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.page:not(.profile-page)>.page-header{flex:0 0 auto}.page--narrow{width:min(950px,100%)}.page--form{width:min(980px,100%)}.page-header{min-height:66px;margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.page-header--row{align-items:center}.page-header h1{margin-bottom:6px;font-size:clamp(26px,3vw,34px);line-height:1.15;letter-spacing:-.8px}.page-header p{margin:0;color:var(--text-soft);font-size:14px}.eyebrow{margin-bottom:9px;display:inline-flex;align-items:center;gap:6px;color:inherit;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.eyebrow--accent{color:var(--primary)}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.content-card>header{padding-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border)}.content-card>header>div{display:flex;align-items:center;gap:12px}.content-card h2{margin:0 0 3px;font-size:17px}.content-card header p{margin:0;color:var(--text-soft);font-size:12px}.card-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:11px}.card-icon svg{width:19px}.card-icon--warm{color:var(--orange);background:var(--orange-soft)}.card-icon--green{color:var(--green);background:var(--green-soft)}.segmented-tabs{width:fit-content;margin-bottom:18px;padding:4px;display:flex;gap:3px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.segmented-tabs button{min-height:36px;padding:7px 14px;display:flex;align-items:center;gap:7px;color:var(--text-soft);background:transparent;border-radius:8px;font-size:13px;font-weight:650;cursor:pointer}.segmented-tabs button.active{color:var(--primary);background:var(--primary-soft)}.segmented-tabs button span{min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;color:#fff;background:var(--primary);border-radius:10px;font-size:10px}.avatar{position:relative;flex:0 0 auto;display:inline-grid;place-items:center;aspect-ratio:1 / 1;overflow:visible;color:var(--primary);background:linear-gradient(145deg,var(--primary-soft),color-mix(in srgb,var(--primary-soft) 60%,var(--surface)));border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:50%;font-weight:800;letter-spacing:-.03em}.avatar img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:50%}.avatar--xs{width:28px;height:28px;font-size:10px}.avatar--sm{width:39px;height:39px;font-size:12px}.avatar--md{width:48px;height:48px;font-size:14px}.avatar--lg{width:58px;height:58px;font-size:17px}.avatar--xl{width:92px;height:92px;font-size:27px;border-width:3px;border-color:var(--surface);box-shadow:0 0 0 1px var(--border),var(--shadow-md)}.avatar__online{position:absolute;right:0;bottom:2px;width:11px;height:11px;background:#2ab680;border:2px solid var(--surface);border-radius:50%}.avatar__verified{position:absolute;right:-1px;bottom:-1px;width:17px;height:17px;display:grid;place-items:center;color:#fff;background:var(--primary);border:2px solid var(--surface);border-radius:50%}.verified-badge{display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-size:11px;font-weight:750;white-space:nowrap}.verified-badge--compact{vertical-align:middle}.spinner{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--text-soft);font-size:13px}.state-panel{min-height:260px;padding:35px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.state-panel--loading{color:var(--text-soft);gap:8px}.state-panel--loading p{margin:0;font-size:13px}.state-panel__icon{width:54px;height:54px;margin-bottom:13px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:17px}.state-panel h3{margin-bottom:7px;font-size:17px}.state-panel p{max-width:390px;margin:0 0 16px;color:var(--text-soft);font-size:13px;line-height:1.55}.state-panel--error .state-panel__icon{color:var(--red);background:var(--red-soft)}.toast-region{position:fixed;z-index:300;top:18px;right:18px;width:min(390px,calc(100vw - 32px));display:grid;gap:8px;pointer-events:none}.toast{min-height:52px;padding:10px 10px 10px 13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:var(--text);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;font-size:13px;animation:toast-in .25s ease-out}.toast--success>svg{color:var(--green)}.toast--error>svg{color:var(--red)}.toast--info>svg{color:var(--primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.modal-backdrop{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));overflow:hidden;display:grid;place-items:center;background:#0a0b108c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .15s}.modal{width:min(100%,630px);max-height:calc(100dvh - 44px);overflow:hidden;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md)}.modal--sm{max-width:440px}.modal--lg{max-width:820px}.modal__header{flex:0 0 auto;padding:20px 22px 17px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border)}.modal__header h2{margin-bottom:4px;font-size:20px}.modal__header p{margin:0;color:var(--text-soft);font-size:12px}.modal__body{min-height:0;padding:22px;padding-bottom:max(22px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:92px}.modal .modal-actions{position:sticky;z-index:2;bottom:-22px;margin:3px -22px -22px;padding:14px 22px max(14px,env(safe-area-inset-bottom));background:linear-gradient(to bottom,color-mix(in srgb,var(--surface) 86%,transparent),var(--surface) 28%);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes fade-in{0%{opacity:0}}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.88fr) minmax(520px,1.12fr);background:var(--surface)}.auth-story{position:relative;min-height:100vh;padding:clamp(32px,5vw,64px);overflow:hidden;display:flex;flex-direction:column;color:#fff;background:linear-gradient(145deg,#443a91,#675ac2 58%,#7667d4)}.auth-story:before{content:"";position:absolute;inset:auto -80px -190px auto;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 65px #ffffff09,0 0 0 130px #ffffff06}.auth-story__glow{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(2px);background:#ffffff12}.auth-story__glow--one{top:-190px;right:-40px}.auth-story__glow--two{bottom:13%;left:-220px}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px;font-size:20px}.auth-story__content{position:relative;z-index:1;width:min(530px,100%);margin:auto 0}.auth-story__content h1{margin:10px 0 20px;font-size:clamp(36px,4vw,58px);line-height:1.04;letter-spacing:-2.3px}.auth-story__content>p{max-width:500px;color:#ffffffbd;font-size:16px;line-height:1.7}.auth-features{margin-top:38px;display:grid;gap:17px}.auth-features>div{display:flex;align-items:center;gap:13px}.auth-features>div>span{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.11);border-radius:13px}.auth-features svg{width:20px}.auth-features div div{display:flex;flex-direction:column;gap:3px}.auth-features small{color:#ffffff9e}.auth-story__foot{position:relative;z-index:1;margin:0;color:#ffffff8c;font-size:11px}.auth-form-side{min-height:100vh;padding:35px clamp(28px,6vw,88px);display:grid;place-items:center;overflow-y:auto;background:var(--surface)}.auth-card{width:min(420px,100%)}.auth-card--wide{width:min(720px,100%)}.auth-card>header{margin-bottom:27px}.auth-card>header h2{margin-bottom:8px;font-size:clamp(27px,3vw,34px);letter-spacing:-.8px}.auth-card>header p{color:var(--text-soft)}.auth-card__mobile-brand{display:none}.auth-switch{margin:1px 0 0;color:var(--text-soft);text-align:center;font-size:13px}.auth-switch a{color:var(--primary);font-weight:750}.auth-method-tabs{margin-bottom:18px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px}.auth-method-tabs button{min-height:40px;padding:7px 10px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--text-soft);background:transparent;border-radius:8px;cursor:pointer;font-size:11px;font-weight:700}.auth-method-tabs button.active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.optional-phone{margin-top:3px;padding:15px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.optional-phone h3{margin:0 0 12px;display:flex;align-items:center;gap:7px;font-size:12px}.optional-phone h3 small{color:var(--text-faint);font-size:9px;font-weight:600}.optional-phone .privacy-note{margin:0}.privacy-note{margin:-2px 0 0;padding:10px 12px;display:flex;gap:8px;color:var(--text-soft);background:var(--surface-2);border-radius:9px;font-size:11px;line-height:1.45}.privacy-note svg{flex:0 0 auto;color:var(--green)}.search-hero-card{min-height:62px;padding:0 18px;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-sm)}.search-hero-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}.search-hero-card>svg{flex:0 0 auto;color:var(--primary)}.search-hero-card input{min-width:0;flex:1;height:60px;border:0;outline:0;background:transparent;font-size:16px}.search-hero-card .spinner svg{width:20px}.search-hero-card--compact{max-width:600px;min-height:50px;margin-bottom:18px}.search-hero-card--compact input{height:48px;font-size:14px}.search-hint{margin:10px 2px 20px;display:flex;align-items:center;gap:6px;color:var(--text-faint);font-size:11px}.search-hint svg{color:var(--green)}.results-list{display:grid;gap:8px}.page:not(.profile-page)>.results-list{min-height:0;overflow-y:auto;overscroll-behavior:contain}.online-text{color:var(--green)!important}.user-result{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:15px;transition:border-color .17s,transform .17s}.user-result:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));transform:translateY(-1px)}.user-result__identity{min-width:0;flex:1;display:flex;align-items:center;gap:13px;border-radius:10px;text-align:left;background:transparent;cursor:pointer}.user-result__identity>div{min-width:0}.user-result h3{margin:0 0 4px;font-size:14px}.user-result p{margin:0;color:var(--text-faint);font-size:12px}.user-result small{display:block;max-width:480px;margin-top:5px;color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-result__actions{display:flex;gap:8px}.chats-layout{height:100vh;display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);background:var(--surface)}.chat-list-panel{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface)}.panel-header{height:76px;padding:0 17px 0 21px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header>div{display:flex;align-items:center;gap:9px}.panel-header h1{margin:0;font-size:24px;letter-spacing:-.6px}.count-chip{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;color:#fff;background:var(--primary);border-radius:12px;font-size:10px;font-weight:800}.compact-search{min-height:42px;margin:0 14px 8px;padding:0 12px;display:flex;align-items:center;gap:8px;color:var(--text-faint);background:var(--surface-2);border:1px solid var(--border);border-radius:11px}.compact-search:focus-within{border-color:var(--primary)}.compact-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:13px}.connection-loader{height:23px;padding:0 17px;display:flex;align-items:center;color:var(--primary)}.chat-list{min-height:0;flex:1;overflow-y:auto;padding:2px 8px 10px}.chat-list .state-panel{min-height:330px}.chat-row{width:100%;min-width:0;padding:10px 9px;display:flex;align-items:center;gap:10px;color:var(--text);background:transparent;border-radius:12px;cursor:pointer;text-align:left;transition:background .14s}.chat-row:hover{background:var(--surface-2)}.chat-row--active,.chat-row--active:hover{background:var(--primary-soft)}.chat-row__body{min-width:0;flex:1;display:grid;gap:6px}.chat-row__body>div{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-row__top>span{min-width:0;display:flex;flex-direction:column;gap:2px}.chat-row__identity{min-width:0;display:flex;align-items:center;gap:6px}.chat-row__body b,.chat-row__top small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row__body b{font-size:13px}.chat-row__top small{color:var(--text-faint);font-size:9px}.chat-row__body time{flex:0 0 auto;color:var(--text-faint);font-size:10px}.chat-row__body p{min-width:0;margin:0;display:flex;align-items:center;gap:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft);font-size:11px}.chat-row__body p svg{flex:0 0 auto;color:var(--primary)}.presence-label{flex:0 0 auto;display:inline-flex!important;align-items:center;gap:4px;color:var(--green)!important;font-size:8px!important;font-weight:750;white-space:nowrap}.presence-label i{width:7px;height:7px;flex:0 0 auto;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent)}.unread-badge{min-width:19px;height:19px;padding:0 5px;flex:0 0 auto;display:grid;place-items:center;color:#fff;background:var(--primary);border-radius:10px;font-size:9px;font-weight:800}.chat-thread-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--surface-2)}.chat-welcome{margin:auto;max-width:400px;padding:30px;text-align:center}.chat-welcome__visual{position:relative;width:100px;height:100px;margin:0 auto 20px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:35px 35px 35px 13px}.chat-welcome__visual>svg{width:42px;height:42px}.chat-welcome__visual i{position:absolute;width:7px;height:7px;background:var(--primary);border-radius:50%;opacity:.35}.chat-welcome__visual i:nth-child(2){top:-8px;right:12px}.chat-welcome__visual i:nth-child(3){right:-19px;bottom:18px}.chat-welcome__visual i:nth-child(4){left:-15px;top:24px}.chat-welcome h2{margin-bottom:8px}.chat-welcome p{margin-bottom:20px;color:var(--text-soft);line-height:1.55;font-size:13px}.thread-header{height:69px;padding:0 17px;display:flex;align-items:center;gap:10px;background:var(--surface);border-bottom:1px solid var(--border)}.thread-header__back{display:none}.thread-header__person{min-width:0;flex:1;display:flex;align-items:center;gap:10px;background:transparent;text-align:left;cursor:pointer}.thread-header__person>div{min-width:0;display:flex;flex-direction:column;gap:2px}.thread-header__person b,.thread-header__person span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-header__person b{font-size:13px}.thread-header__person span{color:var(--text-soft);font-size:10px}.thread-header__person small{color:var(--text-faint);font-size:9px}.message-thread{position:relative;min-height:0;flex:1;overflow-y:auto;padding:25px clamp(18px,5vw,72px);scroll-behavior:smooth;background-color:color-mix(in srgb,var(--surface-2) 94%,var(--primary-faint));background-image:var(--chat-pattern);background-size:180px 180px}.message-thread>.state-panel{height:100%}.date-divider{margin:15px 0;display:flex;align-items:center;justify-content:center}.date-divider span{padding:5px 10px;color:var(--text-faint);background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--border);border-radius:12px;font-size:9px;box-shadow:var(--shadow-sm)}.message-line{margin:5px 0;display:flex;align-items:flex-end;justify-content:flex-start;gap:7px}.message-line--mine{justify-content:flex-end}.message-avatar{flex:0 0 auto;margin-bottom:1px}.message-bubble{position:relative;max-width:min(560px,75%);padding:9px 11px 6px;background:var(--surface);border:1px solid var(--border);border-radius:7px 14px 14px;box-shadow:0 2px 6px #14141e0a}.message-line--mine .message-bubble{color:#fff;background:var(--primary);border-color:transparent;border-radius:14px 7px 14px 14px}.message-bubble--failed{border-color:var(--red)}.message-bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.48}.message-meta{margin:3px 0 0 12px;float:right;display:inline-flex;align-items:center;gap:3px;color:var(--text-faint);font-size:8px}.message-meta i{display:inline-flex;font-style:normal}.message-line--mine .message-meta{color:#ffffffc2}.message-meta svg{width:12px;height:12px}.message-retry{display:block;margin-top:5px;padding:0;color:var(--red);background:transparent;font-size:10px;cursor:pointer}.message-line--mine .message-retry{color:#fff;text-decoration:underline}.message-attachments{margin:-4px -6px 7px;display:grid;gap:4px;overflow:hidden;border-radius:10px}.message-attachments--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.message-attachment{min-width:0;color:inherit;background:color-mix(in srgb,var(--surface-2) 88%,transparent);border-radius:9px;overflow:hidden}.message-line--mine .message-attachment{background:#ffffff21}.message-attachment--image{min-height:110px;display:grid;place-items:center}.message-attachment--image img{width:100%;max-height:330px;display:block;object-fit:cover}.message-attachments--grid .message-attachment--image img{height:160px}.message-attachment--image>span,.message-attachment--media>span{padding:9px;font-size:10px}.message-attachment--media{min-height:150px;display:grid;place-items:center}.message-attachment--media video{width:100%;max-height:360px;display:block}.message-attachment--audio{min-width:270px;padding:9px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}.message-attachment--audio>svg{color:var(--primary)}.message-line--mine .message-attachment--audio>svg{color:#fff}.message-attachment--audio>div{min-width:0;display:grid}.message-attachment--audio b,.message-attachment--audio small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-attachment--audio b{font-size:10px}.message-attachment--audio small{opacity:.72;font-size:8px}.message-attachment--audio audio{width:100%;grid-column:1 / -1;height:32px}.message-attachment--file{width:100%;padding:9px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;cursor:pointer;text-align:left}.message-attachment--file>svg{width:18px}.message-attachment--file>span{min-width:0;display:grid}.message-attachment--file b,.message-attachment--file small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-attachment--file b{font-size:10px}.message-attachment--file small{opacity:.7;font-size:8px}.composer{min-height:71px;padding:9px 16px 11px;display:flex;flex-direction:column;gap:8px;background:var(--surface);border-top:1px solid var(--border)}.composer__row{display:flex;align-items:flex-end;gap:8px}.composer textarea{min-width:0;min-height:41px;max-height:132px;flex:1;padding:10px 13px;resize:none;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;outline:none;line-height:1.4}.composer textarea:focus{border-color:var(--primary)}.composer .button{min-height:41px}.composer__file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.attachment-queue{max-width:100%;display:flex;gap:7px;overflow-x:auto;padding:1px 0}.attachment-queue__item{width:190px;min-width:190px;height:54px;padding:5px;display:grid;grid-template-columns:42px minmax(0,1fr) 25px;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.attachment-queue__item>img,.attachment-queue__item>span{width:42px;height:42px;display:grid;place-items:center;object-fit:cover;color:var(--primary);background:var(--primary-soft);border-radius:7px}.attachment-queue__item>span svg{width:18px}.attachment-queue__item>div{min-width:0;display:grid}.attachment-queue__item b,.attachment-queue__item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-queue__item b{font-size:9px}.attachment-queue__item small{color:var(--text-faint);font-size:8px}.attachment-queue__item>button{width:25px;height:25px;display:grid;place-items:center;color:var(--text-faint);background:transparent;border-radius:50%;cursor:pointer}.attachment-queue__item>button:hover{color:var(--red);background:var(--red-soft)}.attachment-queue__item>button svg{width:14px}.scroll-bottom{position:sticky;z-index:3;left:100%;bottom:10px;width:38px;height:38px;display:grid;place-items:center;color:var(--primary);background:var(--surface);border:1px solid var(--border);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer}.tree-page{width:100%;max-width:none}.tree-workspace{position:relative;height:calc(100dvh - 205px);min-height:480px;display:grid;grid-template-columns:minmax(0,1fr) 0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:grid-template-columns .24s}.tree-workspace--details{grid-template-columns:minmax(0,1fr) minmax(290px,340px)}.tree-canvas{position:relative;min-width:0;min-height:390px;height:100%;background:var(--surface-2)}.tree-canvas--preview{height:450px;margin:17px -21px -21px;border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.react-flow__pane{cursor:grab}.react-flow__pane:active{cursor:grabbing}.react-flow__controls{border:1px solid var(--border)!important;border-radius:10px!important;overflow:hidden;box-shadow:var(--shadow-sm)!important}.react-flow__controls-button{background:var(--surface)!important;border-color:var(--border)!important;fill:var(--text)!important}.react-flow__minimap{background:var(--surface)!important;border:1px solid var(--border);border-radius:10px}.react-flow__edge-path{stroke:color-mix(in srgb,var(--primary) 55%,var(--border-strong))}.family-edge{cursor:pointer}.family-edge--spouse .react-flow__edge-path{stroke:#c16c93}.family-edge--proposed .react-flow__edge-path{stroke-dasharray:6 5;opacity:.62}.family-edge--single-parent .react-flow__edge-path{stroke:var(--orange);stroke-width:1.7}.family-edge--children{cursor:default}.react-flow__node-junction{width:6px;height:6px}.family-junction{position:relative;width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--primary) 78%,white)}.family-junction .react-flow__handle{width:2px;height:2px;min-width:0;min-height:0;opacity:0;border:0}.family-junction>span{position:absolute;left:50%;bottom:10px;transform:translate(-50%);padding:2px 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:10px;font-weight:800;line-height:1;white-space:nowrap}.family-node{position:relative;width:224px;min-height:94px;padding:11px;display:flex;align-items:center;gap:10px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:15px;box-shadow:0 5px 18px #28273e14;transition:border .14s,box-shadow .14s,transform .14s}.family-node:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 9px 25px #28273e1f}.family-node--selected{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 13%,transparent),var(--shadow-md)}.family-node--root{background:linear-gradient(145deg,var(--surface),var(--primary-faint));border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.family-node--linked:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;border:1px solid color-mix(in srgb,var(--green) 40%,transparent);border-radius:inherit}.family-node--suggested{opacity:.62;border-style:dashed;filter:saturate(.72)}.family-node__copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.family-node__copy b{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.25;font-size:12px}.family-node__copy small{color:var(--primary);font-size:9px;font-weight:700}.family-node__copy time{color:var(--text-faint);font-size:8px}.family-node__registration{width:fit-content;max-width:100%;padding:2px 5px;display:inline-flex;align-items:center;gap:3px;overflow:hidden;color:var(--green);background:var(--green-soft);border-radius:999px;font-size:7px;font-weight:800;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.family-node__registration svg{width:10px;height:10px;flex:0 0 auto}.family-node__registration--pending{color:var(--orange);background:var(--orange-soft)}.family-node__self{position:absolute;top:-9px;left:12px;padding:2px 7px;color:#fff;background:var(--primary);border-radius:7px;font-size:8px;font-weight:800}.family-handle{width:6px!important;height:6px!important;border:0!important;background:var(--primary)!important;opacity:0}.tree-legend{position:absolute;z-index:4;top:12px;left:12px;padding:7px 9px;display:flex;gap:12px;color:var(--text-faint);background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px}.tree-legend span{display:flex;align-items:center;gap:5px}.tree-legend i{width:14px;height:2px;background:var(--primary)}.tree-legend__pair{background:repeating-linear-gradient(90deg,#c16c93 0 3px,transparent 3px 5px)!important}.tree-legend__single{background:var(--orange)!important}.tree-legend__proposed{background:repeating-linear-gradient(90deg,var(--text-faint) 0 3px,transparent 3px 5px)!important}.tree-legend svg{color:var(--green)}.tree-mobile-hint,.person-drawer-scrim{display:none}.person-drawer{min-width:0;overflow:hidden;background:var(--surface);border-left:0 solid var(--border);opacity:0;transition:opacity .2s}.person-drawer--open{padding:17px;overflow-y:auto;border-left-width:1px;opacity:1}.person-drawer__header{display:flex;align-items:center;justify-content:space-between;color:var(--text-faint);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.person-drawer__header>div{display:flex;align-items:center}.person-drawer__profile{padding:12px 0 18px;display:flex;flex-direction:column;align-items:center;text-align:center}.person-drawer__profile h2{margin:12px 0 4px;font-size:17px}.person-drawer__profile p{margin:0 0 6px;color:var(--primary);font-size:11px;font-weight:650}.detail-list{margin:0;display:grid}.detail-list>div{padding:10px 0;border-top:1px solid var(--border)}.detail-list dt{margin-bottom:4px;color:var(--text-faint);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.detail-list dd{margin:0;font-size:12px;line-height:1.45}.relative-actions{padding-top:17px}.relative-actions>b{display:block;margin-bottom:8px;font-size:11px}.relative-actions>div{display:flex;flex-wrap:wrap;gap:5px}.relative-actions .button{min-height:32px;padding:6px 9px;font-size:10px}.tree-header-actions{display:flex;align-items:center;gap:8px}.person-edit-button{margin:12px 0 8px}.person-relationships{margin-top:17px;padding-top:14px;border-top:1px solid var(--border)}.person-relationships>header{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.person-relationships>header b{font-size:11px}.person-relationships>p{margin:0;color:var(--text-faint);font-size:10px;line-height:1.5}.relationship-row{width:100%;min-width:0;padding:8px 6px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;color:var(--text);background:transparent;border-radius:9px;cursor:pointer;text-align:left}.relationship-row:hover{background:var(--surface-2)}.relationship-row>span{width:29px;height:29px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:8px}.relationship-row>div{min-width:0;display:flex;flex-direction:column;gap:2px}.relationship-row b,.relationship-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.relationship-row b{font-size:10px}.relationship-row small{color:var(--text-soft);font-size:9px}.relationship-row i{padding:3px 5px;color:var(--orange);background:var(--orange-soft);border-radius:6px;font-size:7px;font-style:normal;font-weight:700}.relationship-row i[data-status=CONFIRMED]{color:var(--green);background:var(--green-soft)}.relationship-row i[data-status=REJECTED],.relationship-row i[data-status=DISPUTED]{color:var(--red);background:var(--red-soft)}.person-edit-photo{min-height:72px;padding:12px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:13px}.person-edit-photo>div{min-width:0}.person-edit-photo b{font-size:12px}.person-edit-photo p{margin:4px 0 0;color:var(--text-soft);font-size:10px}.person-edit-photo__button{position:relative;overflow:hidden}.person-edit-photo__button input{position:absolute;width:1px;height:1px;opacity:0}.relationship-builder{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);align-items:end;gap:8px}.relationship-swap{width:36px;height:43px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:9px;cursor:pointer}.relationship-swap:hover{background:color-mix(in srgb,var(--primary-soft) 75%,var(--primary))}.relationship-summary{padding:11px 12px;display:flex;align-items:center;gap:8px;color:var(--text-soft);background:var(--primary-faint);border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));border-radius:10px;font-size:11px;line-height:1.45}.relationship-summary svg{flex:0 0 auto;color:var(--primary)}.relationship-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.relationship-empty>svg{width:42px;height:42px;padding:9px;color:var(--primary);background:var(--primary-soft);border-radius:13px}.relationship-empty h3{margin:12px 0 6px}.relationship-empty p{margin:0 0 15px;color:var(--text-soft);font-size:11px}.modal-actions--split{display:grid;grid-template-columns:auto 1fr auto auto}.delete-confirm{padding:11px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;color:var(--red);background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 18%,transparent);border-radius:11px}.delete-confirm b{font-size:11px}.delete-confirm p{margin:3px 0 0;font-size:9px;line-height:1.4}.delete-confirm .button{min-height:34px;padding:6px 9px;font-size:9px}.match-box{margin-top:17px;padding:12px;background:var(--primary-faint);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:13px}.match-box>header{display:flex;gap:8px;color:var(--primary)}.match-box header div{display:flex;flex-direction:column;gap:2px}.match-box header b{color:var(--text);font-size:11px}.match-box header small{color:var(--text-soft);font-size:8px}.match-candidate{padding-top:10px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:7px}.match-candidate>div{min-width:0;display:flex;flex-direction:column}.match-candidate b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.match-candidate small{color:var(--green);font-size:8px}.match-candidate .icon-button{width:29px;height:29px}.match-candidate .icon-button svg{width:14px}.upload-field{min-height:65px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed var(--border-strong);border-radius:11px;cursor:pointer}.upload-field:hover{border-color:var(--primary)}.upload-field input{display:none}.upload-field span{display:flex;align-items:center;gap:8px;color:var(--primary);font-size:12px;font-weight:700}.upload-field small{color:var(--text-faint);font-size:10px}.suggestions{width:min(900px,100%);display:grid;gap:12px}.suggestions__notice{padding:12px 14px;display:flex;gap:9px;color:var(--text-soft);background:var(--primary-faint);border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:12px}.suggestions__notice svg{flex:0 0 auto;color:var(--primary)}.suggestions__notice p{margin:0;font-size:11px;line-height:1.5}.suggestion-card{padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.suggestion-card__main{display:flex;align-items:center;gap:13px}.suggestion-card__main h3{margin:3px 0;font-size:15px}.suggestion-card__main p{margin:0 0 3px;color:var(--primary);font-size:11px;font-weight:650}.suggestion-card__main small{color:var(--text-faint);font-size:10px}.suggestion-card__type{display:flex;align-items:center;gap:4px;color:var(--orange);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.suggestion-card__reason{margin-top:14px;padding:11px;display:flex;gap:8px;background:var(--surface-2);border-radius:11px}.suggestion-card__reason>svg{flex:0 0 auto;color:var(--primary)}.suggestion-card__reason b{font-size:10px}.suggestion-card__reason p{margin:3px 0 0;color:var(--text-soft);font-size:11px;line-height:1.5}.suggestion-source{display:flex;align-items:center;gap:5px}.suggestion-card__actions{margin-top:13px;display:flex;justify-content:flex-end;gap:6px}.suggestion-card__details{margin:13px -17px -17px;padding:11px 17px;display:flex;align-items:center;gap:8px;color:var(--text-soft);background:var(--primary-faint);border-radius:0 0 16px 16px}.suggestion-card__details p{flex:1;margin:0;font-size:10px;line-height:1.5}.suggestion-card__details svg{flex:0 0 auto;color:var(--primary)}.conflict-review{width:min(980px,100%);display:grid;gap:14px}.conflict-review__header{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--orange-soft),var(--surface));border:1px solid color-mix(in srgb,var(--orange) 22%,var(--border));border-radius:16px}.conflict-review__header h2{margin:5px 0 4px;font-size:20px}.conflict-review__header p{max-width:630px;margin:0;color:var(--text-soft);font-size:11px;line-height:1.5}.eyebrow--warning{color:var(--orange)}.conflict-list{display:grid;gap:12px}.conflict-card{padding:18px;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.conflict-card>header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px}.conflict-card>header>span{width:35px;height:35px;display:grid;place-items:center;color:var(--orange);background:var(--orange-soft);border-radius:10px}.conflict-card h3{margin:0 0 4px;font-size:15px;overflow-wrap:anywhere}.conflict-card>header p{margin:0;color:var(--text-soft);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.conflict-fields{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--text-faint);font-size:9px}.conflict-fields b{padding:4px 7px;color:var(--orange);background:var(--orange-soft);border-radius:7px;font-size:9px}.conflict-variants{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.conflict-variant{min-width:0;padding:14px;display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--border);border-radius:13px}.conflict-variant__source{display:flex;align-items:center;gap:5px;color:var(--primary);font-size:9px;font-weight:700;overflow-wrap:anywhere}.conflict-variant h4{margin:8px 0 10px;font-size:14px;overflow-wrap:anywhere}.conflict-variant__details{margin:0 0 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.conflict-variant__details>div{min-width:0}.conflict-variant__details dt{margin-bottom:3px;color:var(--text-faint);font-size:8px;text-transform:uppercase;letter-spacing:.04em}.conflict-variant__details dd{margin:0;font-size:10px;overflow-wrap:anywhere}.conflict-variant .button{width:100%;margin-top:auto}.conflict-card__separate{padding-top:10px;display:flex;justify-content:center}.conflict-private-note{margin:14px 0 0;padding:12px;color:var(--text-soft);background:var(--surface-2);border-radius:10px;font-size:11px;line-height:1.5}.conflict-waiting{margin-top:14px;padding:13px;display:flex;gap:10px;color:var(--primary);background:var(--primary-faint);border-radius:11px}.conflict-waiting svg{flex:0 0 auto}.conflict-waiting b{display:block;color:var(--text);font-size:11px}.conflict-waiting p{margin:3px 0 0;color:var(--text-soft);font-size:10px;line-height:1.5}.conflict-peer-response{margin-top:14px;padding:14px;background:var(--primary-faint);border:1px solid color-mix(in srgb,var(--primary) 17%,var(--border));border-radius:13px}.conflict-peer-response>p{margin:0 0 11px;font-size:12px;line-height:1.5}.conflict-selected-data{padding:11px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.conflict-selected-data__icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:9px}.conflict-selected-data>div{min-width:0;display:flex;flex-direction:column;gap:2px}.conflict-selected-data small{color:var(--text-faint);font-size:8px;text-transform:uppercase}.conflict-selected-data b{font-size:11px;overflow-wrap:anywhere}.conflict-selected-data span{color:var(--text-soft);font-size:10px}.conflict-peer-response__actions{margin-top:11px;display:flex;justify-content:flex-end;gap:7px}.conflict-inline-error{padding:10px 12px;display:flex;justify-content:space-between;gap:12px;color:var(--red);background:var(--red-soft);border-radius:10px;font-size:10px}.conflict-inline-error button{color:inherit;background:transparent;font-weight:700;cursor:pointer;text-decoration:underline}.conflict-variant--hidden{background:color-mix(in srgb,var(--surface-2) 72%,var(--bg))}.conflict-variant__private{margin:-4px 0 10px;color:var(--text-soft);font-size:9px;line-height:1.45}.profile-page{max-width:1130px}.profile-hero{position:relative;min-height:220px;margin-bottom:18px;overflow:hidden;display:flex;align-items:flex-end;color:#fff;background:linear-gradient(135deg,#3d377d,#6257b9 65%,#7468d0);border-radius:22px;box-shadow:var(--shadow-md)}.profile-hero__pattern{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.profile-hero__pattern:before,.profile-hero__pattern:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.profile-hero__pattern:before{width:370px;height:370px;right:-80px;top:-190px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.profile-hero__pattern:after{width:170px;height:170px;left:18%;bottom:-130px}.profile-hero__pattern i{position:absolute;width:6px;height:6px;background:#ffffff2e;border-radius:50%}.profile-hero__pattern i:nth-child(1){left:10%;top:25%}.profile-hero__pattern i:nth-child(2){left:44%;top:18%}.profile-hero__pattern i:nth-child(3){right:24%;bottom:22%}.profile-hero__pattern i:nth-child(4){right:8%;top:18%}.profile-hero__content{position:relative;z-index:1;width:100%;padding:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:18px}.profile-hero .avatar--xl{border-color:#ffffffd9}.profile-hero__identity>div{display:flex;align-items:center;gap:9px}.profile-hero__identity h1{margin:0;font-size:clamp(25px,3vw,34px);letter-spacing:-.8px}.profile-hero .verified-badge{color:#fff}.profile-hero__identity>p{margin:4px 0;color:#ffffffa6;font-size:12px}.profile-hero__identity blockquote{margin:9px 0 0;color:#ffffffdb;font-size:13px}.profile-hero__actions{display:flex;align-items:center;gap:8px}.profile-hero__actions .button--secondary{color:#fff;background:#ffffff21;border-color:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.profile-grid{margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.profile-about{padding:21px}.profile-bio{padding:15px 0 4px;color:var(--text-soft);white-space:pre-wrap;line-height:1.65;font-size:13px}.profile-fields{margin:10px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}.profile-fields>div{padding:12px;background:var(--surface)}.profile-fields dt{margin-bottom:5px;display:flex;align-items:center;gap:5px;color:var(--text-faint);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.profile-fields dd{margin:0;font-size:12px}.privacy-placeholder{margin-top:15px;padding:12px;display:flex;gap:8px;color:var(--text-soft);background:var(--surface-2);border-radius:11px}.privacy-placeholder p{margin:0;font-size:11px}.profile-side{display:grid;align-content:start;gap:10px}.profile-fact{padding:16px;display:flex;align-items:center;gap:11px}.profile-fact b{font-size:12px}.profile-fact p{margin:4px 0 0;color:var(--text-soft);font-size:10px;line-height:1.45}.profile-tree-preview{padding:21px;overflow:hidden}.edit-profile{padding:23px}.avatar-editor{margin-bottom:23px;padding-bottom:22px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--border)}.avatar-editor__preview{position:relative}.avatar-editor__camera{position:absolute;right:-2px;bottom:-2px;width:34px;height:34px;display:grid;place-items:center;color:#fff;background:var(--primary);border:3px solid var(--surface);border-radius:50%;cursor:pointer}.avatar-editor__camera input{display:none}.avatar-editor h3{margin:0 0 5px;font-size:14px}.avatar-editor p{margin:0 0 7px;color:var(--text-soft);font-size:11px}.edit-profile .form-grid,.edit-profile>.field{margin-bottom:17px}.profile-page .profile-grid{grid-template-columns:minmax(0,1fr)}.settings-page{max-width:1130px}.settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}.settings-nav{padding:7px;display:grid;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow-sm)}.settings-nav button{min-height:42px;padding:0 11px;display:flex;align-items:center;gap:9px;color:var(--text-soft);background:transparent;border-radius:9px;cursor:pointer;font-size:12px;font-weight:650;text-align:left}.settings-nav button.active{color:var(--primary);background:var(--primary-soft)}.settings-section{padding:21px}.setting-rows{display:grid}.setting-row{min-height:68px;padding:13px 2px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:0}.setting-row b{font-size:12px}.setting-row p{margin:4px 0 0;color:var(--text-soft);font-size:10px;line-height:1.45}.setting-value{color:var(--text-soft);font-size:12px}.setting-row--danger{margin-top:10px;padding:14px;background:var(--red-soft);border:1px solid color-mix(in srgb,var(--red) 13%,transparent);border-radius:11px}.theme-picker{padding:3px;display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px}.theme-picker button{min-height:32px;padding:6px 8px;display:flex;align-items:center;gap:4px;color:var(--text-soft);background:transparent;border-radius:6px;cursor:pointer;font-size:9px}.theme-picker button.active{color:var(--primary);background:var(--surface);box-shadow:var(--shadow-sm)}.settings-callout{min-height:140px;margin-top:18px;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,var(--primary-faint),var(--surface-2));border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:14px}.settings-callout>div{display:flex;align-items:center;gap:12px}.settings-callout svg{color:var(--primary)}.settings-callout b{font-size:13px}.settings-callout p{margin:5px 0 0;color:var(--text-soft);font-size:11px}.privacy-intro{margin:17px 0 5px;padding:12px;display:flex;align-items:flex-start;gap:9px;color:var(--text-soft);background:var(--green-soft);border-radius:11px}.privacy-intro svg{flex:0 0 auto;color:var(--green)}.privacy-intro p{margin:0;font-size:10px;line-height:1.5}.visibility-select{width:155px;min-height:38px;padding:7px 10px;font-size:11px}.password-form{max-width:470px;padding-top:18px}.password-form .button{justify-self:start}.consent-field{display:flex;align-items:flex-start;gap:9px;color:var(--text-soft);font-size:11px;line-height:1.5}.consent-field input{margin-top:3px}.legal-page{min-height:100vh;padding:40px 18px;background:var(--bg)}.legal-card{max-width:820px;margin:0 auto;padding:32px}.legal-card h1{margin:22px 0}.legal-card h2{margin:24px 0 7px;font-size:17px}.legal-card p{color:var(--text-soft);line-height:1.65}.settings-layout{min-height:0;flex:1 1 auto;overflow:hidden}.settings-content{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}.friends-page{max-width:1030px}.friends-content{min-height:0;flex:1 1 auto;overflow-y:auto;display:grid;align-content:start;gap:18px;overscroll-behavior:contain}.friends-section>header{margin-bottom:9px;display:flex;align-items:center;gap:8px}.friends-section h2{margin:0;font-size:16px}.friends-section>header>span{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:11px;font-size:10px;font-weight:800}.friend-list{display:grid;gap:8px}.friend-row{min-width:0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.friend-row__person{min-width:0;display:flex;align-items:center;gap:11px;background:transparent;cursor:pointer;text-align:left}.friend-row__person>span{min-width:0;display:flex;flex-direction:column;gap:3px}.friend-row__person b,.friend-row__person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row__person b{font-size:13px}.friend-row__person small{color:var(--text-faint);font-size:10px}.friend-row__actions{display:flex;gap:7px}.page--form>.edit-profile,.admin-page>.admin-table-wrap,.tree-page>.suggestions,.tree-page>.conflict-review{min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.admin-page{max-width:1300px}.admin-stat{min-width:130px;padding:12px 15px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 8px;color:var(--primary);background:var(--primary-soft);border-radius:13px;font-size:20px;font-weight:800}.admin-stat svg{grid-row:span 2}.admin-stat small{color:var(--text-soft);font-size:9px;font-weight:500}.admin-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm)}.admin-table{width:100%;min-width:850px;border-collapse:collapse}.admin-table th{padding:12px 15px;color:var(--text-faint);background:var(--surface-2);border-bottom:1px solid var(--border);font-size:9px;text-transform:uppercase;letter-spacing:.05em;text-align:left}.admin-table td{padding:12px 15px;border-bottom:1px solid var(--border);font-size:11px}.admin-table tr:last-child td{border-bottom:0}.admin-user{display:flex;align-items:center;gap:9px}.admin-user>div{display:flex;flex-direction:column;gap:3px}.admin-user b{font-size:11px}.admin-user small{color:var(--text-faint);font-size:9px}.status-chip{width:fit-content;padding:4px 7px;display:inline-flex;align-items:center;gap:4px;color:var(--text-soft);background:var(--surface-3);border-radius:7px;font-size:9px;font-weight:700}.status-chip svg{width:12px;height:12px}.status-chip--success{color:var(--green);background:var(--green-soft)}.status-chip--danger{color:var(--red);background:var(--red-soft)}.admin-actions{display:flex;justify-content:flex-end;gap:5px}.admin-actions .button{min-height:33px;padding:6px 9px;font-size:9px}.not-found{min-height:100vh;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--bg)}.not-found>span{margin-top:22px;color:var(--primary);font-size:12px;font-weight:900;letter-spacing:.15em}.not-found h1{margin:7px 0;font-size:31px}.not-found p{max-width:390px;margin-bottom:20px;color:var(--text-soft)}.not-found .button{margin:3px}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-loading .state-panel{min-height:100px}.route-loading{min-height:70vh;display:grid;place-items:center}@media(max-width:1050px){:root{--sidebar: 82px}.sidebar{padding-inline:10px}.sidebar__brand{justify-content:center;padding-inline:0}.sidebar__brand>div,.nav-link span,.sidebar__bottom>.nav-link span,.sidebar__user>div,.sidebar__user>.icon-button{display:none}.sidebar__nav{justify-items:center}.nav-link{width:48px;padding:0;justify-content:center}.sidebar__user{display:flex;justify-content:center;padding-inline:0}.auth-page{grid-template-columns:minmax(350px,.75fr) minmax(520px,1.25fr)}.auth-story{padding:38px}.auth-story__content h1{font-size:42px}.profile-grid{grid-template-columns:1fr 260px}.tree-workspace--details{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:800px){:root{--sidebar: 0px}.sidebar{width:min(295px,86vw);padding:20px 14px;transform:translate(-105%);transition:transform .22s ease;box-shadow:var(--shadow-md)}.sidebar--open{transform:translate(0)}.sidebar__brand{justify-content:flex-start;padding-inline:8px}.sidebar__brand>div,.nav-link span,.sidebar__bottom>.nav-link span,.sidebar__user>div,.sidebar__user>.icon-button{display:flex}.sidebar__close{display:grid!important}.sidebar__nav{justify-items:stretch}.nav-link{width:100%;padding:0 13px;justify-content:flex-start}.sidebar__user{display:grid;grid-template-columns:auto 1fr auto;justify-content:stretch;padding-inline:8px}.sidebar-scrim{position:fixed;z-index:29;top:0;right:0;bottom:0;left:0;display:block;background:#08090c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-main{margin-left:0}.mobile-header{position:sticky;z-index:20;top:0;height:58px;flex:0 0 58px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-header__brand{display:flex;align-items:center;gap:8px;font-size:14px}.mobile-tabs{position:fixed;z-index:25;inset:auto 0 0;height:calc(62px + env(safe-area-inset-bottom));padding:5px 5px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-tab{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-faint);font-size:9px;font-weight:650}.mobile-tab--active{color:var(--primary)}.mobile-tab__icon{position:relative;display:grid;place-items:center}.mobile-tab__icon .nav-counter{position:absolute;top:-7px;right:-13px;min-width:16px;height:16px;margin:0;padding:0 4px;font-size:8px}.offline-banner{left:0;bottom:calc(62px + env(safe-area-inset-bottom));top:auto;height:auto;min-height:28px;padding:5px 10px}.offline-banner~.sidebar,.offline-banner~.app-main{padding-top:0}.page{min-height:calc(100dvh - 58px);padding:23px 17px calc(94px + env(safe-area-inset-bottom))}.page:not(.profile-page){height:calc(100dvh - 58px)}.page-header{min-height:0;margin-bottom:19px}.page-header h1{font-size:27px}.page-header--row{align-items:flex-end}.page-header--row>.button span{display:none}.auth-page{display:block}.auth-story{display:none}.auth-form-side{min-height:100vh;padding:30px 18px}.auth-card__mobile-brand{margin-bottom:37px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:18px}.chats-layout{height:calc(100dvh - 120px - env(safe-area-inset-bottom));display:block}.chat-list-panel,.chat-thread-panel{height:100%}.chat-thread-panel,.chats-layout--open .chat-list-panel{display:none}.chats-layout--open .chat-thread-panel{display:flex}.thread-header__back{display:grid}.panel-header{height:64px}.message-avatar{display:none}.app-shell--chat-thread{position:fixed;z-index:15;top:var(--chat-visual-top, 0);left:0;width:100%;height:var(--chat-visual-height, 100dvh);min-height:0;overflow:hidden;background:var(--surface)}.app-shell--chat-thread .app-main{height:100%;min-height:0;display:flex;flex-direction:column}.app-shell--chat-thread .page-stage{height:auto;min-height:0;flex:1 1 auto}.app-shell--chat-thread .mobile-tabs{display:none}.app-shell--chat-thread .chats-layout{height:100%}.app-shell--chat-thread .composer{flex:0 0 auto;padding-bottom:max(9px,env(safe-area-inset-bottom))}.app-shell--chat-thread .thread-header{flex:0 0 69px}.tree-page--canvas{height:calc(100dvh - 120px - env(safe-area-inset-bottom));min-height:0;padding-bottom:14px;overflow:hidden;display:flex;flex-direction:column}.tree-page--canvas>.page-header,.tree-page--canvas>.tree-tabs{flex:0 0 auto}.tree-page--canvas>.tree-workspace{min-height:0;height:auto;flex:1 1 auto}.tree-workspace,.tree-workspace--details{height:calc(100dvh - 250px);min-height:330px;display:block}.tree-canvas .react-flow__renderer,.tree-canvas .react-flow__pane{touch-action:pan-y!important}.tree-canvas .react-flow__minimap{display:none}.family-node__copy b{font-size:15px}.family-node__copy small{font-size:12px}.family-node__copy time{font-size:11px}.tree-mobile-hint{position:absolute;z-index:5;left:8px;bottom:8px;max-width:calc(100% - 66px);padding:5px 7px;display:block;color:var(--text-faint);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:8px;font-size:8px;line-height:1.35;pointer-events:none}.person-drawer-scrim{position:fixed;z-index:78;inset:58px 0 calc(62px + env(safe-area-inset-bottom));display:block;background:#08090c59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.person-drawer{position:fixed;z-index:79;inset:auto 0 calc(62px + env(safe-area-inset-bottom));width:100%;max-height:calc(100dvh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0 max(17px,env(safe-area-inset-right)) 0 max(17px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;border:0;border-top:1px solid var(--border);border-radius:17px 17px 0 0;opacity:1;transform:translateY(calc(100% + 62px + env(safe-area-inset-bottom)));transition:transform .22s;box-shadow:0 -14px 40px #14141e1f}.person-drawer--open{padding:17px max(17px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left));border-left-width:0;transform:translateY(0)}.person-drawer__header{position:sticky;z-index:2;top:-17px;margin:-17px -17px 0;padding:12px 10px 8px 17px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-radius:17px 17px 0 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tree-legend{max-width:calc(100% - 24px);flex-wrap:wrap}.profile-grid{grid-template-columns:1fr}.profile-side{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero{min-height:240px}.profile-hero__content{grid-template-columns:auto 1fr;padding:22px}.profile-hero__actions{grid-column:1 / -1}.profile-hero__actions .button{width:100%}.settings-layout{display:flex;flex-direction:column}.settings-content{flex:1 1 auto}.settings-nav{flex:0 0 auto;margin-bottom:14px;padding:4px;display:flex;overflow-x:auto}.settings-nav button{flex:0 0 auto}.settings-nav button svg{display:none}.admin-table-wrap{margin-inline:-5px}.profile-hero__actions{flex-wrap:wrap}.friends-content{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media(max-width:560px){.form-grid,.form-grid--three{grid-template-columns:1fr}.auth-form-side{align-items:start}.auth-card>header h2{font-size:26px}.page-header--row{display:grid}.page-header--row>.button{width:100%}.page-header--row>.button span{display:initial}.tree-header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.tree-header-actions .button{min-width:0;padding-inline:10px;white-space:normal}.user-result{align-items:flex-start}.user-result__actions{flex-direction:column}.user-result__actions .button{min-height:34px;padding:6px 9px;font-size:10px}.user-result__actions .button svg{display:none}.message-thread{padding:18px 11px}.message-bubble{max-width:87%}.composer{padding:9px}.composer__send-label{display:none}.composer .button{width:42px;padding:0}.message-attachment--audio{min-width:230px}.message-attachments--grid .message-attachment--image img{height:125px}.segmented-tabs{width:100%}.segmented-tabs button{flex:1;justify-content:center}.tree-page{padding-inline:12px}.tree-page--canvas{padding-top:12px;padding-bottom:10px}.tree-page--canvas .page-header{margin-bottom:10px;gap:9px}.tree-page--canvas .page-header .eyebrow,.tree-page--canvas .page-header p{display:none}.tree-page--canvas .page-header h1{margin:0;font-size:23px}.tree-page--canvas .tree-header-actions .button{min-height:36px;padding-block:7px;font-size:11px}.tree-page--canvas .tree-tabs{margin-bottom:10px}.tree-page--canvas>.tree-workspace{height:auto;min-height:0}.tree-workspace{height:calc(100dvh - 300px);min-height:300px}.tree-legend{display:none}.tree-tabs button{min-width:0;padding-inline:5px;gap:4px;font-size:10px;line-height:1.15;text-align:center;white-space:normal}.tree-tabs button svg{width:15px;flex:0 0 auto}.suggestion-card__actions{display:grid;grid-template-columns:1fr 1fr}.suggestion-card__actions .button:first-child{grid-column:1 / -1}.suggestion-card__actions .button{padding-inline:8px}.conflict-review__header{align-items:stretch;flex-direction:column}.conflict-review__header>.button{width:100%}.conflict-variants{grid-template-columns:1fr}.conflict-peer-response__actions{display:grid;grid-template-columns:1fr}.conflict-peer-response__actions .button{width:100%}.conflict-variant__details{grid-template-columns:1fr 1fr}.profile-hero__content{grid-template-columns:1fr;justify-items:center;text-align:center}.profile-hero__identity>div{justify-content:center}.profile-hero{min-height:350px}.profile-side,.profile-fields{grid-template-columns:1fr}.content-card>header{align-items:flex-start}.profile-tree-preview>header .button{display:none}.avatar-editor{flex-direction:column;text-align:center}.edit-profile,.settings-section{padding:16px}.setting-row{align-items:flex-start;flex-direction:column;gap:9px}.theme-picker{width:100%}.theme-picker button{flex:1;justify-content:center}.visibility-select{width:100%}.settings-callout{align-items:stretch;flex-direction:column}.settings-callout>.button{width:100%}.modal-backdrop{padding:max(env(safe-area-inset-top),8px) 0 0;align-items:end}.modal{width:100%;max-height:calc(100dvh - max(env(safe-area-inset-top),8px));border-radius:19px 19px 0 0}.modal__header{padding:14px 17px 11px}.modal__body{padding:14px 17px 17px;padding-bottom:max(17px,env(safe-area-inset-bottom));scroll-padding-bottom:104px}.modal .form-stack{gap:13px}.modal .modal-actions{bottom:-17px;margin:3px -17px -17px;padding:12px 17px max(12px,env(safe-area-inset-bottom))}.modal-actions .button{flex:1}.relative-form .form-grid,.relative-form .form-grid--three{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.relative-form .form-grid--three .field:last-child{grid-column:1 / -1}.relative-form .field{gap:5px;font-size:12px}.relative-form .field input,.relative-form .field textarea,.relative-form .field select{min-height:40px;padding:8px 10px}.relative-form .field textarea{min-height:62px}.relative-form .upload-field{min-height:52px;padding:9px 11px;align-items:center;flex-direction:row}.relative-form .upload-field small{white-space:nowrap}.person-edit-photo{grid-template-columns:auto minmax(0,1fr)}.person-edit-photo__button{grid-column:1 / -1;width:100%}.relationship-builder{grid-template-columns:1fr}.relationship-swap{justify-self:center;transform:rotate(90deg)}.delete-confirm{grid-template-columns:1fr 1fr}.delete-confirm>div{grid-column:1 / -1}.delete-confirm .button{width:100%}.modal-actions--split{grid-template-columns:1fr 1fr}.modal-actions--split>span{display:none}.modal-actions--split .button{min-width:0;padding-inline:8px;white-space:normal}.modal-actions--split .button--danger{grid-column:1 / -1}.upload-field{align-items:flex-start;flex-direction:column}.relative-form .upload-field{align-items:center;flex-direction:row}.relationship-row i{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-region{top:10px;right:10px;width:calc(100vw - 20px)}.friend-row{align-items:stretch;flex-direction:column}.friend-row__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.friend-row__actions .button{min-width:0;padding-inline:8px}.friends-page .page-header{margin-bottom:12px}.friends-page .page-header p{display:none}}.family-node__suggested{position:absolute;z-index:2;top:-10px;right:10px;padding:3px 7px;display:inline-flex;align-items:center;gap:3px;color:#fff;background:var(--primary);border-radius:999px;box-shadow:var(--shadow-sm);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.family-node--placeholder{min-height:66px;border-style:dashed;cursor:pointer;background:linear-gradient(100deg,var(--surface-2) 25%,color-mix(in srgb,var(--primary) 12%,var(--surface)) 45%,var(--surface-2) 65%);background-size:220% 100%;animation:tree-placeholder 1.8s ease-in-out infinite}.family-node--placeholder>span{width:34px;height:34px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:10px}.family-node--placeholder>span svg{width:18px}.family-node--placeholder>div{min-width:0;display:grid;gap:4px}.family-node--placeholder b{font-size:11px}.family-node--placeholder small{color:var(--text-soft);font-size:8px}.family-node--placeholder-suggestion{opacity:.78}.family-edge__bridge{fill:none;stroke:var(--surface-2);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.tree-layout-loader{position:absolute;z-index:7;top:58px;left:50%;transform:translate(-50%);padding:7px 10px;display:inline-flex;align-items:center;gap:7px;color:var(--text-soft);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;pointer-events:none}.tree-layout-loader svg{width:14px}.tree-fit-panel{margin:0 0 104px!important}.tree-fit-panel button{min-height:31px;padding:6px 9px;display:inline-flex;align-items:center;gap:5px;color:var(--text-soft);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-sm);cursor:pointer;font-size:9px;font-weight:750}.tree-fit-panel button:hover{color:var(--primary);border-color:var(--primary)}.tree-visibility-box{margin:14px 0;padding:13px;display:grid;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.tree-visibility-box>header{margin-bottom:3px;display:grid;gap:2px}.tree-visibility-box>header b{font-size:11px}.tree-visibility-box>header small{color:var(--text-faint);font-size:8px}.tree-visibility-box>button{min-height:48px;padding:8px 3px;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:8px;color:var(--text);background:transparent;border-top:1px solid var(--border);cursor:pointer;text-align:left}.tree-visibility-box>button>span{color:var(--primary)}.tree-visibility-box>button svg{width:17px}.tree-visibility-box>button>div{display:grid;gap:2px}.tree-visibility-box>button b{font-size:10px}.tree-visibility-box>button small{color:var(--text-faint);font-size:8px}.tree-visibility-box>button>i{position:relative;width:29px;height:17px;background:var(--border-strong);border-radius:999px;transition:background .18s}.tree-visibility-box>button>i:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;background:#fff;border-radius:50%;transition:transform .18s}.tree-visibility-box>button[aria-checked=true]>i{background:var(--primary)}.tree-visibility-box>button[aria-checked=true]>i:after{transform:translate(12px)}.suggestion-actions{display:grid;gap:7px;margin-bottom:12px}.suggestion-actions .button{width:100%}@keyframes tree-placeholder{0%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.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__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.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:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.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-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}