/* ============================================================ MIDNIGHT AURORA — FAMILY TREE MOBILE HEADING Final-loaded Tree-specific visual layer. ============================================================ */ @media (max-width:759px){ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head{ position:relative!important; overflow:hidden!important; isolation:isolate!important; display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:12px!important; margin:4px 0 16px!important; padding:15px 13px!important; border-radius:18px!important; background: linear-gradient(135deg, rgba(3,11,28,.36) 0%, rgba(4,14,34,.50) 44%, rgba(3,10,27,.68) 100%), url("../assets/midnight-aurora-alpine.webp") 76% 28%/155% auto no-repeat!important; border:1px solid rgba(79,230,255,.34)!important; border-left:2px solid rgba(168,85,247,.82)!important; box-shadow: -4px 0 16px rgba(139,92,246,.20), 0 14px 30px rgba(0,0,0,.26), 0 0 18px rgba(34,211,238,.08), inset 0 1px 0 rgba(255,255,255,.045)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0; background: radial-gradient(48% 105% at 88% 0%,rgba(34,211,238,.12),transparent 70%), radial-gradient(42% 95% at 4% 8%,rgba(168,85,247,.11),transparent 72%); } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head>*{ position:relative!important; z-index:1!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head>div:first-child{ min-width:0!important; flex:1 1 auto!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head .eyebrow{ margin:0 0 5px!important; color:#7dd3fc!important; font-weight:850!important; letter-spacing:.10em!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head h1{ margin:0 0 5px!important; color:#f4f8ff!important; text-shadow:0 0 14px rgba(34,211,238,.08)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head p{ margin:0!important; color:#b8c6da!important; line-height:1.38!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head-actions{ flex:0 0 auto!important; gap:8px!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head-actions button{ background: linear-gradient(145deg,rgba(7,20,42,.90),rgba(25,25,66,.74))!important; border:1px solid rgba(98,226,255,.22)!important; color:#9af3ff!important; box-shadow: 0 0 13px rgba(34,211,238,.08), inset 0 1px 0 rgba(255,255,255,.04)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head-actions .tree-history-add{ border-color:rgba(172,92,246,.46)!important; box-shadow: 0 0 14px rgba(139,92,246,.16), 0 0 12px rgba(34,211,238,.08), inset 0 1px 0 rgba(255,255,255,.04)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head-actions button svg{ color:#8ff5ff!important; filter: drop-shadow(0 0 5px rgba(34,211,238,.28)) drop-shadow(0 0 8px rgba(139,92,246,.10))!important; } } /* ============================================================ MIDNIGHT AURORA — FAMILY TREE CAPSULE Scenic outer tree viewport; member cards stay readable. ============================================================ */ @media (max-width:759px){ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board{ position:relative!important; overflow:auto!important; isolation:isolate!important; min-height:560px!important; border-radius:20px!important; background: linear-gradient(180deg, rgba(2,9,24,.32) 0%, rgba(2,10,26,.48) 34%, rgba(2,9,23,.68) 68%, rgba(2,8,20,.86) 100%), url("../assets/midnight-aurora-alpine.webp") 78% 62%/cover no-repeat!important; border:1px solid rgba(79,229,255,.34)!important; border-left:2px solid rgba(168,85,247,.72)!important; box-shadow: -4px 0 18px rgba(139,92,246,.18), 0 18px 36px rgba(0,0,0,.30), 0 0 22px rgba(34,211,238,.09), inset 0 1px 0 rgba(255,255,255,.04)!important; backdrop-filter:blur(4px) saturate(112%)!important; -webkit-backdrop-filter:blur(4px) saturate(112%)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board::before{ content:none!important; display:none!important; background:none!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-touch-stage, html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board .ct-canvas{ position:relative!important; z-index:1!important; background:transparent!important; background-image:none!important; box-shadow:none!important; } /* Family connectors become subtle cyan instead of dull grey/green. */ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-lines path, html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-lines line{ stroke:rgba(103,232,249,.46)!important; filter:drop-shadow(0 0 4px rgba(34,211,238,.14)); } /* Person cards: dark glass with a restrained cyan edge. */ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-person, html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-couple{ background: linear-gradient(145deg,rgba(4,14,31,.93),rgba(8,18,42,.88))!important; border:1px solid rgba(92,220,255,.20)!important; color:#eef7ff!important; box-shadow: 0 10px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-person strong, html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-couple strong{ color:#f5f9ff!important; } /* Main/current family unit gets the stronger Midnight glow. */ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-node:first-of-type .ct-person, html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-node:first-of-type .ct-couple{ border-color:rgba(103,232,249,.42)!important; box-shadow: 0 0 16px rgba(34,211,238,.12), 0 0 20px rgba(139,92,246,.10), 0 12px 28px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-heart{ background:rgba(48,20,50,.72)!important; border-color:rgba(244,114,182,.26)!important; color:#ff8bc9!important; box-shadow:0 0 12px rgba(236,72,153,.12)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-heart svg{ color:#ff9bd0!important; filter:drop-shadow(0 0 6px rgba(236,72,153,.22)); } } /* ============================================================ MIDNIGHT AURORA — FAMILY HISTORY CAPSULE Scenic outer biography section with clean dark biography rows. ============================================================ */ @media (max-width:759px){ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-directory{ position:relative!important; overflow:hidden!important; isolation:isolate!important; margin:16px 0 18px!important; padding:14px 12px 13px!important; border-radius:18px!important; background: linear-gradient(180deg, rgba(3,11,28,.34) 0%, rgba(3,12,30,.48) 34%, rgba(2,9,23,.74) 100%), url("../assets/midnight-aurora-alpine.webp") 74% 68%/cover no-repeat!important; border:1px solid rgba(78,228,255,.30)!important; border-left:2px solid rgba(168,85,247,.76)!important; box-shadow: -4px 0 16px rgba(139,92,246,.18), 0 14px 30px rgba(0,0,0,.26), 0 0 18px rgba(34,211,238,.08), inset 0 1px 0 rgba(255,255,255,.04)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-directory::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0; background: radial-gradient(50% 90% at 88% 0%,rgba(34,211,238,.10),transparent 70%), radial-gradient(40% 80% at 4% 10%,rgba(168,85,247,.10),transparent 72%); } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-directory>*{ position:relative!important; z-index:1!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-directory-head{ margin:0 0 11px!important; padding:0 2px!important; gap:10px!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-directory-head .eyebrow{ color:#7dd3fc!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-directory-head h2{ color:#f4f8ff!important; text-shadow:0 0 12px rgba(34,211,238,.07)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-directory-head p{ color:#b8c6da!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-count{ background: linear-gradient(145deg,rgba(7,20,42,.90),rgba(25,25,66,.76))!important; border:1px solid rgba(96,226,255,.22)!important; color:#9af3ff!important; box-shadow: 0 0 12px rgba(34,211,238,.08), 0 0 16px rgba(139,92,246,.08), inset 0 1px 0 rgba(255,255,255,.04)!important; } /* Biography rows stay clean and non-scenic for readability. */ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-card{ background: linear-gradient(145deg,rgba(4,14,31,.95),rgba(8,18,42,.92))!important; background-image:none!important; border:1px solid rgba(90,219,255,.15)!important; border-radius:14px!important; color:#eef7ff!important; box-shadow: 0 9px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.02)!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-card + .tree-history-card{ margin-top:8px!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-card-copy strong{ color:#f4f8ff!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-card-copy b{ color:#d5e6f6!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-card-copy em{ color:#9fb0c4!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-card-top small{ background:rgba(92,45,82,.54)!important; border:1px solid rgba(244,114,182,.18)!important; color:#ffd2ea!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-open{ color:#86efff!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-open svg{ filter: drop-shadow(0 0 5px rgba(34,211,238,.24)) drop-shadow(0 0 8px rgba(139,92,246,.08))!important; } /* Empty Family History state follows the same capsule treatment. */ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-directory.empty .secondary{ background: linear-gradient(145deg,rgba(7,20,42,.90),rgba(25,25,66,.74))!important; border:1px solid rgba(98,226,255,.22)!important; color:#9af3ff!important; } } /* ============================================================ MIDNIGHT AURORA — FULL FAMILY TREE PAGE BACKGROUND Shared portrait scene behind the entire mobile Tree page. ============================================================ */ @media (max-width:759px){ html[data-fb-visual-theme="midnight-aurora"] #screen:has(.tree-page.coordinate-tree-page){ position:relative!important; isolation:isolate!important; background: linear-gradient(180deg, rgba(2,7,20,.30) 0%, rgba(2,8,22,.50) 28%, rgba(2,8,21,.72) 62%, rgba(2,7,19,.90) 100%), url("../assets/midnight-aurora-widget-flow.webp") center top/100% auto repeat-y!important; background-color:#020814!important; } html[data-fb-visual-theme="midnight-aurora"] #screen:has(.tree-page.coordinate-tree-page)::before{ content:""; position:absolute; inset:0; pointer-events:none; z-index:0; background: radial-gradient(52% 30% at 88% 7%,rgba(34,211,238,.10),transparent 72%), radial-gradient(44% 28% at 5% 16%,rgba(168,85,247,.10),transparent 74%); } html[data-fb-visual-theme="midnight-aurora"] #screen:has(.tree-page.coordinate-tree-page)>.tree-page.coordinate-tree-page{ position:relative!important; z-index:1!important; background:transparent!important; } /* Keep the three main Tree sections glassy so the page scene reads through. */ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-head, html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board, html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .tree-history-directory{ backdrop-filter:blur(8px) saturate(112%)!important; -webkit-backdrop-filter:blur(8px) saturate(112%)!important; } } /* ============================================================ MIDNIGHT AURORA — FAMILY TREE DESKTOP ============================================================ */ @media (min-width:760px){ html[data-fb-visual-theme="midnight-aurora"] #screen:has(.coordinate-tree-page){ background:linear-gradient(180deg,rgba(2,7,20,.18),rgba(2,8,22,.42) 48%,rgba(2,7,19,.76)),url("../assets/midnight-aurora-widget-flow.webp") center top/100% auto repeat-y!important; background-color:#020814!important; } html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page{color:#eef7ff!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .tree-head{ position:relative;overflow:hidden;isolation:isolate;padding:18px 20px!important;margin:0 0 16px!important;border-radius:20px!important; background:linear-gradient(105deg,rgba(3,12,31,.70),rgba(5,18,42,.42)),url("../assets/midnight-aurora-alpine.webp") center 32%/cover no-repeat!important; border:1px solid rgba(79,230,255,.27)!important;border-left:2px solid rgba(168,85,247,.70)!important; box-shadow:0 14px 32px rgba(0,0,0,.24),0 0 20px rgba(34,211,238,.06)!important; } html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .tree-head>*{position:relative;z-index:1} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .tree-head .eyebrow{color:#7dd3fc!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .tree-head h1{color:#f3f8ff!important;text-shadow:0 0 16px rgba(34,211,238,.08)!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .tree-head p{color:#b6c5d9!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .tree-head-actions button{background:rgba(4,17,38,.82)!important;border-color:rgba(91,218,255,.30)!important;color:#e9f8ff!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-board{ position:relative!important;overflow:auto!important;min-height:575px!important;max-height:calc(100vh - 285px)!important; border-radius:20px!important; background:linear-gradient(180deg,rgba(2,10,27,.48),rgba(2,9,23,.72)),url("../assets/midnight-aurora-alpine.webp") 72% 62%/cover no-repeat!important; border:1px solid rgba(79,229,255,.30)!important;border-left:2px solid rgba(168,85,247,.64)!important; box-shadow:0 18px 38px rgba(0,0,0,.30),0 0 22px rgba(34,211,238,.08),inset 0 1px rgba(255,255,255,.035)!important; scrollbar-width:thin;scrollbar-color:rgba(103,232,249,.45) rgba(2,10,25,.78); } html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-board::-webkit-scrollbar{width:10px;height:10px} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-board::-webkit-scrollbar-track{background:rgba(2,10,25,.82);border-radius:10px} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-board::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(103,232,249,.56),rgba(139,92,246,.52));border:2px solid rgba(2,10,25,.82);border-radius:10px} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-board .ct-canvas{background:transparent!important;background-image:none!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-lines path, html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-lines line{stroke:rgba(103,232,249,.45)!important;filter:drop-shadow(0 0 4px rgba(34,211,238,.14))} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-person, html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-couple{ background:linear-gradient(145deg,rgba(4,14,31,.95),rgba(8,18,42,.91))!important;border-color:rgba(92,220,255,.24)!important;color:#eef7ff!important; box-shadow:0 10px 24px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.035)!important; } html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-person:hover, html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-couple:hover{border-color:rgba(103,232,249,.52)!important;box-shadow:0 0 18px rgba(34,211,238,.10),0 12px 26px rgba(0,0,0,.28)!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-person strong, html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-couple strong{color:#f4f9ff!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-person small{color:#a9b9cd!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-heart{background:rgba(50,19,58,.76)!important;border-color:rgba(244,114,182,.30)!important;color:#ff91ca!important;box-shadow:0 0 12px rgba(236,72,153,.12)!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-avatar{border-color:rgba(103,232,249,.28)!important} html[data-fb-visual-theme="midnight-aurora"] .coordinate-tree-page .ct-couple::after{color:#b9c9dd!important} } /* Desktop Family Tree parity with the approved mobile Midnight Aurora tree */ @media (min-width:760px){ html[data-fb-visual-theme="midnight-aurora"] #screen:has(.tree-page.coordinate-tree-page){background:linear-gradient(180deg,rgba(2,7,20,.20),rgba(2,8,22,.40) 34%,rgba(2,7,19,.72)),url("../assets/midnight-aurora-widget-flow.webp") center top/100% auto repeat-y!important;background-color:#020814!important} html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board{min-height:650px!important;max-height:none!important;background:linear-gradient(180deg,rgba(2,9,24,.16),rgba(2,10,26,.32) 38%,rgba(2,9,23,.58) 75%,rgba(2,8,20,.76)),url("../assets/midnight-aurora-alpine.webp") center center/cover no-repeat!important;border:1px solid rgba(79,229,255,.40)!important;border-left:2px solid rgba(168,85,247,.78)!important;box-shadow:-4px 0 18px rgba(139,92,246,.18),0 18px 36px rgba(0,0,0,.30),0 0 24px rgba(34,211,238,.10)!important} html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board .ct-canvas{background:transparent!important;background-image:none!important} html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-lines path,html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-lines line{stroke:#55e6ef!important;stroke-width:2!important;stroke-opacity:.82!important;filter:drop-shadow(0 0 3px rgba(34,211,238,.62)) drop-shadow(0 0 7px rgba(34,211,238,.20))!important} html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-person,html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-couple{background:linear-gradient(145deg,rgba(3,15,34,.97),rgba(6,20,45,.94))!important;border:1px solid rgba(82,224,255,.38)!important;border-radius:16px!important;color:#f4f9ff!important;box-shadow:0 10px 24px rgba(0,0,0,.27),0 0 15px rgba(34,211,238,.07),inset 0 1px rgba(255,255,255,.04)!important} html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-couple{border-color:rgba(82,224,255,.48)!important;box-shadow:0 0 18px rgba(34,211,238,.11),0 0 20px rgba(139,92,246,.09),0 12px 28px rgba(0,0,0,.28)!important} html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-person strong,html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-couple strong{color:#f7faff!important;font-weight:800!important} html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-person small{color:#b9c7da!important} html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-avatar{border:1px solid rgba(103,232,249,.42)!important;box-shadow:0 0 10px rgba(34,211,238,.10)!important} html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-heart{background:rgba(48,20,58,.82)!important;border:1px solid rgba(244,114,182,.32)!important;color:#ff94cf!important;box-shadow:0 0 13px rgba(236,72,153,.16)!important} html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-couple::after{color:#d9b992!important} } /* Full Family Tree desktop — mobile Midnight Aurora parity */ @media (min-width:760px){ html[data-fb-visual-theme="midnight-aurora"] #screen:has(.full-tree-page){background:linear-gradient(180deg,rgba(2,7,20,.18),rgba(2,8,22,.42) 42%,rgba(2,7,19,.76)),url("../assets/midnight-aurora-widget-flow.webp") center top/100% auto repeat-y!important;background-color:#020814!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-page{color:#eef7ff!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-top .eyebrow{color:#7dd3fc!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-top h1{color:#f4f9ff!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-top .fu-back{color:#7dd3fc!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-controls .secondary{background:rgba(4,17,38,.88)!important;border-color:rgba(91,218,255,.30)!important;color:#e9f8ff!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-controls .primary{background:linear-gradient(105deg,#16bfe2,#3b82f6 52%,#7c3aed)!important;border-color:rgba(116,231,255,.42)!important;color:#fff!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-viewport{background:linear-gradient(180deg,rgba(2,9,24,.14),rgba(2,10,26,.28) 38%,rgba(2,9,23,.56) 76%,rgba(2,8,20,.76)),url("../assets/midnight-aurora-alpine.webp") center center/cover no-repeat!important;border:1px solid rgba(79,229,255,.40)!important;border-left:2px solid rgba(168,85,247,.78)!important;box-shadow:-4px 0 18px rgba(139,92,246,.18),0 18px 36px rgba(0,0,0,.30),0 0 24px rgba(34,211,238,.10)!important;scrollbar-width:thin;scrollbar-color:rgba(103,232,249,.45) rgba(2,10,25,.78)} html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage,html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-canvas{background:transparent!important;background-image:none!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-lines path,html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-lines line{stroke:#55e6ef!important;stroke-width:2!important;stroke-opacity:.82!important;filter:drop-shadow(0 0 3px rgba(34,211,238,.62)) drop-shadow(0 0 7px rgba(34,211,238,.20))!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-person,html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-couple{background:linear-gradient(145deg,rgba(3,15,34,.97),rgba(6,20,45,.94))!important;border:1px solid rgba(82,224,255,.38)!important;border-radius:16px!important;color:#f4f9ff!important;box-shadow:0 10px 24px rgba(0,0,0,.27),0 0 15px rgba(34,211,238,.07),inset 0 1px rgba(255,255,255,.04)!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-couple{border-color:rgba(82,224,255,.48)!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-person strong,html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-couple strong{color:#f7faff!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-person small{color:#b9c7da!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-avatar{border:1px solid rgba(103,232,249,.42)!important;box-shadow:0 0 10px rgba(34,211,238,.10)!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-stage .ct-heart{background:rgba(48,20,58,.82)!important;border:1px solid rgba(244,114,182,.32)!important;color:#ff94cf!important;box-shadow:0 0 13px rgba(236,72,153,.16)!important} html[data-fb-visual-theme="midnight-aurora"] .full-tree-hint{color:#a9b9cd!important} } /* Desktop Family Tree — restore outer capsule; remove only inner tree backdrop */ @media (min-width:760px){ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board{ min-height:650px!important; background:linear-gradient(180deg,rgba(2,9,24,.16),rgba(2,10,26,.32) 38%,rgba(2,9,23,.58) 75%,rgba(2,8,20,.76)),url("../assets/midnight-aurora-alpine.webp") center center/cover no-repeat!important; border:1px solid rgba(79,229,255,.40)!important; border-left:2px solid rgba(168,85,247,.78)!important; border-radius:20px!important; box-shadow:-4px 0 18px rgba(139,92,246,.18),0 18px 36px rgba(0,0,0,.30),0 0 24px rgba(34,211,238,.10)!important; overflow:auto!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board .ct-canvas, html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board .tree-touch-stage{ background:transparent!important; background-color:transparent!important; background-image:none!important; border:0!important; border-radius:0!important; box-shadow:none!important; } } /* Desktop Family Tree — capsule outline only; Aurora page shows through */ @media (min-width:760px){ html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board{ background:transparent!important; background-color:transparent!important; background-image:none!important; border:1px solid rgba(79,229,255,.40)!important; border-left:2px solid rgba(168,85,247,.78)!important; border-radius:20px!important; box-shadow:-4px 0 18px rgba(139,92,246,.18),0 18px 36px rgba(0,0,0,.18),0 0 24px rgba(34,211,238,.10)!important; } } /* Desktop Family Tree — remove route-column rectangle; keep Aurora inside tree capsule */ @media (min-width:1180px){ html[data-fb-visual-theme="midnight-aurora"] #app>.app>.screen:has(.tree-page.coordinate-tree-page){ background:transparent!important; background-color:transparent!important; background-image:none!important; } html[data-fb-visual-theme="midnight-aurora"] #app>.app>.screen:has(.tree-page.coordinate-tree-page)::before{ content:none!important; display:none!important; background:none!important; } html[data-fb-visual-theme="midnight-aurora"] .tree-page.coordinate-tree-page .ct-board{ background:linear-gradient(180deg,rgba(2,9,24,.16),rgba(2,10,26,.32) 38%,rgba(2,9,23,.58) 75%,rgba(2,8,20,.76)),url("../assets/midnight-aurora-alpine.webp") center center/cover no-repeat!important; border:1px solid rgba(79,229,255,.40)!important; border-left:2px solid rgba(168,85,247,.78)!important; border-radius:20px!important; box-shadow:-4px 0 18px rgba(139,92,246,.18),0 18px 36px rgba(0,0,0,.30),0 0 24px rgba(34,211,238,.10)!important; } }