html,body,#root{height:100%;margin:0;overflow:hidden;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #101418);font-family:-apple-system,system-ui,Roboto,sans-serif}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0}.tree-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.tree-canvas{display:block;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.tree-canvas:active{cursor:grabbing}.glass{background:color-mix(in srgb,var(--tg-theme-bg-color, #fff) 72%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid color-mix(in srgb,var(--tg-theme-hint-color, #8a919c) 22%,transparent);box-shadow:0 4px 24px #0a14281f}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 12px 8px;z-index:5;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:baseline;gap:8px;padding:9px 14px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer}.brand .stats{font-weight:400;font-size:12.5px;color:var(--tg-theme-hint-color, #8a919c)}.spacer{flex:1}.iconbtn{width:40px;height:40px;border-radius:50%;border:none;font-size:17px;display:grid;place-items:center;color:var(--tg-theme-text-color, #101418);cursor:pointer}.search-panel{position:absolute;top:calc(58px + env(safe-area-inset-top));left:12px;right:12px;max-width:560px;margin:0 auto;z-index:6;border-radius:16px;padding:10px;max-height:58vh;overflow-y:auto;overscroll-behavior:contain}.search-input,.pform input,.pform textarea,.pform select,.field select,.field input,.story-add textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:11px;border:1.5px solid transparent;background:var(--tg-theme-secondary-bg-color, #f2f3f7);color:var(--tg-theme-text-color, #101418);font-size:15px;font-family:inherit;outline:none;transition:border-color var(--t-fast) ease}.search-input:focus,.pform input:focus,.pform textarea:focus,.story-add textarea:focus{border-color:var(--tg-theme-button-color, #2481cc)}.results{margin-top:6px}.hint-text{color:var(--tg-theme-hint-color, #8a919c);font-size:13.5px}.fabs{position:absolute;right:12px;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;z-index:5}.fab{width:46px;height:46px;border-radius:50%;border:none;font-size:19px;display:grid;place-items:center;color:var(--tg-theme-text-color, #101418);cursor:pointer}.fab.on{color:var(--tg-theme-button-color, #2481cc);box-shadow:0 0 0 2px var(--tg-theme-button-color, #2481cc) inset}.fab-add{position:absolute;left:14px;bottom:calc(24px + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:50%;border:none;z-index:5;font-size:28px;line-height:1;display:grid;place-items:center;background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #fff);box-shadow:0 8px 22px color-mix(in srgb,var(--tg-theme-button-color, #2481cc) 45%,transparent);cursor:pointer}.ps-head{display:flex;gap:14px;align-items:center}.ps-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}.ps-initials{display:grid;place-items:center;font-size:24px;font-weight:700;color:#fff;background:linear-gradient(135deg,#98a1ab,#6d7680)}.ps-initials.g-M{background:linear-gradient(135deg,#58a5e8,#3c78c9)}.ps-initials.g-F{background:linear-gradient(135deg,#e88fac,#c95f87)}.ps-name{margin:0 0 2px;font-size:19px}.ps-sub{color:var(--tg-theme-hint-color, #8a919c);font-size:13.5px}.ps-relation{margin-top:4px;font-size:13.5px;color:var(--tg-theme-button-color, #2481cc);font-weight:600}.facts{margin:10px 0 4px}.fact{font-size:14.5px;margin:4px 0}.ps-bio{font-size:14.5px;line-height:1.45;margin:10px 0 4px}.ps-notes{font-size:12.5px;color:var(--tg-theme-hint-color, #8a919c);white-space:pre-line}.photo-strip{display:flex;gap:8px;overflow-x:auto;margin:12px -16px 4px;padding:0 16px}.photo-strip img{height:88px;border-radius:10px;flex-shrink:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.chip{padding:8px 13px;border-radius:999px;border:none;background:var(--tg-theme-secondary-bg-color, #f2f3f7);color:var(--tg-theme-text-color, #101418);font-size:13.5px;font-family:inherit;cursor:pointer}.chip.primary{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #fff)}.chip.on{box-shadow:0 0 0 2px var(--tg-theme-button-color, #2481cc) inset}.section-title{margin:18px 0 6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tg-theme-hint-color, #8a919c)}.rel-row{display:flex;align-items:center;gap:10px;padding:8px;margin:0 -8px;border-radius:12px;cursor:pointer}.rel-row:active{background:var(--tg-theme-secondary-bg-color, #f2f3f7)}.rel-ava{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#98a1ab,#6d7680)}.rel-main{min-width:0;flex:1}.rel-name{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rel-sub{font-size:12px;color:var(--tg-theme-hint-color, #8a919c)}.unlink{width:30px;height:30px;border-radius:50%;border:none;background:color-mix(in srgb,#e5484d 14%,transparent);color:#e5484d;font-size:13px;cursor:pointer}.story{background:var(--tg-theme-secondary-bg-color, #f2f3f7);border-radius:12px;padding:10px 12px;margin:8px 0}.story p{margin:0 0 4px;font-size:14px;line-height:1.4}.story-meta{font-size:11.5px;color:var(--tg-theme-hint-color, #8a919c)}.story-add{display:flex;flex-direction:column;gap:8px;margin-top:8px}.pform-title{margin:0 0 12px;font-size:17px}.field{margin-bottom:10px;min-width:0}.field label{display:block;font-size:12px;color:var(--tg-theme-hint-color, #8a919c);margin-bottom:4px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check{display:flex;align-items:center;gap:8px;font-size:14.5px;margin:6px 0 10px}.check input{width:18px;height:18px}.seg{display:flex;background:var(--tg-theme-secondary-bg-color, #f2f3f7);border-radius:11px;padding:3px}.seg button{flex:1;padding:8px 0;border:none;border-radius:9px;background:transparent;color:var(--tg-theme-text-color, #101418);font-size:14px;font-family:inherit;cursor:pointer}.seg button.on{background:var(--tg-theme-bg-color, #fff);box-shadow:0 1px 4px #00000026;font-weight:600}.form-error{color:#e5484d;font-size:13.5px}.btn{padding:12px 16px;border-radius:12px;border:none;background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #fff);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer}.btn:disabled{opacity:.55}.btn.ghost{background:var(--tg-theme-secondary-bg-color, #f2f3f7);color:var(--tg-theme-text-color, #101418)}.btn.danger{background:color-mix(in srgb,#e5484d 12%,transparent);color:#e5484d}.btn-row{display:flex;gap:10px;margin-top:14px}.btn-row .btn{flex:1}.btn-col{display:flex;flex-direction:column;gap:8px;margin:12px 0}.ps-delete{width:100%;margin-top:22px}.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;padding:10px 18px;border-radius:999px;font-size:14px;white-space:nowrap;max-width:88vw;overflow:hidden;text-overflow:ellipsis;animation:rise var(--t-base) var(--ease)}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:4;padding:24px}.empty-card{max-width:380px;text-align:center;border-radius:20px;padding:28px 24px}.empty-card h3{margin:0 0 8px}.empty-card p{color:var(--tg-theme-hint-color, #8a919c);font-size:14px}.center-note{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px}.menu-row{display:flex;align-items:center;gap:10px;padding:10px 4px;font-size:14.5px}.menu-row .grow{flex:1}.date-row{display:flex;gap:10px;padding:7px 0;font-size:14px;align-items:baseline}.date-when{color:var(--tg-theme-hint-color, #8a919c);font-size:12.5px;min-width:86px}.stat-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.stat-chip{background:var(--tg-theme-secondary-bg-color, #f2f3f7);border-radius:10px;padding:8px 12px;font-size:13px}.stat-chip b{display:block;font-size:16px}.qr-box{margin:12px 0;padding:16px;border-radius:14px;background:#fff;text-align:center}.qr-canvas{width:240px;max-width:100%;image-rendering:pixelated}.qr-box .hint-text{color:#5d6e64}.dupe{background:var(--tg-theme-secondary-bg-color, #f2f3f7);border-radius:12px;padding:12px 14px;margin:8px 0}.dupe .chip{background:var(--tg-theme-bg-color, #fff)}:root{--t-fast: .14s;--t-base: .2s;--t-slow: .28s;--ease: cubic-bezier(.32, .72, .33, 1)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}body{transition:background-color var(--t-base) ease,color var(--t-base) ease}.pressable{transition:transform var(--t-fast) ease,background-color var(--t-fast) ease,border-color var(--t-fast) ease,color var(--t-fast) ease}.pressable:active{transform:scale(.96)}.rise,.fresh{animation:rise var(--t-base) var(--ease)}.pop{animation:pop .26s var(--ease)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090b8c;display:flex;align-items:flex-end;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity var(--t-base) ease}.backdrop.on{opacity:1;pointer-events:auto}.sheet{width:100%;max-width:560px;padding:16px;border-radius:16px 16px 0 0;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #111);box-shadow:0 -12px 32px #0006;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;transform:translateY(100%);transition:transform var(--t-slow) var(--ease),background-color var(--t-base) ease}.backdrop.on .sheet{transform:translateY(0)}.sheet-content{animation:rise var(--t-base) var(--ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}