@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-0: oklch(12% .025 50);--bg-1: oklch(17% .028 60);--bg-grad: radial-gradient(ellipse at 15% 0%, oklch(26% .07 70) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, oklch(22% .06 225) 0%, transparent 60%), linear-gradient(180deg, var(--bg-1), var(--bg-0));--orb-gold: oklch(80% .13 82);--orb-peach: oklch(80% .11 50);--orb-amber: oklch(82% .15 70);--orb-teal: oklch(68% .09 225);--glass-fill-0: rgba(255,255,255,.04);--glass-fill-1: rgba(255,255,255,.06);--glass-fill-2: rgba(255,255,255,.1);--glass-fill-3: rgba(255,255,255,.14);--glass-border: rgba(255,255,255,.12);--glass-border-strong: rgba(255,255,255,.18);--glass-highlight: rgba(255,255,255,.08);--glass-blur-sm: 12px;--glass-blur-md: 20px;--glass-blur-lg: 28px;--glass-blur-xl: 36px;--fg-1: rgba(255,255,255,.96);--fg-2: rgba(255,255,255,.72);--fg-3: rgba(255,255,255,.48);--fg-muted: rgba(255,255,255,.32);--fg-inverse: oklch(12% .025 50);--accent: oklch(78% .13 82);--accent-soft: oklch(78% .13 82 / .16);--accent-ring: oklch(78% .13 82 / .4);--positive: oklch(76% .15 150);--positive-soft: oklch(76% .15 150 / .16);--caution: oklch(82% .15 70);--caution-soft: oklch(82% .15 70 / .16);--negative: oklch(70% .2 30);--negative-soft: oklch(70% .2 30 / .16);--info: oklch(72% .1 225);--info-soft: oklch(72% .1 225 / .16);--font-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Montserrat", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--leading-tight: 1.1;--leading-snug: 1.25;--leading-base: 1.45;--leading-loose: 1.65;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-base: 0em;--tracking-wide: .04em;--sp-0: 0px;--sp-1: 2px;--sp-2: 4px;--sp-3: 8px;--sp-4: 12px;--sp-5: 16px;--sp-6: 20px;--sp-7: 24px;--sp-8: 32px;--sp-9: 40px;--sp-10: 56px;--sp-11: 80px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 9999px;--shadow-ambient: 0 20px 60px -20px rgba(0,0,0,.45);--shadow-contact: 0 1px 2px rgba(0,0,0,.15);--shadow-glass: var(--shadow-ambient), var(--shadow-contact), inset 0 1px 0 var(--glass-highlight);--shadow-glass-lg: 0 30px 80px -20px rgba(0,0,0,.55), 0 1px 2px rgba(0,0,0,.2), inset 0 1px 0 var(--glass-highlight);--shadow-focus: 0 0 0 3px var(--accent-ring);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-glass: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1)}html,body{font-family:var(--font-sans);color:var(--fg-1);background:var(--bg-grad) fixed;background-color:var(--bg-0);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ds-display-xl,h1.ds-hero{font-family:var(--font-sans);font-size:72px;line-height:var(--leading-tight);letter-spacing:-.035em;font-weight:600;color:var(--fg-1)}.ds-display-lg{font-family:var(--font-sans);font-size:56px;line-height:var(--leading-tight);letter-spacing:-.03em;font-weight:600}.ds-display-md{font-family:var(--font-sans);font-size:40px;line-height:var(--leading-snug);letter-spacing:-.025em;font-weight:600}.ds-h1,h1{font-family:var(--font-sans);font-size:32px;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);font-weight:600;color:var(--fg-1)}.ds-h2,h2{font-family:var(--font-sans);font-size:24px;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);font-weight:600;color:var(--fg-1)}.ds-h3,h3{font-family:var(--font-sans);font-size:18px;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);font-weight:600;color:var(--fg-1)}.ds-h4,h4{font-family:var(--font-sans);font-size:15px;line-height:var(--leading-base);letter-spacing:var(--tracking-base);font-weight:600;color:var(--fg-1)}.ds-body-lg{font-size:17px;line-height:var(--leading-base);color:var(--fg-2)}.ds-body,p{font-size:15px;line-height:var(--leading-base);color:var(--fg-2)}.ds-body-sm,small{font-size:13px;line-height:var(--leading-base);color:var(--fg-2)}.ds-label,.ds-overline{font-size:11px;line-height:1.2;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-3);font-weight:500}.ds-mono,code,kbd,pre{font-family:var(--font-mono);font-size:13px;letter-spacing:0;color:var(--fg-2)}.ds-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.glass{background:var(--glass-fill-1);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur-md)) saturate(1.4);-webkit-backdrop-filter:blur(var(--glass-blur-md)) saturate(1.4);box-shadow:var(--shadow-glass);color:var(--fg-1)}.glass--elevated{background:var(--glass-fill-2);backdrop-filter:blur(var(--glass-blur-lg)) saturate(1.5);-webkit-backdrop-filter:blur(var(--glass-blur-lg)) saturate(1.5);box-shadow:var(--shadow-glass-lg)}.glass--chrome{background:var(--glass-fill-1);backdrop-filter:blur(var(--glass-blur-xl)) saturate(1.6);-webkit-backdrop-filter:blur(var(--glass-blur-xl)) saturate(1.6)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{overflow-x:hidden}input,button{font-family:var(--font-sans)}::selection{background:#c9941459;color:var(--fg-1)}@keyframes dmFadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff2e;background-clip:content-box}@keyframes dmCardIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}#root>div>div>div>*{animation:dmCardIn .3s var(--ease-glass) both}body{background:var(--bg-grad),var(--bg-0);background-attachment:fixed;color:var(--fg-1);font-family:var(--font-sans);min-height:100vh}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-5);color:var(--fg-2);font-family:var(--font-mono)}.portal{max-width:1080px;margin:0 auto;padding:var(--sp-6) var(--sp-6) var(--sp-10)}.topbar{display:flex;align-items:center;gap:var(--sp-7);padding:var(--sp-4) var(--sp-6);background:var(--glass-fill-1);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm))}.wordmark{height:26px}.topbar nav{display:flex;gap:var(--sp-3);flex:1}.topbar nav button,.user button{background:transparent;color:var(--fg-2);border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-5);font-size:.9rem;cursor:pointer;transition:all .15s ease}.topbar nav button:hover{color:var(--fg-1);background:var(--glass-fill-2)}.topbar nav button.active{color:var(--fg-1);background:var(--accent-soft);border-color:var(--accent-ring)}.user{display:flex;align-items:center;gap:var(--sp-4);color:var(--fg-3);font-size:.85rem}.user button:hover{color:var(--negative);background:var(--negative-soft)}main{padding-top:var(--sp-9)}h1{font-size:2rem;margin:0 0 var(--sp-2);letter-spacing:var(--tracking-tight)}.subtitle{color:var(--fg-3);margin:0 0 var(--sp-8)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--sp-5)}.tile{position:relative;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-6);background:var(--glass-fill-1);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));text-decoration:none;color:var(--fg-1);transition:all .18s ease}.tile:hover{background:var(--glass-fill-2);border-color:var(--glass-border-strong);transform:translateY(-2px);box-shadow:0 8px 30px #00000059}.tile-emoji{font-size:1.8rem}.tile-title{font-weight:600;font-size:1.05rem}.tile-desc{color:var(--fg-3);font-size:.85rem;line-height:var(--leading-snug)}.tile-badge{position:absolute;top:var(--sp-4);right:var(--sp-4);font-family:var(--font-mono);font-size:.65rem;color:var(--caution);background:var(--caution-soft);padding:2px 8px;border-radius:999px}.tree-section h2{margin:0 0 var(--sp-2)}.tree-hint{color:var(--fg-3);font-size:.85rem;margin:0 0 var(--sp-8)}.tree-viewport{height:70vh;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid var(--glass-border);border-radius:var(--radius-md, 1rem);background:var(--field-bg, rgba(255, 255, 255, .03))}.tree-viewport:active{cursor:grabbing}.tree-canvas{transform-origin:0 0;width:max-content;padding:var(--sp-6) var(--sp-8);will-change:transform}.tree-block{margin-bottom:var(--sp-11, 4rem)}.tree-toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:var(--sp-4, .75rem)}.toolbar-spacer{flex:1}.recent-chip{background:var(--field-bg, rgba(255, 255, 255, .06));color:var(--fg-2);border:1px solid var(--glass-border);border-radius:999px;padding:.3rem .8rem;font-size:.82rem;cursor:pointer;transition:filter .15s ease}.recent-chip:hover{filter:brightness(1.15)}.recent-chip.active{background:linear-gradient(135deg,var(--orb-gold),var(--orb-amber));color:var(--fg-inverse);border-color:transparent;font-weight:600}.zoom-btn{width:2.1rem;height:2.1rem;border-radius:var(--radius-sm, .5rem);border:1px solid var(--glass-border);background:var(--field-bg, rgba(255, 255, 255, .06));color:var(--fg-2);font-size:1rem;cursor:pointer}.zoom-btn:hover{filter:brightness(1.15)}.person-card{cursor:pointer}.person-card.focused .person-avatar{box-shadow:0 0 0 3px var(--accent, var(--orb-gold)),0 0 14px var(--orb-gold)}.person-avatar{position:relative}.avatar-photo{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;object-fit:cover}.person-avatar.band-bebe{background:linear-gradient(135deg,#7dd3fc,#38bdf8)}.person-avatar.band-nino{background:linear-gradient(135deg,#86efac,#4ade80)}.person-avatar.band-joven{background:linear-gradient(135deg,#5eead4,#2dd4bf)}.person-avatar.band-mayor{background:linear-gradient(135deg,#e5e7eb,#9ca3af)}.person-avatar.band-difunto{background:linear-gradient(135deg,#6b7280,#4b5563);opacity:.75}.person-avatar.estimated{outline:2px dashed rgba(255,255,255,.55);outline-offset:2px}.age-badge{position:absolute;bottom:-.25rem;right:-.35rem;font-size:.85rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.tree-legend{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:var(--sp-3, .5rem) 0 0;font-size:.78rem;color:var(--fg-3, var(--fg-2))}.tree-legend .dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.3rem;vertical-align:-.05rem}.tree,.tree ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.tree ul{padding-top:var(--sp-8);position:relative}.tree li{display:flex;flex-direction:column;align-items:center;position:relative;padding:var(--sp-8) var(--sp-5) 0}.tree li:before{content:"";position:absolute;top:0;height:var(--sp-8);border-left:1px solid var(--glass-border-strong)}.tree li:after{content:"";position:absolute;top:0;width:100%;border-top:1px solid var(--glass-border-strong)}.tree li:only-child:after{display:none}.tree li:first-child:after{width:50%;right:0}.tree li:last-child:after{width:50%;left:0}.tree>li{padding-top:0}.tree>li:before,.tree>li:after{display:none}.union{display:flex;gap:var(--sp-3);align-items:stretch;position:relative}.union .person-card+.person-card:before{content:"♥";position:absolute;left:50%;top:-14px;transform:translate(-50%);color:var(--accent);font-size:.8rem}.person-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);width:140px;padding:var(--sp-5);background:var(--glass-fill-1);border:1px solid var(--glass-border);border-radius:var(--radius-md);backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm))}.person-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;color:var(--fg-inverse);background:linear-gradient(135deg,var(--orb-gold),var(--orb-amber))}.person-name{text-align:center;font-size:.78rem;line-height:var(--leading-snug);color:var(--fg-2)}.person-dates{text-align:center;font-size:.68rem;color:var(--fg-3, var(--fg-2));opacity:.8}.chat-fab{position:fixed;bottom:1.5rem;right:1.5rem;width:3.5rem;height:3.5rem;border-radius:50%;border:none;background:linear-gradient(135deg,var(--orb-gold),var(--orb-amber));color:var(--fg-inverse);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 6px 20px #00000059;transition:transform .15s ease,filter .15s ease;z-index:60}.chat-fab:hover{transform:scale(1.08);filter:brightness(1.05)}.chat-fab-open{font-size:1.7rem}.familia-chat{position:fixed;bottom:5.75rem;right:1.5rem;width:min(22rem,calc(100vw - 2rem));max-height:min(28rem,calc(100vh - 8rem));display:flex;flex-direction:column;background:var(--card-bg, var(--bg-1, #1c1c1e));border:1px solid var(--glass-border);border-radius:var(--radius-md, 1rem);box-shadow:0 12px 40px #00000073;overflow:hidden;z-index:60}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:linear-gradient(135deg,var(--orb-gold),var(--orb-amber));color:var(--fg-inverse)}.chat-title{font-weight:600}.chat-close{background:none;border:none;color:var(--fg-inverse);font-size:1.3rem;line-height:1;cursor:pointer;padding:0 .2rem}.chat-log{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;overflow-y:auto;flex:1}.chat-msg{padding:.5rem .75rem;border-radius:.75rem;font-size:.85rem;line-height:1.4;max-width:85%;white-space:pre-wrap}.chat-yo{align-self:flex-end;background:linear-gradient(135deg,var(--orb-gold),var(--orb-amber));color:var(--fg-inverse)}.chat-esteven{align-self:flex-start;background:var(--bg-2, rgba(128, 128, 128, .12));color:var(--fg-2)}.chat-typing{opacity:.6;font-style:italic}.chat-form{display:flex;gap:.5rem;padding:.6rem .75rem .75rem;border-top:1px solid var(--glass-border)}.chat-form input{flex:1;min-width:0}footer{margin-top:var(--sp-11);text-align:center;color:var(--fg-muted);font-family:var(--font-mono);font-size:.75rem}@media (max-width: 640px){.topbar{flex-wrap:wrap;gap:var(--sp-4)}.user span{display:none}}.invite h2{margin:0 0 var(--sp-2)}.invite-form{display:flex;flex-direction:column;gap:var(--sp-5);max-width:420px;margin-top:var(--sp-6)}.invite-form label{display:flex;flex-direction:column;gap:var(--sp-2);color:var(--fg-2);font-size:.85rem}.chat-form input,.invite-form input{background:var(--field-bg, rgba(255,255,255,.06));color:var(--fg-1);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--sp-4) var(--sp-4);font-size:.95rem;font-family:var(--font-sans)}.chat-form input:focus,.invite-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-form button,.invite-form button{margin-top:var(--sp-2);background:var(--accent);color:var(--fg-inverse);border:none;border-radius:var(--radius-sm);padding:var(--sp-4) var(--sp-6);font-weight:600;font-size:.95rem;cursor:pointer;transition:filter .15s ease}.invite-form button:hover:not(:disabled){filter:brightness(1.08)}.invite-form button:disabled{opacity:.6;cursor:default}.invite-ok{color:var(--positive, #7ddba3);margin-top:var(--sp-5);max-width:420px}.invite-err{color:var(--negative, #ffb4a2);margin-top:var(--sp-5);max-width:420px}