@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";
@layer fonts;:root{--canvas:#f4f0e7;--paper:#fffdf8;--paper-strong:#fff;--ink:#193b31;--muted:#5a6159;--line:#ded7c8;--green:#176b4d;--link:#176b4d;--green-soft:#dceae2;--gold:#8a5a24;--gold-soft:#f1e4d1;--warning:#9c5e21;--shadow:0 12px 36px #25372f12;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Be Vietnam Pro,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{min-width:320px;max-width:100vw;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #5f9f87}.sr-only,.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-top-banner{color:#92400e;text-align:center;background:#fffbeb;border-bottom:1px solid #fef3c7;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;padding:8px 16px;font-size:13px;display:flex}.demo-top-banner-btn{color:#78350f;cursor:pointer;white-space:nowrap;background:#fef3c7;border:1px solid #d97706;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600}.demo-top-banner-btn:hover{background:#fde68a}.demo-top-banner-links{align-items:center;gap:8px;font-size:12px;display:inline-flex}.demo-top-banner-links a{color:#78350f;font-weight:600;text-decoration:underline}.app-shell{max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{color:#fff;z-index:20;background:#12382c;flex-direction:column;width:248px;min-height:100vh;padding:20px 16px;display:flex;position:fixed;box-shadow:4px 0 24px #0000000f}.brand{color:#fff;cursor:pointer;text-align:left;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;align-items:center;gap:12px;width:100%;margin-bottom:20px;padding:10px 12px;transition:all .2s;display:flex}.brand:hover{background:#ffffff1f;border-color:#ffffff38;transform:translateY(-1px)}.brand-logo,.brand-mark{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:22px;font-weight:700;display:flex;box-shadow:0 4px 12px #16a34a4d}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:16px;font-weight:700;line-height:1.25}.brand small{color:#b9d0c7;opacity:.9;margin-top:2px;font-size:11px}.nav-list{gap:6px;display:grid}.nav-item{color:#cbdad4;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:24px 1fr auto;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:grid}.nav-item>span{text-align:center;opacity:.9;font-size:18px}.nav-item:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.nav-item-active{color:#173f33;background:#f2e5d2;border-color:#e5d4bb;box-shadow:0 4px 12px #0000001a}.nav-item-active:hover{color:#173f33;background:#f2e5d2;transform:none}.nav-badge{color:#fff;background:#a34a28;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.sidebar-foot{border-top:1px solid #ffffff1f;margin-top:auto;padding:18px 8px 0}.sidebar-foot p{color:#a9c2b8;margin:8px 0 14px;font-size:12px}.sidebar-foot button{color:#d9e5e0;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.sidebar-foot button:hover{color:#fff;text-decoration:underline}.main-column{width:calc(100% - 248px);min-width:0;max-width:100%;margin-left:248px;overflow-x:hidden}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#f4f0e7eb;border-bottom:1px solid #ded7c8cc;grid-template-columns:1fr minmax(240px,360px) auto;align-items:center;gap:24px;min-height:84px;padding:14px 36px;display:grid;position:sticky;top:0;box-shadow:0 2px 12px #00000008}.breadcrumb{color:var(--muted);letter-spacing:.02em;margin:0 0 3px;font-size:11px;font-weight:600}.topbar h1{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:700}.global-search{background:var(--paper,#fff);border:1.5px solid var(--line,#e2e8f0);border-radius:9999px;align-items:center;gap:10px;padding:8px 16px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.global-search:focus-within{border-color:var(--green,#15803d);box-shadow:0 0 0 3px #15803d26}.search-icon{color:var(--muted,#94a3b8);font-size:15px}.global-search input{color:var(--ink,#0f172a);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.search-shortcut{background:var(--paper-elevated,#f1f5f9);border:1px solid var(--line,#cbd5e1);color:var(--muted,#64748b);-webkit-user-select:none;user-select:none;border-radius:6px;padding:1px 6px;font-family:inherit;font-size:11px;font-weight:600}.profile-button{background:var(--paper,#fff);border:1.5px solid var(--line,#e2e8f0);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;gap:10px;padding:4px 14px 4px 5px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 2px 8px #0000000a}.profile-button:hover{border-color:var(--green,#15803d);transform:translateY(-1px);box-shadow:0 4px 16px #15803d26}.profile-avatar-wrapper{display:flex;position:relative}.profile-online-dot{border:2px solid var(--paper,#fff);background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.profile-button-info{text-align:left;flex-direction:column;line-height:1.2;display:flex}.profile-button-name{color:var(--ink,#0f172a);white-space:nowrap;font-size:13px;font-weight:700}.profile-button-role{color:var(--muted,#64748b);letter-spacing:.03em;text-transform:uppercase;margin-top:1px;font-size:10px;font-weight:600}.profile-button-chevron{color:var(--muted,#94a3b8);margin-left:2px;font-size:11px;transition:transform .2s}.profile-button:hover .profile-button-chevron{color:var(--green,#15803d);transform:translateY(1px)}.profile-menu-container{display:inline-block;position:relative}.profile-menu-popover{background:var(--paper,#fff);border:1.5px solid var(--line,#e2e8f0);box-sizing:border-box;z-index:100;border-radius:18px;width:290px;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 36px #00000024}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.popover-user-header{align-items:center;gap:12px;display:flex}.popover-user-text strong{color:var(--ink,#0f172a);font-size:14px;font-weight:700;display:block}.popover-user-text p{color:var(--muted,#64748b);margin:2px 0 0;font-size:11px}.popover-divider{background:var(--line,#e2e8f0);opacity:.8;height:1px;margin:12px 0}.popover-section-label{color:var(--muted,#64748b);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.popover-theme-options{background:var(--paper-elevated,#f1f5f9);border:1px solid var(--line,#e2e8f0);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.theme-option{color:var(--muted,#475569);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 4px;font-size:11px;font-weight:600;transition:all .15s}.theme-option:hover{color:var(--ink,#0f172a);background:#fff9}.theme-option.active{background:var(--paper,#fff);color:var(--green,#15803d);font-weight:700;box-shadow:0 2px 6px #00000014}.popover-links{flex-direction:column;gap:2px;display:flex}.popover-link-item{color:var(--ink,#0f172a);cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.popover-link-item:hover{background:var(--paper-elevated,#f1f5f9);color:var(--green,#15803d)}.popover-link-auth{color:#b91c1c}.popover-link-auth:hover{color:#991b1b;background:#fef2f2}.content{max-width:1440px;margin:0 auto;padding:30px 36px 80px}.mobile-nav{display:none}.hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(120deg,#fffdf8 0%,#f9f3e8 65%,#e6eee7 100%);border-radius:24px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:38px;padding:40px;display:grid;overflow:hidden}.eyebrow{color:var(--gold);letter-spacing:.13em;margin:0 0 9px;font-size:11px;font-weight:800}.hero h2,.page-intro h2,.profile-hero h2{max-width:760px;margin:0;font-family:Georgia,serif;font-size:clamp(30px,4vw,46px);line-height:1.08}.hero p:not(.eyebrow),.page-intro p:not(.eyebrow){color:var(--muted);max-width:680px;line-height:1.6}.button-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:11px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:750}.button-primary{background:var(--green);color:#fff}.button-primary:hover{background:#0f5b40}.button-secondary{background:var(--paper);border-color:var(--line)}.button-secondary:hover{border-color:#a8b8af}.button-light{color:#22463b;background:#fff}.hero-tree{flex-direction:column;justify-content:center;align-self:center;align-items:center;min-height:190px;display:flex}.hero-tree span,.hero-tree strong{background:var(--paper);border:1px solid #b8cfc3;border-radius:99px;padding:8px 18px;font-size:12px;box-shadow:0 5px 15px #22413614}.hero-tree strong{background:var(--green);color:#fff}.hero-tree i{background:#b7a37e;width:2px;height:24px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.stats article{border:1px solid var(--line);background:#fffdf8cc;border-radius:16px;gap:3px;padding:20px;display:grid}.stats strong{color:var(--green);font-family:Georgia,serif;font-size:30px}.stats span{font-size:13px;font-weight:750}.stats small{color:var(--muted);font-size:11px}.dashboard-grid,.profile-grid,.workspace-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px;display:grid}.panel,.story-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 24px #25372f0a}.panel-wide{grid-column:1}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-heading h2,.panel h2{margin:0;font-family:Georgia,serif;font-size:24px}.section-heading p:not(.eyebrow){color:var(--muted);margin:4px 0 0;font-size:13px}.text-button{color:var(--green);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:4px;font-size:12px;font-weight:800}.branch-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.branch-cards>button{cursor:pointer;text-align:left;background:#f9f6ef;border:1px solid #e6dfd1;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:15px;display:flex}.branch-cards>button:hover{border-color:#97b5a6;transform:translateY(-2px)}.branch-cards strong{font-size:13px}.branch-cards small{color:var(--muted);font-size:11px}.branch-illustration{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;font-family:Georgia,serif;font-size:20px;font-weight:700;display:flex}.branch-green{background:var(--green-soft);color:var(--green)}.branch-gold{background:var(--gold-soft);color:#815222}.branch-muted{color:#666b67;background:#e9e6df}.status{white-space:nowrap;border-radius:99px;align-items:center;min-height:23px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex}.status-good{color:#135f43;background:#dcece3}.status-warn{color:#89511d;background:#f4e4ce}.status-info{color:#3d6078;background:#e2e9ef}.status-neutral{color:#575d58;background:#ebe9e4}.review-mini{border-top:1px solid #ece5d8;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:16px 0;display:grid}.review-mini:first-of-type{margin-top:8px}.review-mini strong,.review-mini p{margin:0;font-size:12px;display:block}.review-mini p{color:var(--muted);margin-top:3px;font-size:11px}.avatar{background:var(--green-soft);color:var(--green);border:1px solid #c2d7cc;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.avatar-small{width:32px;height:32px;font-size:10px}.avatar-medium{width:42px;height:42px;font-size:13px}.avatar-large{width:96px;height:96px;font-family:Georgia,serif;font-size:32px}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.timeline{margin:12px 0 0;padding:0;list-style:none}.timeline li{border-top:1px solid #ece5d8;align-items:flex-start;gap:12px;padding:15px 0;display:flex}.timeline li>span{background:var(--green-soft);color:var(--green);border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex}.timeline strong{font-size:13px}.timeline p{color:var(--muted);margin:3px 0 0;font-size:11px}.story-card{color:#fff;background:linear-gradient(150deg,#214f40,#163d32)}.story-card .eyebrow{color:#dbc199}.story-card blockquote{margin:28px 0 18px;font-family:Georgia,serif;font-size:23px;line-height:1.35}.story-card>p:not(.eyebrow){color:#cee0d8;font-size:13px;line-height:1.55}.page-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.page-intro h2{font-size:clamp(30px,4vw,42px)}.graph-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.segmented{border:1px solid var(--line);background:#fffdf8b3;border-radius:11px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:34px;padding:7px 12px;font-size:12px;font-weight:700}.segmented button[aria-pressed=true]{background:var(--green);color:#fff}.graph-canvas{border:1px solid var(--line);background-color:#f8f5ee;background-image:radial-gradient(#d8d1c5 1px,#0000 1px);background-size:22px 22px;border-radius:20px;min-height:620px;position:relative;overflow:auto}.graph-node{background:var(--paper-strong);box-shadow:var(--shadow);cursor:pointer;text-align:left;z-index:2;border:2px solid #b5ccbf;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-width:210px;padding:10px;display:grid;position:absolute}.graph-node:hover{border-color:var(--green);transform:translateY(-2px)}.graph-node strong,.graph-node small{display:block}.graph-node strong{font-size:12px}.graph-node small{color:var(--muted);margin-top:2px;font-size:10px}.graph-node b{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex}.node-selected{border-color:var(--gold);box-shadow:0 0 0 4px #f1e4d1, var(--shadow)}.node-grandpa{top:60px;left:calc(50% - 230px)}.node-grandma{top:60px;left:calc(50% + 20px)}.node-father{top:260px;left:calc(50% - 230px)}.node-mother{top:260px;left:calc(50% + 20px)}.node-self{top:455px;left:calc(50% - 230px)}.node-sister{top:455px;left:calc(50% + 20px)}.graph-connector{z-index:1;background:#b99461;position:absolute}.connector-marriage-one,.connector-marriage-two{width:40px;height:2px;top:94px;left:calc(50% - 20px)}.connector-marriage-two{top:294px}.connector-down-one,.connector-down-two{width:2px;height:132px;top:128px;left:50%}.connector-down-two{top:328px}.generation-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800;position:absolute;left:18px}.label-top{top:78px}.label-middle{top:278px}.label-bottom{top:473px}.graph-hint{color:var(--muted);text-align:center;width:100%;font-size:11px;position:absolute;bottom:12px;left:0}.legend{flex-wrap:wrap;justify-content:center;gap:22px;padding:14px;display:flex}.legend span{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-confirmed{background:var(--green)}.legend-review{background:#b27b3d}.legend-private{background:#fff;border:2px dashed #68706b}.card-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.card-list button,.person-result{background:var(--paper);border:1px solid var(--line);cursor:pointer;text-align:left;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.card-list strong,.card-list small,.person-result strong,.person-result small{display:block}.card-list small,.person-result small{color:var(--muted);margin-top:3px}.search-results{max-width:800px;margin:0 auto}.search-results h2{margin-bottom:18px}.person-result{border-left:0;border-right:0;border-top:1px solid var(--line);border-radius:0;width:100%}.empty{color:var(--muted);text-align:center;padding:40px 0}.branch-section{margin-top:28px}.branch-section>h3,.branch-section .section-heading h3{margin:0 0 12px;font-family:Georgia,serif;font-size:23px}.large-cards{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.large-cards article{background:var(--paper);border:1px solid var(--line);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:22px;display:grid}.large-cards h3{margin:8px 0 4px;font-family:Georgia,serif}.large-cards p{color:var(--muted);margin:0;font-size:12px}.unlinked article{border-style:dashed}.review-list{gap:14px;display:grid}.review-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;grid-template-columns:140px 1fr auto;align-items:center;gap:20px;padding:22px;display:grid}.review-card-resolved{opacity:.68}.review-type{color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:800}.review-card h3{margin:0 0 6px;font-family:Georgia,serif;font-size:20px}.review-card p{color:var(--muted);margin:3px 0;font-size:12px}.privacy-note{align-items:center;gap:5px;display:flex}.review-actions{gap:8px;display:flex}.workspace-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid .panel h3,.profile-grid .panel h3{margin:0 0 10px;font-family:Georgia,serif;font-size:22px}.workspace-grid .panel>p:not(.eyebrow),.profile-grid .panel>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.6}dl{margin:18px 0 0}dl div{border-top:1px solid #ece5d8;grid-template-columns:130px 1fr;gap:10px;padding:10px 0;display:grid}dt{color:var(--muted);font-size:12px}dd{margin:0;font-size:12px;font-weight:700}.member-stack{margin:18px 0;display:flex}.member-stack .avatar{margin-right:-8px}.member-stack>span{border:2px solid var(--paper);background:#ece9e2;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:11px;display:flex}.check-list{gap:10px;padding:0;list-style:none;display:grid}.check-list li{font-size:13px}.meter{background:#e8e5de;border-radius:99px;height:8px;margin:18px 0;overflow:hidden}.meter i{background:var(--green);height:100%;display:block}.profile-hero{background:var(--paper);border:1px solid var(--line);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-bottom:18px;padding:28px;display:grid}.profile-hero h2{font-size:38px}.profile-hero p:not(.eyebrow){color:var(--muted);margin:5px 0 0}.profile-details div{grid-template-columns:120px 1fr}.profile-details dd{justify-content:space-between;align-items:center;gap:7px;display:flex}.relation-row{border-top:1px solid #ece5d8;align-items:center;gap:10px;padding:12px 0;display:flex}.relation-row strong,.relation-row small{font-size:12px;display:block}.relation-row small{color:var(--muted);margin-top:3px}@media (max-width:1050px){.sidebar{width:220px;padding:16px 10px}.main-column{width:calc(100% - 220px);margin-left:220px}.brand{gap:8px;margin-bottom:12px;padding:8px}.brand strong{font-size:14px}.brand small{font-size:10px}.nav-item{gap:8px;padding:8px 10px;font-size:13px}.nav-item>span{font-size:15px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;min-height:auto;padding:12px 20px;display:flex}.topbar>div:first-child{flex:auto;min-width:0}.topbar .breadcrumb{display:none}.topbar h1{white-space:nowrap;font-size:20px;font-weight:700;line-height:1.2}.global-search{flex:200px;max-width:280px}.profile-button{gap:8px;padding:3px 10px 3px 4px}.profile-button-name{max-width:110px;font-size:12px}.profile-button-role{font-size:9px}.content{padding-inline:20px}.page-intro{align-items:flex-start;gap:12px}.page-intro h2{font-size:26px;line-height:1.2}.dashboard-grid{grid-template-columns:1fr}.panel-wide{grid-column:auto}.branch-cards{grid-template-columns:repeat(2,1fr)}.story-card{min-height:240px}.review-card{grid-template-columns:110px 1fr}.review-actions,.review-card>.status{grid-column:2}.graph-toolbar{flex-flow:wrap;gap:10px}.segmented{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;display:flex;overflow-x:auto}.segmented button{white-space:nowrap;padding:6px 12px;font-size:12px}}@media (max-width:760px){.sidebar{display:none}.main-column{width:100%;min-width:0;max-width:100vw;margin-left:0;overflow-x:hidden}.topbar{box-sizing:border-box;z-index:50;grid-template-columns:1fr auto;gap:8px 10px;max-width:100vw;min-height:56px;padding:10px 14px;position:sticky;top:0;overflow:visible!important}.topbar .breadcrumb{display:none}.topbar h1{font-size:18px;line-height:1.2}.global-search{grid-area:2/1/auto/-1;margin-top:2px}.profile-button{gap:6px;padding:3px 8px 3px 4px}.profile-button-name{text-overflow:ellipsis;white-space:nowrap;max-width:95px;font-size:12px;overflow:hidden}.profile-button-role{display:none}.profile-menu-popover{z-index:1000!important;border-radius:16px!important;width:auto!important;max-width:calc(100vw - 24px)!important;position:fixed!important;top:60px!important;left:12px!important;right:12px!important;box-shadow:0 16px 48px #00000047!important}.content{box-sizing:border-box;max-width:100%;padding:14px 10px 100px;overflow-x:hidden}.mobile-nav{border-top:1px solid var(--line);padding:8px max(8px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));z-index:30;background:#fffdf8f7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-height:48px;padding:4px 2px;display:flex}.mobile-nav button[aria-current=page]{color:var(--green);font-weight:800}.mobile-nav span{font-size:20px}.mobile-nav small{font-size:9px}.hero{grid-template-columns:1fr;padding:20px}.hero-tree{display:none}.hero h2{font-size:24px}.stats{grid-template-columns:repeat(2,1fr)}.stats article{padding:12px}.dashboard-grid,.profile-grid,.workspace-grid,.branch-cards,.large-cards,.card-list{grid-template-columns:1fr}.page-intro{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:8px;width:100%;max-width:100%;overflow-x:hidden}.page-intro h2{font-size:22px!important;line-height:1.25!important}.page-intro .button-row{flex-wrap:wrap;gap:8px;width:100%;display:flex}.page-intro .button-row .button{text-align:center;flex:auto;justify-content:center;min-height:38px}.graph-toolbar{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:100%;overflow-x:hidden}.segmented{-webkit-overflow-scrolling:touch;box-sizing:border-box;scrollbar-width:none;white-space:nowrap;width:100%;max-width:100%;display:flex;overflow-x:auto}.segmented button{text-align:center;flex:1 0 auto;min-height:36px;padding:6px 12px;font-size:11px;font-weight:700}.pro-family-canvas-container,.pro-binary-chart-container,.pro-fan-chart-container{-webkit-overflow-scrolling:touch;border-radius:14px;max-width:100%;height:480px;overflow-x:auto}.pro-canvas-controls{gap:4px;padding:3px 6px;bottom:12px;right:12px}.pro-control-btn{width:28px;height:28px;font-size:11px}.pro-zoom-pill{padding:2px 6px;font-size:10px}.graph-canvas{background-size:16px 16px;border-radius:14px;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:420px!important;padding:6px!important;position:relative!important;overflow-x:hidden!important}.graph-canvas:after{display:none}.graph-node{box-sizing:border-box!important;border-radius:8px!important;grid-template-columns:auto 1fr!important;gap:4px!important;min-width:0!important;max-width:45%!important;padding:5px 6px!important;overflow:hidden!important;box-shadow:0 2px 4px #0000000f!important}.graph-node strong{text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:1.2!important;display:block!important;overflow:hidden!important}.graph-node small{text-overflow:ellipsis!important;white-space:nowrap!important;margin-top:1px!important;font-size:8px!important;line-height:1.2!important;display:block!important;overflow:hidden!important}.graph-node .avatar{width:24px!important;height:24px!important;font-size:9px!important}.graph-node b{display:none!important}.node-grandpa{width:45%!important;top:32px!important;left:2%!important}.node-grandma{width:45%!important;top:32px!important;left:53%!important}.label-top{top:12px!important;left:6px!important}.connector-marriage-one{width:6%!important;height:2px!important;top:48px!important;left:47%!important}.connector-down-one{width:2px!important;height:105px!important;top:48px!important;left:50%!important}.node-father{width:45%!important;top:153px!important;left:2%!important}.node-mother{width:45%!important;top:153px!important;left:53%!important}.label-middle{top:133px!important;left:6px!important}.connector-marriage-two{width:6%!important;height:2px!important;top:169px!important;left:47%!important}.connector-down-two{width:2px!important;height:105px!important;top:169px!important;left:50%!important}.node-self{width:45%!important;top:274px!important;left:2%!important}.node-sister{width:45%!important;top:274px!important;left:53%!important}.label-bottom{top:254px!important;left:6px!important}.graph-hint{padding:0 4px!important;font-size:9px!important;bottom:6px!important}.card-list{grid-template-columns:1fr!important;gap:6px!important}.card-list button{min-height:48px!important;padding:8px 12px!important}.review-card{grid-template-columns:1fr;align-items:flex-start}.review-actions,.review-card>.status{grid-column:1}.review-actions{width:100%}.review-actions .button{flex:1}.large-cards article{grid-template-columns:auto 1fr}.large-cards article .text-button{grid-column:2;justify-self:start}.profile-hero{grid-template-columns:auto 1fr;align-items:flex-start;padding:16px}.profile-hero>.button-row{grid-column:1/-1;margin-top:0}dl div{grid-template-columns:90px 1fr}}.family-loading,.family-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.family-empty h1,.family-onboarding h1,.family-title-row h1{margin:6px 0 12px;font-family:Georgia,serif;font-size:clamp(34px,5vw,52px)}.family-empty p:not(.eyebrow){color:var(--muted);margin-bottom:24px}.family-onboarding{grid-template-columns:1fr minmax(360px,480px);align-items:center;gap:50px;max-width:1080px;min-height:100vh;margin:0 auto;padding:32px;display:grid}.family-onboarding>section p:not(.eyebrow){color:var(--muted);max-width:580px;line-height:1.65}.family-form-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;gap:16px;padding:32px;display:grid}.family-form-card label,.compact-form label{color:#314b42;gap:7px;font-size:12px;font-weight:750;display:grid}.family-form-card input,.compact-form input,.compact-form select,.family-filter select{color:var(--ink);font:inherit;background:#fff;border:1px solid #cfc8bb;border-radius:10px;width:100%;min-height:44px;padding:9px 11px}.family-app{min-height:100vh}.family-header{color:#fff;z-index:30;background:#153f32;grid-template-columns:auto minmax(280px,520px) auto;align-items:center;gap:24px;min-height:78px;padding:12px 30px;display:grid;position:sticky;top:0}.family-header .brand-mark{width:42px;height:42px}.family-header .auth-brand strong{font-size:21px}.family-search{gap:8px;display:flex}.family-search label{flex:1}.family-search input{background:#fffffff5;border:0;border-radius:10px;width:100%;min-height:43px;padding:9px 12px}.family-account-link{color:#d9e5e0;justify-self:end;font-size:13px;font-weight:750}.admin-shell{color:#1e2b26;background:#f5f3ee;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:#123b30;flex-direction:column;min-height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.admin-brand{color:#fff;align-items:center;gap:11px;padding:0 8px 28px;display:flex}.admin-brand strong,.admin-brand small{display:block}.admin-brand small{color:#a9c1b8;margin-top:2px;font-size:11px}.admin-sidebar nav{gap:6px;display:grid}.admin-sidebar nav button{color:#c4d6d0;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;min-height:44px;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.admin-sidebar nav button span{width:20px;font-size:17px}.admin-sidebar nav button[aria-current=page]{color:#153f32;background:#fff}.admin-lock{border-top:1px solid #ffffff21;align-items:center;gap:10px;margin-top:auto;padding:20px 8px 0;display:flex}.admin-lock>span{color:#18533f;background:#d5eee3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.admin-lock strong,.admin-lock small{display:block}.admin-lock strong{font-size:11px}.admin-lock small{color:#a9c1b8;margin-top:3px;font-size:9px}.admin-main{min-width:0;padding:0 34px 48px}.admin-topbar{border-bottom:1px solid #ddd8ce;justify-content:space-between;align-items:center;min-height:100px;padding:18px 0;display:flex}.admin-topbar h1{margin:3px 0 0;font-family:Georgia,serif;font-size:28px}.admin-top-actions{align-items:center;gap:10px;display:flex}.admin-stack{gap:20px;max-width:1180px;margin:28px auto;display:grid}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.admin-metrics article,.admin-card{background:#fff;border:1px solid #e2ddd3;border-radius:15px;min-width:0;padding:22px;box-shadow:0 6px 20px #1f322b0a}.admin-metrics span,.admin-metrics small{color:#6f776f;font-size:11px;display:block}.admin-metrics strong{margin:10px 0 6px;font-family:Georgia,serif;font-size:28px;display:block}.admin-notice{text-align:center;background:#e8f2ed;border:1px solid #ccded5;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;display:flex}.admin-notice strong,.admin-notice span{font-size:12px}.admin-notice strong{color:#1c2b25}.admin-notice span{color:#50675d}.tenant-heading,.admin-card-title,.admin-tenant-row{justify-content:space-between;align-items:center;display:flex}.tenant-heading h2,.admin-card h2{margin:3px 0 6px;font-family:Georgia,serif;font-size:22px}.tenant-heading code{color:#778078;font-size:11px}.tenant-badges{gap:8px;display:flex}.quota-editor-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:20px;display:grid}.quota-fields{grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0;display:grid}.quota-fields label,.admin-field{color:#33483f;gap:6px;font-size:11px;font-weight:750;display:grid}.quota-fields input,.admin-field input,.admin-field textarea{color:#1e2b26;font:inherit;background:#fbfaf7;border:1px solid #d6d0c5;border-radius:9px;width:100%;min-height:42px;padding:9px 11px}.admin-field textarea{resize:vertical;min-height:74px}.quota-fields small{color:#858a84;font-size:9px;font-weight:500}.admin-field{margin-top:14px}.quota-warning{color:#725a20;background:#fff5dc;border:1px solid #ead39a;border-radius:10px;gap:4px;padding:12px;font-size:11px;display:grid}.admin-save{width:100%;margin-top:18px}.admin-message{color:#315c4c;margin:12px 0 0;font-size:11px;line-height:1.5}.quota-summary dl{margin:18px 0}.quota-summary dl div{border-bottom:1px solid #eee9e0;justify-content:space-between;padding:12px 0;display:flex}.quota-summary dt{color:#68736c;font-size:11px}.quota-summary dd{margin:0;font-size:12px;font-weight:800}.safety-list{color:#315c4c;background:#f0f6f2;border-radius:10px;padding:12px;font-size:11px;line-height:1.8}.safety-list p{margin:0}.admin-tenant-row p{color:#727a73;margin:0;font-size:12px}.admin-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex}.admin-placeholder>span{color:#487461;font-size:42px}.admin-placeholder p{color:#6e776f;max-width:580px;line-height:1.6}.audit-list{margin-top:18px}.audit-list>div{border-top:1px solid #ece7de;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 2px;display:grid}.audit-dot{background:#2b795e;border-radius:50%;width:8px;height:8px}.audit-list strong{font-size:12px}.audit-list p,.audit-list time{color:#7c837d;margin:3px 0 0;font-size:10px}.ops-table{margin-top:16px}.ops-table>div{border-top:1px solid #ece7de;grid-template-columns:minmax(110px,.5fr) minmax(180px,1.5fr) auto;align-items:center;gap:12px;padding:14px 2px;display:grid}.ops-table code{color:#41584e;font-size:10px}.ops-table>div>span{color:#737c75;font-size:10px}.ops-table b{justify-self:end;font-size:9px}.admin-stack .workspace-admin-columns{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}@media (max-width:900px){.admin-shell{grid-template-columns:minmax(0,1fr);width:100%;max-width:100vw;overflow:hidden}.admin-sidebar{min-width:0;min-height:auto;padding:12px 16px;position:static}.admin-brand{padding:0 0 12px}.admin-sidebar nav{max-width:calc(100vw - 32px);display:flex;overflow-x:auto}.admin-sidebar nav button{flex:none}.admin-lock{display:none}.admin-main{width:100%;max-width:100vw;padding:0 18px 38px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.admin-topbar{flex-direction:column;align-items:flex-start;gap:12px}.admin-top-actions{width:100%}.admin-top-actions .button{margin-left:auto}.admin-notice,.tenant-heading,.admin-card-title,.admin-tenant-row{flex-direction:column;align-items:flex-start}.tenant-badges{margin-top:12px}.quota-editor-grid,.quota-fields{grid-template-columns:1fr}.admin-metrics{grid-template-columns:1fr 1fr}.admin-tenant-row .button{width:100%;margin-top:16px}.admin-stack .workspace-admin-columns{grid-template-columns:1fr}.ops-table>div{grid-template-columns:1fr auto;align-items:start}.ops-table>div>span{grid-area:2/1/auto/-1}.ops-table b{grid-area:1/2}}.workspace-admin-shell{background:#f7f5f0;min-height:100vh}.policy-page{background:var(--canvas);color:var(--ink);min-height:100vh}.policy-header{background:#153f32;justify-content:space-between;align-items:center;min-height:76px;padding:12px max(24px,50vw - 490px);display:flex}.policy-header .auth-brand{color:#fff}.policy-header .auth-brand small{color:#b8cdc5}.policy-document{max-width:820px;margin:0 auto;padding:64px 24px 72px}.policy-document h1{letter-spacing:-.035em;margin:12px 0 22px;font-family:Georgia,serif;font-size:clamp(38px,6vw,64px);line-height:1.05}.policy-lead{color:var(--muted);font-size:17px;line-height:1.8}.policy-document section{border-top:1px solid #dcd5c8;margin-top:36px;padding-top:28px}.policy-document h2{margin:0 0 12px;font-family:Georgia,serif;font-size:26px}.policy-document p,.policy-document li{color:var(--muted);font-size:14px;line-height:1.8}.policy-document a{color:var(--link);font-weight:800}.policy-document code{color:#1c2b25;background:#e9e3d7;border-radius:5px;padding:2px 6px}body.theme-dark .policy-document code{color:#f8fafc;background:#223044}.policy-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;max-width:980px;margin:0 auto;padding:24px;font-size:11px;display:flex}.policy-footer nav{gap:18px;display:flex}.policy-footer a{color:var(--muted);font-weight:750}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.support-grid a{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:14px;gap:7px;min-width:0;padding:22px;text-decoration:none;display:grid}.support-grid a>span{color:var(--gold);font-size:10px}.support-grid strong{font-family:Georgia,serif;font-size:20px}.support-grid small{color:var(--muted);line-height:1.5}.deletion-steps{gap:14px;margin:36px 0;padding:0;list-style:none;display:grid}.deletion-steps li{background:var(--paper);border:1px solid var(--line);border-radius:14px;grid-template-columns:38px 1fr;align-items:start;gap:16px;padding:18px;display:grid}.deletion-steps li>span{color:#256249;background:#e7efe9;border-radius:50%;justify-content:center;align-items:center;height:38px;font-weight:900;display:flex}.deletion-steps strong{color:var(--ink);display:block}.deletion-steps p{margin:4px 0 0}@media (max-width:620px){.policy-header{padding:10px 14px}.policy-header .button{padding-inline:12px}.policy-document{padding:42px 16px 56px}.support-grid{grid-template-columns:1fr}.policy-footer{flex-direction:column;align-items:flex-start;gap:14px}.policy-footer nav{flex-wrap:wrap}}.workspace-admin-header{color:#fff;background:#153f32;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:72px;padding:11px 28px;display:grid}.workspace-admin-header .auth-brand{color:#fff}.workspace-switcher{border:1px solid #ffffff29;border-radius:10px;min-width:210px;padding:7px 12px;display:grid}.workspace-switcher span{color:#adc6bd;font-size:9px}.workspace-switcher strong{margin-top:2px;font-size:12px}.workspace-admin-actions{justify-self:end;align-items:center;gap:15px;display:flex}.workspace-admin-actions a{color:#d8e5df;font-size:11px;font-weight:750}.workspace-admin-body{grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.workspace-admin-nav{background:#ede9df;border-right:1px solid #dcd5c8;flex-direction:column;padding:30px 18px 20px;display:flex}.workspace-admin-nav>div:first-child{padding:0 8px 20px}.workspace-admin-nav h1{margin:5px 0 8px;font-family:Georgia,serif;font-size:24px}.workspace-admin-nav p:not(.eyebrow){color:#70786f;font-size:10px;line-height:1.55}.workspace-admin-nav nav{gap:5px;display:grid}.workspace-admin-nav nav button{color:#506158;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;min-height:42px;padding:8px 10px;font-size:11px;font-weight:750;display:grid}.workspace-admin-nav nav button[aria-current=page]{color:#174b39;background:#fff;box-shadow:0 2px 10px #23342d0f}.workspace-admin-nav nav button b{background:#e8c172;border-radius:99px;justify-content:center;align-items:center;width:18px;height:18px;font-size:8px;display:flex}.workspace-admin-plan{border-top:1px solid #d6d0c5;margin-top:auto;padding:18px 8px 0}.workspace-admin-plan span,.workspace-admin-plan strong{font-size:10px;display:block}.workspace-admin-plan strong{margin-top:4px}.workspace-admin-plan i{background:#d3cec4;border-radius:99px;height:5px;margin:10px 0;display:block;overflow:hidden}.workspace-admin-plan i b{background:#b67f26;height:100%;display:block}.workspace-admin-plan a{color:#346351;font-size:9px;font-weight:750}.workspace-admin-content{width:100%;max-width:1180px;margin:0 auto;padding:38px clamp(22px,4vw,56px) 60px}.workspace-admin-title{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.workspace-admin-title h2{margin:5px 0 8px;font-family:Georgia,serif;font-size:clamp(28px,4vw,40px)}.workspace-admin-title p:not(.eyebrow){color:#707870;margin:0;font-size:12px}.workspace-admin-metrics{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.workspace-admin-metrics article,.workspace-setting-card{background:#fff;border:1px solid #e0dacf;border-radius:14px;padding:20px;box-shadow:0 5px 18px #22312b0a}.workspace-admin-metrics span,.workspace-admin-metrics small{color:#747c75;font-size:9px;display:block}.workspace-admin-metrics strong{margin:9px 0 5px;font-family:Georgia,serif;font-size:26px;display:block}.workspace-admin-columns{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.workspace-setting-card h3{margin:4px 0 10px;font-family:Georgia,serif;font-size:20px}.setting-card-heading{justify-content:space-between;display:flex}.member-preview{gap:5px;display:grid}.member-preview>div{border-top:1px solid #eee9e0;align-items:center;gap:9px;padding:10px 0;display:flex}.member-preview strong,.member-preview small{font-size:10px;display:block}.member-preview small{color:#7b827c;margin-top:3px}.workspace-task-list{margin:0;padding:0;list-style:none}.workspace-task-list li{border-top:1px solid #eee9e0;justify-content:space-between;align-items:center;padding:13px 0;font-size:10px;display:flex}.workspace-task-list b{color:#7b5711;background:#fff1d0;border-radius:99px;padding:4px 7px;font-size:8px}.workspace-task-list small{color:#838983}.workspace-boundary{background:#e9f2ed;border:1px solid #cdded5;border-radius:12px;margin-top:16px;padding:15px 18px}.workspace-boundary strong{font-size:11px}.workspace-boundary p{color:#51675e;margin:5px 0 0;font-size:10px;line-height:1.55}.member-filter{gap:10px;margin-bottom:12px;display:flex}.member-filter input,.member-filter select,.workspace-settings-form input,.workspace-settings-form textarea{font:inherit;background:#fbfaf7;border:1px solid #d8d1c5;border-radius:9px;min-height:40px;padding:8px 10px}.member-filter input{flex:1}.workspace-member-table>div{border-top:1px solid #eee9e0;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:12px 2px;display:grid}.workspace-member-table strong,.workspace-member-table small{font-size:10px;display:block}.workspace-member-table small{color:#818780;margin-top:3px}.workspace-member-table button{color:#777;cursor:pointer;background:0 0;border:0}.role-cards{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.role-cards article:last-child{grid-column:1/-1}.role-number{color:#9a7a3c;font-family:Georgia,serif;font-size:11px}.role-cards p{color:#707870;font-size:10px;line-height:1.5}.review-policy-list>div{border-top:1px solid #eee9e0;justify-content:space-between;align-items:center;padding:15px 0;display:flex}.review-policy-list>div:first-child{border-top:0}.review-policy-list strong,.review-policy-list small{font-size:11px;display:block}.review-policy-list small{color:#7d847e;margin-top:4px}.review-policy-list button{color:#255c47;background:#dceee5;border:0;border-radius:99px;padding:6px 12px;font-size:9px;font-weight:800}.workspace-settings-form{gap:14px;max-width:700px;display:grid}.workspace-settings-form>label{gap:6px;font-size:10px;font-weight:750;display:grid}.workspace-settings-form textarea{resize:vertical;min-height:100px}.workspace-settings-form .setting-toggle{border-top:1px solid #eee9e0;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.setting-toggle strong,.setting-toggle small{display:block}.setting-toggle small{color:#7d847e;margin-top:3px;font-weight:400}.workspace-domain-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.workspace-domain-card{flex-direction:column;display:flex}.workspace-domain-card h3{margin-top:16px}.workspace-domain-card label{gap:7px;margin-top:12px;font-size:10px;font-weight:750;display:grid}.workspace-domain-card input{font:inherit;background:#fbfaf7;border:1px solid #d8d1c5;border-radius:9px;width:100%;min-height:42px;padding:8px 10px}.workspace-domain-card>small{color:#767f78;margin:9px 0 18px;font-size:9px;line-height:1.5}.workspace-domain-card .button{margin-top:auto}.domain-example{color:#215d47;font-family:ui-monospace,monospace;font-size:12px;font-weight:750}.slug-input{background:#fbfaf7;border:1px solid #d8d1c5;border-radius:9px;align-items:center;display:flex;overflow:hidden}.slug-input input{border:0;border-radius:0;min-width:0}.slug-input span{color:#6f7771;white-space:nowrap;padding-right:10px;font-size:10px}.domain-status{color:#315e4d;background:#e7f2ec;border:1px solid #c9ddd3;border-radius:10px;padding:12px 15px;font-size:10px}@media (max-width:900px){.workspace-admin-body{grid-template-columns:1fr;min-width:0}.workspace-admin-nav{border-bottom:1px solid #dcd5c8;border-right:0;min-width:0;padding:16px}.workspace-admin-nav>div:first-child,.workspace-admin-plan{display:none}.workspace-admin-nav nav{max-width:calc(100vw - 32px);display:flex;overflow-x:auto}.workspace-admin-nav nav button{flex:none;grid-template-columns:20px auto auto}.workspace-admin-content{min-width:0;padding-top:26px}.workspace-admin-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.workspace-admin-header{grid-template-columns:1fr auto;padding:10px 14px}.workspace-switcher,.workspace-admin-actions a{display:none}.workspace-admin-title{flex-direction:column;gap:12px}.workspace-admin-columns,.role-cards,.workspace-domain-grid{grid-template-columns:1fr}.role-cards article:last-child{grid-column:auto}.workspace-admin-metrics{grid-template-columns:1fr 1fr}.member-filter{flex-direction:column}.workspace-member-table>div{grid-template-columns:auto 1fr auto}.workspace-member-table>div .status{grid-column:2}.workspace-admin-content{padding-inline:14px}}.family-header-links{justify-self:end;align-items:center;gap:16px;display:flex}.family-header-links>a{color:#d9e5e0;font-size:13px;font-weight:750}.family-workspace{grid-template-columns:minmax(0,1fr) minmax(350px,430px);min-height:calc(100vh - 78px);display:grid}.family-canvas-panel{min-width:0;padding:30px}.family-title-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.family-title-row h1{margin:2px 0;font-size:40px}.family-title-row p:not(.eyebrow){color:var(--muted);margin:4px 0 0}.family-filter{color:var(--muted);gap:5px;min-width:190px;font-size:11px;font-weight:750;display:grid}.family-filter-stack{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:10px;display:flex}.family-search-results{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;gap:4px;margin-top:16px;padding:12px;display:grid}.family-search-results>strong{padding:5px 8px;font-size:11px}.family-search-results button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;padding:8px;font-weight:700;display:flex}.family-search-results button:hover{background:var(--green-soft)}.family-search-results small{color:var(--muted);font-weight:400}.live-graph{border:1px solid var(--line);background-color:#f8f5ee;background-image:radial-gradient(#d8d1c5 1px,#0000 1px);background-size:22px 22px;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-content:start;gap:14px;min-height:520px;margin-top:20px;padding:28px;display:grid}.live-person{background:var(--paper);cursor:pointer;text-align:left;border:2px solid #c2d3c9;border-radius:14px;grid-template-columns:auto 1fr auto;align-self:start;align-items:center;gap:10px;min-height:76px;padding:11px;display:grid;box-shadow:0 7px 20px #25372f0f}.live-person:hover{border-color:var(--green);transform:translateY(-2px)}.live-person[aria-current=true]{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}.live-person strong,.live-person small{display:block}.live-person strong{font-size:13px}.live-person small{color:var(--muted);margin-top:4px;font-size:10px}.live-person i{background:var(--green-soft);color:var(--green);border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:10px;font-style:normal;display:flex}.family-legend{color:var(--muted);flex-wrap:wrap;gap:18px;padding:13px;font-size:11px;display:flex}.family-detail{background:var(--paper);border-left:1px solid var(--line);max-height:calc(100vh - 78px);padding:28px;position:sticky;top:78px;overflow-y:auto}.family-person-heading{border-bottom:1px solid var(--line);padding-bottom:20px}.family-person-heading h2{margin:5px 0 12px;font-family:Georgia,serif;font-size:30px;line-height:1.1}.family-detail-section{border-bottom:1px solid var(--line);padding:22px 0}.family-detail-section h3{margin:0 0 13px;font-family:Georgia,serif;font-size:19px}.family-fact{justify-content:space-between;align-items:baseline;gap:14px;margin:10px 0;display:flex}.family-fact span{color:var(--muted);font-size:11px}.family-fact strong{text-align:right;font-size:12px}.family-muted{color:var(--muted);font-size:12px}.compact-form{background:#f6f2e9;border-radius:12px;gap:8px;margin-top:14px;padding:12px;display:grid}.compact-form .button{width:100%}.date-parts{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.check-field{align-items:center;min-height:36px;gap:8px!important;display:flex!important}.check-field input{width:auto;min-height:auto}.family-toast{box-shadow:var(--shadow);color:#fff;z-index:50;background:#173f33;border-radius:12px;align-items:center;gap:16px;max-width:min(520px,100vw - 30px);padding:13px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.family-toast button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:20px}.modal-overlay{z-index:60;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;max-width:min(560px,100%);max-height:min(720px,90vh);padding:22px;overflow-y:auto}.modal-panel-wide{max-width:min(760px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.modal-header h2{margin:0}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px;font-size:22px;line-height:1}.bulk-import-preview{max-height:320px;margin:12px 0;overflow:auto}.bulk-import-preview table{border-collapse:collapse;width:100%;font-size:12px}.bulk-import-preview th,.bulk-import-preview td{border-bottom:1px solid var(--line);text-align:left;padding:4px 8px}.bulk-import-row-error{color:#991b1b;background:#fef2f2}body.theme-dark .bulk-import-row-error{color:#fca5a5;background:#3a1414}@media (max-width:900px){.family-header{grid-template-columns:auto 1fr;padding:10px 16px}.family-account-link{display:none}.family-search{grid-area:2/1/auto/-1}.family-workspace{grid-template-columns:1fr}.family-detail{border-left:0;border-top:1px solid var(--line);max-height:none;position:static}.family-canvas-panel{padding:20px 14px}}@media (max-width:650px){.family-onboarding{grid-template-columns:1fr;gap:20px;padding:22px 14px}.family-onboarding h1{font-size:38px}.family-form-card{padding:22px 18px}.family-title-row{flex-direction:column;align-items:stretch}.family-filter{width:100%}.live-graph{grid-template-columns:1fr;min-height:360px;padding:16px}.family-detail{padding:22px 18px}}@media (prefers-reduced-motion:no-preference){button,.branch-cards>button,.graph-node{transition:background-color .18s,border-color .18s,color .18s,transform .18s}}.plans-page{max-width:1280px;min-height:100vh;margin:0 auto;padding:24px 32px 56px}.plans-header{justify-content:space-between;align-items:center;display:flex}.plans-brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.plans-brand strong,.plans-brand small{display:block}.plans-brand strong{font-family:Georgia,serif;font-size:23px}.plans-brand small{color:var(--muted);margin-top:3px;font-size:11px}.plans-intro{text-align:center;max-width:850px;margin:72px auto 30px}.plans-intro h1{margin:0;font-family:Georgia,serif;font-size:clamp(38px,6vw,68px);line-height:1.02}.plans-intro>p:not(.eyebrow){color:var(--muted);max-width:700px;margin:20px auto;line-height:1.65}.billing-disabled{background:var(--gold-soft);border:1px solid #dec8a9;border-radius:13px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding:12px 16px;display:inline-flex}.billing-disabled strong{color:#76491d;font-size:12px}.billing-disabled span{color:#705d49;font-size:12px}.plan-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.plan-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:19px;flex-direction:column;min-height:490px;padding:24px;display:flex}.plan-card-heading{justify-content:space-between;align-items:start;gap:10px;min-height:108px;display:flex}.plan-card h2{margin:0;font-family:Georgia,serif;font-size:25px}.plan-card-heading p{color:var(--muted);font-size:12px;line-height:1.55}.plan-price{align-items:baseline;gap:5px;margin:12px 0 0;display:flex}.plan-price strong{font-family:Georgia,serif;font-size:28px}.plan-price span,.annual-price{color:var(--muted);font-size:11px}.annual-price{min-height:18px}.quota-list{border-top:1px solid var(--line);margin:15px 0 22px}.quota-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;display:flex}.quota-list dt{color:var(--muted);font-size:11px}.quota-list dd{margin:0;font-size:12px;font-weight:800}.plan-card .button{width:100%;margin-top:auto}.button:disabled{cursor:not-allowed;opacity:.58}.quota-explainer{color:#fff;background:#153f32;border-radius:22px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:40px;margin-top:22px;padding:34px;display:grid}.quota-explainer h2{margin:0;font-family:Georgia,serif;font-size:29px}.quota-explainer>p{color:#c7d9d2;margin:0;line-height:1.7}.quota-explainer .eyebrow{color:#e8c98f}body.theme-traditional .quota-explainer h2,body.theme-traditional .quota-explainer h3,body.theme-traditional .quota-explainer h4{color:#fff!important}body.theme-traditional .quota-explainer .eyebrow{color:#e8c98f!important}.plans-foot{color:var(--muted);text-align:center;padding:30px 6px 0}.plans-foot p,.plans-foot small{margin:5px;font-size:11px;display:block}.auth-danger-button{color:#9b3a31!important}@media (max-width:1050px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.plans-page{padding:16px 14px 40px}.plans-header .button{padding-inline:10px}.plans-intro{margin-top:52px}.plan-grid,.quota-explainer{grid-template-columns:1fr}.plan-card{min-height:auto}.quota-explainer{gap:16px;padding:25px 20px}}.personal-app{min-height:100vh}.personal-header nav{justify-content:center;gap:8px;display:flex}.personal-header nav a{color:#d9e5e0;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:750}.personal-header nav a[aria-current=page]{color:#fff;background:#ffffff1f}.personal-layout{grid-template-columns:minmax(0,1fr) minmax(360px,440px);min-height:calc(100vh - 78px);display:grid}.personal-main{padding:clamp(24px,4vw,48px)}.personal-main>h1{margin:7px 0 8px;font-family:Georgia,serif;font-size:clamp(38px,5vw,58px)}.personal-lead{color:var(--muted);max-width:720px;margin:0 0 22px;line-height:1.6}.privacy-banner{background:var(--green-soft);border:1px solid #c4dacd;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:6px;margin-bottom:24px;padding:16px;display:grid}.privacy-banner strong{color:var(--green);font-size:12px}.privacy-banner span{color:#466257;font-size:12px;line-height:1.5}.personal-grid{grid-template-columns:minmax(300px,1.15fr) minmax(290px,.85fr);gap:18px;display:grid}.personal-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px}.personal-card h2,.personal-review h2{margin:0 0 8px;font-family:Georgia,serif;font-size:25px}.personal-section-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.personal-section-heading p{color:var(--muted);margin:0;font-size:12px}.personal-people{gap:9px;margin-top:18px;display:grid}.personal-people>button{color:var(--ink);cursor:pointer;text-align:left;background:#faf8f3;border:1px dashed #bbc9c1;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:64px;padding:9px;display:grid}.personal-people>button[aria-current=true]{background:var(--green-soft);border-style:solid;border-color:var(--green)}.personal-people strong,.personal-people small{display:block}.personal-people strong{font-size:13px}.personal-people small{color:var(--muted);margin-top:4px;font-size:10px}.personal-subheading{border-top:1px solid var(--line);padding-top:22px;margin-top:24px!important}.personal-review{border-left:1px solid var(--line);background:#f0ece3;padding:30px 24px}.personal-review>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.55}.personal-review-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;margin-top:14px;padding:17px}.personal-review-card h3{margin:10px 0 5px;font-family:Georgia,serif;font-size:18px}.personal-review-card p{color:var(--muted);font-size:11px;line-height:1.5}.personal-actions{flex-wrap:wrap}.personal-actions .button{flex:120px}.approval-list{border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin:12px 0}.approval-list>div{justify-content:space-between;align-items:center;min-height:45px;font-size:11px;display:flex}.approval-list>div+div{border-top:1px solid var(--line)}.approval-buttons{gap:5px;display:flex}.approval-buttons button{background:var(--green-soft);color:var(--green);cursor:pointer;border:0;border-radius:7px;min-height:30px;padding:5px 8px;font-size:10px;font-weight:750}.personal-empty-review{text-align:center;border:1px dashed #b8b1a5;border-radius:14px;margin-top:18px;padding:22px}.personal-empty-review p{color:var(--muted);font-size:11px}.personal-reverse{width:100%;margin-top:16px}@media (max-width:1050px){.personal-layout{grid-template-columns:1fr}.personal-review{border-left:0;border-top:1px solid var(--line)}}@media (max-width:720px){.personal-header{grid-template-columns:1fr auto}.personal-header nav{grid-area:2/1/auto/-1;justify-content:stretch}.personal-header nav a{text-align:center;flex:1}.personal-grid{grid-template-columns:1fr}.personal-main{padding:24px 14px}.privacy-banner{grid-template-columns:1fr}.personal-section-heading{flex-direction:column;align-items:stretch}}.auth-shell{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);min-height:100vh;display:grid}.auth-story{color:#fff;background:linear-gradient(145deg,#123d31,#1e5845);flex-direction:column;justify-content:space-between;padding:clamp(28px,6vw,76px);display:flex}.auth-story h1{max-width:720px;margin:12px 0 22px;font-family:Georgia,serif;font-size:clamp(40px,5vw,68px);line-height:1.02}.auth-story p:not(.eyebrow){color:#c9ddd5;max-width:580px;line-height:1.65}.auth-story .eyebrow{color:#e0c69f}.auth-brand{color:#fff;align-items:center;gap:12px;text-decoration:none;display:flex}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-family:Georgia,serif;font-size:25px}.auth-brand small{color:#b9d0c7;margin-top:3px;font-size:11px}.auth-panel{background:var(--canvas);justify-content:center;align-items:center;padding:28px;display:flex}.auth-card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;width:100%;max-width:480px;padding:clamp(28px,5vw,48px)}.auth-card h2{margin:0 0 24px;font-family:Georgia,serif;font-size:36px}.auth-card>p:not(.eyebrow,.auth-message){color:var(--muted);line-height:1.6}.auth-tabs{background:#ebe7dd;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;display:grid}.auth-tabs button{cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:40px;font-weight:750}.auth-tabs button[aria-pressed=true]{background:var(--paper);color:var(--green);box-shadow:0 3px 10px #25372f14}.auth-card form{gap:16px;display:grid}.auth-card label{color:#314b42;gap:7px;font-size:13px;font-weight:750;display:grid}.auth-card input{color:var(--ink);background:#fff;border:1px solid #cfc8bb;border-radius:10px;min-height:46px;padding:10px 12px}.auth-card label small{color:var(--muted);font-weight:400}.auth-submit{width:100%;margin-top:5px}.auth-message{color:#315d4c;background:#edf3ef;border-radius:10px;padding:12px;font-size:13px;line-height:1.5}.auth-text-button{color:var(--green);cursor:pointer;background:0 0;border:0;margin-top:16px;padding:5px 0;font-weight:750}.auth-link-button{align-items:center;text-decoration:none;display:inline-flex}.federated-buttons{gap:10px;display:grid}.federated-buttons button{color:#27352f;cursor:pointer;font:inherit;background:#fff;border:1px solid #cfc8bb;border-radius:10px;grid-template-columns:24px 1fr 24px;align-items:center;gap:10px;min-height:46px;padding:8px 12px;font-size:12px;font-weight:750;display:grid}.federated-buttons button span{border:1px solid #ddd7cd;border-radius:50%;justify-content:center;align-items:center;height:24px;font-family:Arial,sans-serif;display:flex}.federated-buttons button:disabled{cursor:wait;opacity:.65}.auth-divider{color:#8a8d88;text-transform:uppercase;align-items:center;gap:10px;margin:18px 0;font-size:9px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e0dbd2;flex:1;height:1px}.lunar-block-calendar{background:var(--paper-strong);border:2px solid #b91c1c;border-radius:18px;margin-bottom:18px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 12px 32px #991b1b1f}.lunar-block-calendar:hover{transform:translateY(-2px)}.lunar-header{color:#fef08a;text-align:center;background:linear-gradient(#b91c1c 0%,#991b1b 100%);border-bottom:2px solid #7f1d1d;padding:12px 14px 10px;position:relative}.lunar-header-rings{justify-content:center;gap:60px;display:flex;position:absolute;top:-6px;left:0;right:0}.lunar-ring{background:linear-gradient(#f59e0b,#d97706);border:2px solid #fff;border-radius:6px;width:10px;height:12px;box-shadow:0 2px 4px #0003}.lunar-header-title{color:#fef08a;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.lunar-header-date{color:#fff;margin-top:2px;font-size:13px;font-weight:800}.lunar-body{text-align:center;padding:18px 14px 14px}.lunar-solar-day{color:#0f172a;letter-spacing:-2px;font-family:Georgia,serif;font-size:60px;font-weight:900;line-height:1}.lunar-solar-day-sunday{color:#dc2626}.lunar-solar-label{color:var(--muted);margin-top:4px;font-size:11px;font-weight:700}.lunar-divider{border-top:2px dashed #fca5a5;margin:16px 0 12px;position:relative}.lunar-divider-badge{background:var(--paper-strong);color:#991b1b;letter-spacing:.05em;white-space:nowrap;padding:0 8px;font-size:9px;font-weight:800;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.lunar-box{text-align:center;background:#fff5f5;border:1px solid #fecaca;border-radius:12px;padding:10px 12px}.lunar-date-text{color:#991b1b;font-size:18px;font-weight:800}.lunar-canchi{color:#7f1d1d;margin-top:2px;font-size:11px;font-weight:700}.lunar-hours{color:#991b1b;margin-top:4px;font-size:10px;font-style:italic}.lunar-quote{color:var(--ink);margin:12px 0 0;font-family:Georgia,serif;font-size:11px;font-style:italic;line-height:1.4}.lunar-controls{border-top:1px solid var(--line);background:#f8fafc;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.lunar-controls button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;min-height:32px;padding:3px 10px;font-size:11px;font-weight:700}.lunar-controls button:hover{background:#f1f5f9}.lunar-controls button.lunar-btn-today{color:#fff;background:#991b1b;border-color:#991b1b}.lunar-controls button.lunar-btn-today:hover{background:#7f1d1d}@media (max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-story{min-height:290px;padding:28px 22px}.auth-story h1{margin-bottom:0;font-size:38px}.auth-story p:not(.eyebrow){display:none}.auth-panel{align-items:flex-start;padding:20px 14px 40px}.auth-card{border-radius:18px;padding:25px 20px}}.pro-node-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:250px;padding:12px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #0f172a0f}.pro-node-card:hover{border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 12px 28px #3b82f633}.pro-node-card.is-selected{border:2px solid #2563eb;box-shadow:0 0 0 4px #2563eb33}.pro-node-card.is-focus{background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border-color:#0284c7}.pro-node-card.is-deceased{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #cbd5e1}.pro-node-card.is-deceased .card-name{color:#475569}.card-top-accent{background:linear-gradient(90deg,#3b82f6 0%,#8b5cf6 100%);width:100%;height:3px;position:absolute;top:0;left:0}.pro-node-card.is-deceased .card-top-accent{background:linear-gradient(90deg,#64748b 0%,#94a3b8 100%)}.card-header{align-items:center;gap:10px;display:flex;position:relative}.card-avatar-ring{background:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:2px;display:flex;position:relative}.pro-node-card.is-deceased .card-avatar-ring{background:linear-gradient(135deg,#475569 0%,#64748b 100%)}.card-avatar-inner{color:#fff;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:15px;font-weight:700;display:flex;position:relative;overflow:hidden}.card-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pro-node-card.is-deceased .card-avatar-inner{background:#475569}.card-badge-verified{color:#fff;background:#16a34a;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:-2px;right:-2px}.card-title-group{flex-direction:column;flex:1;min-width:0;display:flex}.card-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:700;overflow:hidden}.card-alias{color:#556376;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.card-focus-star{color:#7d6304;font-size:14px}.theme-dark .card-focus-star{color:#eab308}.card-footer{box-sizing:border-box;border-top:1px solid #0000000f;justify-content:space-between;align-items:center;gap:4px;width:100%;margin-top:8px;padding-top:6px;display:flex}.card-status-pills{flex:none;align-items:center;gap:4px;display:flex}.pro-status-badge{white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;padding:2px 7px;font-size:10.5px;font-weight:600;line-height:1.2;display:inline-flex}.pro-status-badge.living{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.pro-status-badge.deceased{color:#991b1b;background:#fff5f5;border:1px solid #fee2e2}.pro-relation-badge{background:var(--paper-elevated,#f8fafc);border:1px solid var(--line,#cbd5e1);color:var(--muted,#475569);white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;padding:2px 6px;font-size:10.5px;font-weight:600;line-height:1.2;display:inline-flex}.pro-card-focus-btn{color:#78350f;cursor:pointer;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:9999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;line-height:1.2;transition:all .15s;display:inline-flex}.pro-card-focus-btn:hover{color:#450a0a;background:#fde68a;border-color:#d97706;transform:translateY(-1px)}.pro-card-edit-btn{color:#6b21a8;cursor:pointer;white-space:nowrap;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:9999px;flex-shrink:0;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;line-height:1.2;transition:all .15s;display:inline-flex}.pro-card-edit-btn:hover{color:#581c87;background:#e9d5ff;border-color:#c084fc;transform:translateY(-1px)}.pro-family-canvas-container{background:#f8fafc radial-gradient(#cbd5e1 1px,#0000 1px) 0 0/28px 28px;border:1px solid #e2e8f0;border-radius:20px;width:100%;height:600px;transition:all .25s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.pro-family-canvas-container.is-fullscreen,.pro-family-canvas-container:fullscreen{z-index:99999!important;border-radius:0!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.pro-canvas-viewport{cursor:grab;width:100%;height:100%}.pro-canvas-viewport.is-grabbing{cursor:grabbing}.pro-zoom-controls{align-items:center;gap:6px;display:flex}.card-corner-motif{color:#d97706;pointer-events:none;z-index:4;font-size:9px;display:none;position:absolute}.theme-traditional .card-corner-motif{display:block}.card-corner-motif.top-left{top:4px;left:6px}.card-corner-motif.top-right{top:4px;right:6px}.theme-traditional{background-color:#faf6ed!important;background-image:radial-gradient(#dfd4c1 1.5px,#0000 1.5px)!important;background-size:32px 32px!important;border:3px double #b45309!important;box-shadow:inset 0 0 50px #b4530914!important}.theme-traditional .pro-canvas-controls{background:linear-gradient(135deg,#fffdf8 0%,#f5ecd7 100%);border:1.5px solid #d97706;box-shadow:0 6px 20px #b4530926}.theme-traditional .pro-node-card{outline-offset:-3px;background:#fffdf9;border:2px solid #b45309;border-radius:12px;outline:1px solid #f59e0b;box-shadow:0 6px 20px #450a0a1f}.theme-traditional .pro-node-card.is-deceased{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-color:#94a3b8;outline-color:#cbd5e1}.theme-traditional .card-top-accent{background:linear-gradient(90deg,#991b1b 0%,#d97706 50%,#991b1b 100%);height:5px}.theme-traditional .pro-node-card.is-deceased .card-top-accent{background:linear-gradient(90deg,#475569 0%,#94a3b8 100%)}.theme-traditional .card-name{color:#450a0a;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:800}.theme-traditional .pro-node-card.is-deceased .card-name{color:#475569}.theme-traditional .card-avatar-ring{background:linear-gradient(135deg,#d97706 0%,#991b1b 100%);padding:2.5px}.theme-traditional .card-avatar-inner{color:#fef3c7;background:#450a0a;font-family:Georgia,serif}.theme-traditional .pro-node-card.is-deceased .card-avatar-ring{background:linear-gradient(135deg,#64748b 0%,#94a3b8 100%)}.theme-traditional .pro-node-card.is-deceased .card-avatar-inner{color:#f8fafc;background:#475569}.theme-traditional .pro-status-badge.living{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;font-weight:700}.theme-traditional .pro-status-badge.deceased{color:#991b1b;background:#fef2f2;border:1px solid #feccae;font-weight:700}.theme-traditional .pro-ortho-line{stroke:#166534;stroke-opacity:.95;stroke-width:3px;filter:drop-shadow(0 1px 2px #16653433)}.theme-traditional .pro-ortho-line.connector-marriage{stroke:#991b1b;stroke-width:3.5px;filter:drop-shadow(0 1px 2px #991b1b4d)}.theme-traditional .pro-union-marker{color:#fef3c7;background:#991b1b;border:2px solid #f59e0b;box-shadow:0 0 10px #991b1b66}.theme-traditional .pro-gen-label{color:#92400e;letter-spacing:2px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:800}.theme-dark{background-color:#0f172a!important;background-image:radial-gradient(#334155 1px,#0000 1px)!important;border-color:#1e293b!important}.theme-dark .pro-node-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px #0006}.theme-dark .card-name{color:#f8fafc}.theme-dark .card-alias,.theme-dark .pro-gen-label{color:#94a3b8}.theme-dark .pro-ortho-line{stroke:#38bdf8}.theme-dark .pro-ortho-line.connector-marriage{stroke:#ec4899}.theme-dark .pro-union-marker{color:#ec4899;background:#0f172a;border-color:#ec4899}body.theme-traditional{font-family:Georgia,Times New Roman,serif;color:#450a0a!important;background-color:#faf6ed!important}body.theme-traditional .topbar,body.theme-traditional .sidebar,body.theme-traditional .panel,body.theme-traditional .hero,body.theme-traditional .mobile-nav,body.theme-traditional .shell{color:#450a0a!important;background:#fffdf8!important;border-color:#e5dccb!important}body.theme-traditional .topbar h1,body.theme-traditional h2,body.theme-traditional h3,body.theme-traditional h4{font-family:Georgia,serif;color:#450a0a!important}body.theme-traditional .eyebrow{color:#9a4708!important}body.theme-traditional .nav-item.nav-item-active{color:#fef3c7!important;background:linear-gradient(135deg,#991b1b 0%,#78350f 100%)!important}body.theme-traditional .button-primary{color:#fef3c7!important;background:linear-gradient(135deg,#991b1b 0%,#78350f 100%)!important;border:1px solid #f59e0b!important}body.theme-traditional .button-secondary{color:#78350f!important;background:#fffdf9!important;border:1.5px solid #b45309!important}body.theme-traditional .segmented{background:#f5ecd7!important;border:1px solid #dcd1c0!important}body.theme-traditional .segmented button{color:#78350f!important;font-family:Georgia,serif!important}body.theme-traditional .segmented button[aria-pressed=true]{color:#fef3c7!important;background:linear-gradient(135deg,#991b1b 0%,#78350f 100%)!important;border:1px solid #f59e0b!important;box-shadow:0 2px 8px #991b1b4d!important}body.theme-traditional .text-button{color:#991b1b!important;font-family:Georgia,serif!important;font-weight:700!important}body.theme-traditional .family-filter select,body.theme-traditional select,body.theme-traditional input{color:#450a0a!important;background-color:#fffdf9!important;border:1.5px solid #b45309!important;font-family:Georgia,serif!important}body.theme-traditional .branch-cards button,body.theme-traditional .person-result{color:#450a0a!important;background:#fffdf9!important;border:1.5px solid #dcd1c0!important}body.theme-traditional .branch-cards button:hover,body.theme-traditional .person-result:hover{border-color:#991b1b!important;box-shadow:0 4px 16px #991b1b26!important}body.theme-traditional .brand{color:#450a0a!important;background:#faf4e6!important;border-color:#d97706!important;box-shadow:0 2px 8px #b4530914!important}body.theme-traditional .brand-logo,body.theme-traditional .brand-mark{color:#fffdf8!important;background:linear-gradient(135deg,#b45309 0%,#78350f 100%)!important;box-shadow:0 3px 10px #b453094d!important}body.theme-traditional .brand strong{color:#450a0a!important}body.theme-traditional .brand small{color:#92400e!important}body.theme-traditional .profile-button{background:#fffdf9!important;border:1.5px solid #b45309!important;box-shadow:0 3px 10px #b453091f!important}body.theme-traditional .profile-button:hover{background:#fef3c7!important;border-color:#92400e!important;box-shadow:0 5px 16px #92400e33!important}body.theme-traditional .profile-button-name{color:#450a0a!important}body.theme-traditional .profile-button-role{color:#92400e!important}body.theme-traditional .profile-button-chevron{color:#b45309!important}body.theme-traditional .profile-online-dot{background:#16a34a!important;border-color:#fffdf8!important}body.theme-traditional .global-search{background:#fffdf9!important;border:1.5px solid #b45309!important;border-radius:9999px!important}body.theme-traditional .global-search:focus-within{box-shadow:0 0 0 3px #b4530933!important}body.theme-traditional .search-icon{color:#b45309!important}body.theme-traditional .search-shortcut{color:#92400e!important;background:#fef3c7!important;border-color:#fde68a!important}body.theme-traditional .global-search input{color:#450a0a!important;background:0 0!important;border:0!important}body.theme-traditional .pro-control-btn{color:#78350f!important;background:#fffdf9!important;border:1px solid #b45309!important}body.theme-traditional .pro-control-btn:hover{color:#fef3c7!important;background:#991b1b!important}body.theme-traditional .pro-card-focus-btn{color:#78350f!important;background:#fef3c7!important;border:1px solid #d97706!important}body.theme-traditional .pro-card-focus-btn:hover{color:#fef3c7!important;background:#991b1b!important}body.theme-traditional .pro-card-edit-btn{color:#78350f!important;background:#fef3c7!important;border:1px solid #78350f!important}body.theme-traditional .pro-card-edit-btn:hover{color:#fef3c7!important;background:#78350f!important}body.theme-dark{--canvas:#0f172a;--paper:#1e293b;--paper-strong:#223044;--ink:#f8fafc;--line:#334155;--link:#5eead4;--gold:#dcb579;--muted:#9aa6a0;color:#f8fafc!important;background-color:#0b1329!important}body.theme-dark .fixed-surface,body.theme-dark .fixed-surface h1,body.theme-dark .fixed-surface h2,body.theme-dark .fixed-surface h3,body.theme-dark .fixed-surface h4{color:#0f172a!important}body.theme-dark .topbar,body.theme-dark .sidebar,body.theme-dark .panel,body.theme-dark .hero,body.theme-dark .mobile-nav,body.theme-dark .shell{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}body.theme-dark .topbar h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4{color:#f8fafc!important}body.theme-dark .eyebrow{color:#38bdf8!important}body.theme-dark .nav-item.nav-item-active,body.theme-dark .button-primary{color:#0f172a!important;background:#38bdf8!important}body.theme-dark .button-secondary{color:#f8fafc!important;background:#1e293b!important;border:1px solid #475569!important}body.theme-dark .segmented{background:#0f172a!important;border:1px solid #334155!important}body.theme-dark .segmented button{color:#94a3b8!important}body.theme-dark .segmented button[aria-pressed=true]{color:#0f172a!important;background:#38bdf8!important;border-color:#38bdf8!important;font-weight:700!important}body.theme-dark .text-button{color:#38bdf8!important;font-weight:700!important}body.theme-dark .family-filter select,body.theme-dark select,body.theme-dark input{color:#f8fafc!important;background-color:#1e293b!important;border:1px solid #475569!important}body.theme-dark .branch-cards button,body.theme-dark .person-result{color:#f8fafc!important;background:#1e293b!important;border:1px solid #334155!important}body.theme-dark .branch-cards button:hover,body.theme-dark .person-result:hover{border-color:#38bdf8!important;box-shadow:0 4px 16px #38bdf833!important}body.theme-dark .brand{color:#f8fafc!important;background:#1e293bcc!important;border-color:#334155!important;box-shadow:0 2px 8px #0003!important}body.theme-dark .brand-logo,body.theme-dark .brand-mark{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important;box-shadow:0 3px 10px #0284c766!important}body.theme-dark .brand strong{color:#f8fafc!important}body.theme-dark .brand small{color:#38bdf8!important}body.theme-dark .profile-button{background:#1e293b!important;border:1px solid #475569!important;box-shadow:0 3px 10px #0000004d!important}body.theme-dark .profile-button:hover{background:#334155!important;border-color:#38bdf8!important;box-shadow:0 5px 16px #38bdf840!important}body.theme-dark .profile-button-name{color:#f8fafc!important}body.theme-dark .profile-button-role{color:#94a3b8!important}body.theme-dark .profile-button-chevron{color:#38bdf8!important}body.theme-dark .profile-online-dot{background:#22c55e!important;border-color:#1e293b!important}body.theme-dark .global-search{background:#1e293b!important;border:1px solid #475569!important;border-radius:9999px!important}body.theme-dark .global-search:focus-within{border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf833!important}body.theme-dark .search-icon{color:#38bdf8!important}body.theme-dark .search-shortcut{color:#94a3b8!important;background:#334155!important;border-color:#475569!important}body.theme-dark .global-search input{color:#f8fafc!important;background:0 0!important;border:0!important}body.theme-dark .pro-control-btn{color:#38bdf8!important;background:#1e293b!important;border:1px solid #475569!important}body.theme-dark .pro-control-btn:hover{color:#0f172a!important;background:#38bdf8!important}body.theme-dark .pro-card-focus-btn{color:#38bdf8!important;background:#0f172a!important;border:1px solid #38bdf8!important}body.theme-dark .pro-card-focus-btn:hover{color:#0f172a!important;background:#38bdf8!important}body.theme-dark .pro-card-edit-btn{color:#c4b5fd!important;background:#0f172a!important;border:1px solid #c4b5fd!important}body.theme-dark .pro-card-edit-btn:hover{color:#0f172a!important;background:#c4b5fd!important}.pro-canvas-controls{background:var(--paper-elevated,#ffffffeb);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px solid var(--line,#e2e8f0);z-index:10;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;transition:all .2s;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 4px 20px #0000001f}.pro-control-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.pro-control-btn:hover{color:#0284c7;background:#f1f5f9}.pro-control-btn.pro-fit-btn{width:auto;padding:0 10px;font-size:11px}.pro-control-btn.pro-model-toggle-btn{background:var(--paper-elevated,#f1f5f9);border-color:var(--line,#cbd5e1);color:var(--green,#15803d);white-space:nowrap;width:auto;padding:0 10px;font-size:11px;font-weight:700}.pro-control-btn.pro-model-toggle-btn:hover,.pro-control-btn.pro-model-toggle-btn.is-active{background:var(--green,#15803d);border-color:var(--green,#15803d);color:#fff}.pro-zoom-pill{color:#64748b;padding:0 6px;font-size:11px;font-weight:700}.pro-canvas-transform{transform-origin:0 0;width:100%;height:100%;position:absolute}.pro-gen-label{color:#4a5565;letter-spacing:1.5px;pointer-events:none;text-transform:uppercase;white-space:nowrap;z-index:0;font-size:11px;font-weight:700;position:absolute;left:-300px}.pro-ortho-line{stroke:#3b82f6;stroke-opacity:.85;transition:stroke .2s,stroke-opacity .2s}.pro-ortho-line.connector-marriage{stroke:#ec4899;stroke-opacity:.95;stroke-width:3px}.pro-ortho-line.connector-drop{stroke:#2563eb;stroke-opacity:.85}.pro-ortho-line.connector-sibling{stroke:#2563eb;stroke-opacity:.75}.pro-ortho-line.connector-child{stroke:#2563eb;stroke-opacity:.85}.pro-ortho-line.connector-single-parent{stroke:#64748b;stroke-dasharray:6 4;stroke-opacity:.7}.pro-union-marker{color:#ec4899;pointer-events:none;z-index:2;background:#fff;border:2px solid #ec4899;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pro-node-wrapper{z-index:3;position:absolute}.pro-fan-chart-container{background:var(--card,#fff);border:1px solid var(--line,#e2e8f0);border-radius:24px;flex-direction:column;align-items:center;padding:28px;transition:background .3s,border-color .3s;display:flex;position:relative;box-shadow:0 10px 30px #0000000d}.pro-fan-chart-header{text-align:center;margin-bottom:20px}.pro-fan-header-top{justify-content:center;align-items:center;gap:10px;margin-bottom:6px;display:flex}.pro-fan-chart-header .pro-eyebrow{color:var(--accent,#0284c7);letter-spacing:1.2px;text-transform:uppercase;font-size:11px;font-weight:800}.pro-fan-badge{color:#ca8a04;letter-spacing:.5px;background:#eab30826;border:1px solid #eab30866;border-radius:999px;padding:2px 10px;font-size:10px;font-weight:700}.pro-fan-chart-header h3{color:var(--ink,#0f172a);margin:4px 0 0;font-size:22px;font-weight:800}.pro-fan-chart-header p{color:var(--muted,#64748b);margin:4px 0 0;font-size:13px}.pro-fan-chart-svg-wrapper{width:100%;max-width:820px;position:relative}.pro-fan-side-labels{justify-content:space-between;width:100%;margin-bottom:8px;padding:0 16px;display:flex}.pro-fan-side-pill{background:var(--paper,#f8fafc);border:1px solid var(--line,#e2e8f0);color:var(--ink,#334155);letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:flex}.pro-fan-side-pill.paternal .side-dot{background:#0284c7;border-radius:50%;width:8px;height:8px;display:inline-block}.pro-fan-side-pill.maternal .side-dot{background:#db2777;border-radius:50%;width:8px;height:8px;display:inline-block}.pro-fan-chart-svg{width:100%;height:auto;overflow:visible}.pro-fan-sector{cursor:pointer;transition:transform .2s}.pro-fan-sector path{transition:filter .25s,stroke .25s,opacity .25s}.pro-fan-sector:hover path,.pro-fan-sector.is-hovered path{filter:brightness(1.25)drop-shadow(0 6px 16px #eab30866);stroke:#fff;stroke-width:2px}.pro-fan-sector.is-unknown path{opacity:.65}.pro-fan-sector.is-unknown:hover path{opacity:.9}.pro-fan-sector.is-selected path{filter:brightness(1.3)drop-shadow(0 0 20px #eab308cc);stroke:#fef08a;stroke-width:3px}.pro-fan-center-title{fill:#713f12;pointer-events:none;text-shadow:0 1px 2px #fffc;font-size:12px;font-weight:900}.pro-fan-center-sub{fill:#854d0e;letter-spacing:.5px;pointer-events:none;font-size:9px;font-weight:800}.pro-fan-curved-text{fill:#fff;letter-spacing:.3px;pointer-events:none;text-shadow:0 1px 3px #000000e6,0 0 6px #000000b3;font-size:11px;font-weight:700}.pro-fan-radial-text{fill:#fff;letter-spacing:.2px;pointer-events:none;text-shadow:0 1px 3px #000000e6;font-size:9px;font-weight:700}.pro-fan-hover-card{background:var(--paper,#fff);border:1px solid var(--accent,#eab308);text-align:center;border-radius:16px;width:100%;max-width:360px;margin-top:16px;padding:14px 18px;animation:.2s ease-out fadeIn;box-shadow:0 12px 32px #00000026}.hover-card-header{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.hover-kinship{color:var(--accent,#d97706);font-size:12px;font-weight:800}.hover-level{background:var(--line,#e2e8f0);color:var(--muted,#475569);border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.hover-name{color:var(--ink,#0f172a);margin:2px 0 10px;font-size:16px;font-weight:800}.hover-actions{justify-content:center;gap:8px;display:flex}.hover-btn{cursor:pointer;border:none;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .15s,background .15s}.hover-btn:active{transform:scale(.96)}.hover-btn.primary{background:var(--accent,#0284c7);color:#fff}.hover-btn.primary:hover{filter:brightness(1.1)}.hover-btn.secondary{background:var(--line,#e2e8f0);color:var(--ink,#334155)}.hover-btn.secondary:hover{background:var(--line,#cbd5e1)}.hover-empty-note{color:var(--muted,#94a3b8);margin:0;font-size:12px;font-style:italic}.pro-fan-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;display:flex}.pro-legend-item{color:var(--muted,#475569);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.pro-color-box{border-radius:4px;width:14px;height:14px;box-shadow:0 2px 4px #0000001a}.pro-binary-chart-container{background:#f8fafc radial-gradient(#cbd5e1 1px,#0000 1px) 0 0/28px 28px;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;padding:24px;display:flex;box-shadow:0 4px 20px #0000000a}.pro-binary-header{text-align:center;margin-bottom:20px}.pro-binary-header .pro-eyebrow{color:#0284c7;letter-spacing:1px;font-size:11px;font-weight:800}.pro-binary-header h3{color:#0f172a;margin:4px 0 0;font-size:20px;font-weight:800}.pro-binary-header p{color:#64748b;margin:4px 0 0;font-size:13px}.pro-binary-viewport{width:100%;height:520px;position:relative;overflow:auto}.pro-binary-wrapper{width:1200px;height:1000px;position:absolute;top:500px;left:60px}.pro-binary-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.pro-binary-node-wrapper{z-index:2;width:250px;position:absolute;transform:translateY(-50%)}.pro-binary-role-tag{color:#0284c7;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.pro-binary-empty-card{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;align-items:center;gap:10px;width:220px;height:85px;padding:10px;display:flex}.pro-binary-empty-card .empty-avatar{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.pro-binary-empty-card .empty-text{color:#64748b;font-size:12px;font-weight:600}.header-theme-select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 16px) calc(50% - 2px),calc(100% - 11px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:8px;flex:none;padding:6px 30px 6px 12px;font-size:13px;font-weight:600}.header-theme-select:focus-visible{outline-offset:2px;outline:2px solid}.theme-control-anchor{display:none!important}body.theme-traditional .sidebar .brand strong{color:#450a0a!important}body.theme-traditional .sidebar .brand small{color:#7c2d12!important}body.theme-traditional .sidebar .nav-item,body.theme-traditional .sidebar .nav-item span,body.theme-traditional .sidebar-foot button,body.theme-traditional .sidebar-foot p{color:#78350f!important}body.theme-traditional .sidebar .nav-item-active,body.theme-traditional .sidebar .nav-item-active span{color:#fef3c7!important;background:linear-gradient(135deg,#991b1b 0%,#78350f 100%)!important}body.theme-traditional .button-primary{color:#fef3c7!important;background:linear-gradient(135deg,#991b1b 0%,#78350f 100%)!important;border-color:#7c2d12!important}body.theme-traditional .segmented button[aria-pressed=true],body.theme-traditional .segmented button.is-active{color:#fef3c7!important;background:linear-gradient(135deg,#991b1b 0%,#78350f 100%)!important}body.theme-traditional .segmented button{color:#78350f!important}body.theme-traditional .page-intro p,body.theme-traditional .family-legend span,body.theme-traditional .card-alias,body.theme-traditional .pro-zoom-pill{color:#7c2d12!important}body.theme-traditional .nav-badge{color:#fef3c7!important;background:#7f1d1d!important}body.theme-traditional .card-corner-motif{color:#92400e!important}body.theme-traditional .card-focus-star{color:#b45309!important}.tu-vi-panel-wrapper{box-sizing:border-box;flex-direction:column;gap:1rem;width:100%;max-width:1100px;margin:0 auto;padding:.5rem;display:flex}.tu-vi-controls{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);box-sizing:border-box;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1.25rem;width:100%;padding:.85rem 1.25rem;display:flex}.control-group{align-items:center;gap:.5rem;display:flex}.control-label{color:var(--ink);font-size:.875rem;font-weight:600}.control-person-name{color:var(--green);font-size:.95rem;font-weight:700}.control-select{border:1px solid var(--line);background:var(--paper-strong);color:var(--ink);cursor:pointer;border-radius:8px;outline:none;padding:.4rem .75rem;font-size:.875rem;font-weight:500}.control-select:focus{border-color:var(--green)}.panel-close-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:.4rem .85rem;font-size:.85rem;font-weight:600;transition:all .15s}.panel-close-btn:hover{color:var(--ink);background:#0000000d}.tu-vi-container{background:var(--paper);border:2px solid var(--gold);width:100%;box-shadow:var(--shadow);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.tu-vi-header-banner{text-align:center;border-bottom:1px dashed var(--line);padding-bottom:.75rem}.tu-vi-title{letter-spacing:.05em;color:var(--gold);margin:0;font-size:1.35rem;font-weight:800}.tu-vi-subtitle{color:var(--green);margin-top:.25rem;font-size:1rem;font-weight:700}.tu-vi-grid-wrapper{width:100%;padding:.25rem 0;overflow-x:auto}.tu-vi-grid{background:var(--line);border:1px solid var(--gold);border-radius:12px;grid-template-rows:repeat(4,minmax(130px,auto));grid-template-columns:repeat(4,1fr);gap:6px;min-width:720px;padding:6px;display:grid}.tu-vi-cell{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:130px;padding:.4rem .5rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative}.tu-vi-cell:hover{border-color:var(--gold);z-index:2;transform:translateY(-2px);box-shadow:0 4px 12px #8a5a2426}.tu-vi-cell.is-menh{background:linear-gradient(135deg, var(--paper) 0%, #dceae280 100%);border:2px solid var(--green)}.tu-vi-cell.is-than{border-bottom:3px solid var(--gold)}.tu-vi-cell.is-selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.cell-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding-bottom:.2rem;display:flex}.cung-name{color:var(--ink);text-transform:uppercase;font-size:.8rem;font-weight:800}.dia-chi{color:var(--muted);font-size:.75rem;font-weight:600}.cell-body{flex-direction:column;flex:1;gap:.3rem;display:flex}.chinh-tinh-group{border-bottom:1px dashed #b91c1c26;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;width:100%;padding-bottom:.25rem;display:flex}.star-chinh{color:#b91c1c;text-align:center;background:#b91c1c14;border:1px solid #b91c1c33;border-radius:4px;padding:.08rem .35rem;font-size:.825rem;font-weight:800}.vo-chinh-dieu{color:var(--muted);text-align:center;width:100%;font-size:.725rem;font-style:italic}.phu-tinh-grid{flex:1;grid-template-columns:1fr 1fr;gap:.35rem;width:100%;display:grid}.phu-tinh-left{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.phu-tinh-right{flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.star-tu-hoa{color:#7c2d12;background:#7c2d121a;border-radius:3px;padding:.05rem .25rem;font-size:.68rem;font-weight:700;line-height:1.2}.star-cat{color:#047857;font-size:.68rem;font-weight:600;line-height:1.25}.star-sat{color:#4b5563;text-align:right;font-size:.68rem;font-weight:600;line-height:1.25}.cell-footer{border-top:1px dashed #0000000d;justify-content:space-between;align-items:center;margin-top:.25rem;padding-top:.15rem;display:flex}.dai-han{color:var(--muted);font-size:.675rem;font-weight:700}.tag-menh{color:#fff;background:var(--green);border-radius:4px;padding:.05rem .35rem;font-size:.65rem;font-weight:800}.tag-than{color:#fff;background:var(--gold);border-radius:4px;padding:.05rem .35rem;font-size:.65rem;font-weight:800}.tu-vi-center-cell{background:var(--paper-strong);border:2px solid var(--gold);border-radius:10px;grid-area:2/2/span 2/span 2;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:inset 0 0 15px #8a5a240d}.tu-vi-center-content{text-align:center;flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.center-seal{color:var(--gold);font-size:2.2rem;line-height:1}.center-name{color:var(--ink);margin:0;font-size:1.15rem;font-weight:800}.center-meta-badge{color:var(--green);background:var(--green-soft);border-radius:12px;padding:.2rem .75rem;font-size:.8rem;font-weight:700}.center-details-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:.4rem 1rem;width:100%;margin-top:.3rem;display:grid}.center-detail-item{justify-content:space-between;font-size:.775rem;display:flex}.center-detail-item .label{color:var(--muted);font-weight:500}.center-detail-item .value{color:var(--ink);font-weight:700}.center-detail-item .value.highlight{color:var(--gold)}.center-footer-note{color:var(--muted);margin-top:.5rem;font-size:.7rem;font-style:italic}.tu-vi-cung-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tu-vi-cung-modal{background:var(--paper-strong);border:2px solid var(--gold);border-radius:16px;flex-direction:column;width:92%;max-width:520px;max-height:85vh;animation:.2s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000040}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tu-vi-cung-modal .modal-header{background:var(--paper);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.tu-vi-cung-modal .modal-title{color:var(--gold);font-size:1.1rem;font-weight:800}.tu-vi-cung-modal .modal-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .5rem;font-size:1.2rem}.tu-vi-cung-modal .modal-close-btn:hover{color:var(--ink);background:#0000000d}.tu-vi-cung-modal .modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.modal-badges{gap:.5rem;display:flex}.badge{border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.badge-menh{background:var(--green);color:#fff}.badge-than{background:var(--gold);color:#fff}.badge-daihan{background:var(--green-soft);color:var(--ink)}.stars-section{flex-direction:column;gap:.4rem;display:flex}.stars-section .section-title{color:var(--muted);text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.stars-tags{flex-wrap:wrap;gap:.35rem;display:flex}.star-tag{border-radius:6px;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.star-tag.chinh-tinh{color:#b91c1c;background:#b91c1c1f}.star-tag.tu-hoa{color:#7c2d12;background:#7c2d121f}.star-tag.cat-tinh{color:#047857;background:#0478571f}.star-tag.sat-tinh{color:#4b5563;background:#6b72801f}.empty-stars{color:var(--muted);font-size:.8rem;font-style:italic}.landing-header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.landing-nav-links{align-items:center;gap:24px;font-size:15px;font-weight:500;display:flex}.landing-header-actions{align-items:center;gap:10px;display:flex}.landing-hero{text-align:center;max-width:1200px;margin:0 auto;padding:60px 20px 40px}.landing-hero-title{letter-spacing:-.03em;color:#0f172a;max-width:900px;margin:0 auto 20px;font-size:clamp(30px,5.5vw,52px);font-weight:800;line-height:1.18}.landing-hero-subtitle{color:#475569;max-width:760px;margin:0 auto 32px;font-size:clamp(16px,2.5vw,20px);line-height:1.6}.landing-hero-actions{justify-content:center;align-items:center;gap:14px;margin-bottom:48px;display:flex}.landing-grid-2col{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.landing-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;display:grid}@media (max-width:768px){.landing-header{flex-wrap:wrap;gap:12px;padding:12px 16px}.landing-nav-links{display:none}.landing-header-actions{gap:8px;margin-left:auto}.landing-header-actions a{padding:7px 11px!important;font-size:13px!important}.landing-hero-actions{flex-direction:column;width:100%}.landing-hero-actions a{box-sizing:border-box;text-align:center;width:100%}.landing-grid-2col{grid-template-columns:1fr;gap:32px}.landing-footer-grid{text-align:left;grid-template-columns:1fr;gap:28px}}.tu-vi-tabs{justify-content:center;gap:8px;margin-top:.75rem;display:flex}.tu-vi-tab{border:1px solid var(--line);background:var(--paper-strong);color:var(--muted);cursor:pointer;border-radius:20px;padding:.45rem 1rem;font-size:.85rem;font-weight:700;transition:all .15s}.tu-vi-tab:hover{color:var(--ink);border-color:var(--gold)}.tu-vi-tab.active{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:0 4px 10px #8a5a2440}.tu-vi-luan-giai-view{flex-direction:column;gap:1.25rem;padding:.5rem 0;display:flex}.tu-vi-timeline-wrapper{padding:.5rem 0}.tu-vi-timeline{gap:0;padding:1.5rem .75rem .75rem;display:flex;overflow-x:auto}.timeline-item{text-align:center;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:0 0 160px;align-items:center;padding:0 .5rem;font-family:inherit;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:var(--line);z-index:0;width:100%;height:2px;position:absolute;top:7px;left:50%}.timeline-dot{background:var(--paper-strong);border:2px solid var(--gold);z-index:1;border-radius:50%;flex-shrink:0;width:14px;height:14px}.timeline-item.current .timeline-dot{background:var(--gold);box-shadow:0 0 0 4px #8a5a2433}.timeline-age{color:var(--muted);margin:.4rem 0 .5rem;font-size:.78rem;font-weight:700}.timeline-card{background:var(--paper-strong);border:1px solid var(--line);border-radius:10px;width:100%;min-height:92px;padding:.65rem}.timeline-item.current .timeline-card{border-color:var(--gold);box-shadow:0 4px 12px #8a5a2433}.timeline-cung-name{color:var(--ink);justify-content:center;align-items:center;gap:.25rem;font-size:.9rem;font-weight:800;display:flex}.timeline-dia-chi{color:var(--muted);margin-bottom:.3rem;font-size:.75rem}.timeline-stars{color:var(--ink);font-size:.72rem;line-height:1.35}.timeline-current-flag{color:var(--gold);margin-top:.4rem;font-size:.7rem;font-weight:700}.timeline-symbolic-flag{color:var(--muted);margin-top:.3rem;font-size:.65rem;font-style:italic}.luan-giai-card{background:var(--paper-strong);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.65rem;padding:1.25rem;display:flex;box-shadow:0 4px 12px #00000008}.card-badge-header{flex-direction:column;gap:.3rem;display:flex}.card-badge-header h3{color:var(--ink);margin:0;font-size:1.05rem;font-weight:800}.tone-badge{border-radius:12px;align-self:flex-start;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.tone-badge.tone-good{color:#047857;background:#0478571f}.tone-badge.tone-warn{color:#b91c1c;background:#b91c1c1f}.tone-badge.tone-neutral{color:var(--gold);background:#8a5a241f}.luan-giai-p{color:var(--ink);margin:0;font-size:.925rem;line-height:1.6}.luan-giai-subtitle-bold{color:var(--green);margin:0;font-size:.95rem;font-weight:700}.luan-giai-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.luan-giai-list li{color:var(--ink);font-size:.875rem;line-height:1.5}.luan-giai-note-box{background:var(--paper);border-left:3px solid var(--gold);color:var(--ink);border-radius:0 8px 8px 0;padding:.6rem .85rem;font-size:.85rem}.luan-giai-meta-row{color:var(--muted);border-top:1px dashed var(--line);flex-wrap:wrap;gap:1.25rem;margin-top:.25rem;padding-top:.5rem;font-size:.85rem;display:flex}.tu-hoa-details-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.65rem;display:grid}.tu-hoa-item{background:var(--paper);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.tu-hoa-tag{border-radius:4px;align-self:flex-start;padding:.15rem .45rem;font-size:.7rem;font-weight:800}.tu-hoa-type-Lộc .tu-hoa-tag{color:#047857;background:#04785726}.tu-hoa-type-Quyền .tu-hoa-tag{color:var(--gold);background:#8a5a2426}.tu-hoa-type-Khoa .tu-hoa-tag{color:#2563eb;background:#2563eb26}.tu-hoa-type-Kỵ .tu-hoa-tag{color:#b91c1c;background:#b91c1c26}.tu-hoa-text{color:var(--ink);font-size:.825rem;line-height:1.45}.modal-subtitle{color:var(--muted);margin-top:.2rem;font-size:.8rem;font-weight:500;display:block}.star-detail-list{flex-direction:column;gap:.5rem;margin-top:.35rem;display:flex}.star-detail-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:.65rem;padding:.5rem .75rem;display:flex}.star-desc{color:var(--ink);margin:0;font-size:.825rem;line-height:1.45}.empty-stars-box{background:var(--paper);border:1px dashed var(--line);color:var(--muted);border-radius:8px;padding:.65rem .85rem;font-size:.825rem;line-height:1.5}.advice-section{border:1px solid var(--gold);background:linear-gradient(135deg,#dceae24d 0%,#fef3c766 100%);border-radius:10px;margin-top:.5rem;padding:.85rem}.advice-text{color:var(--ink);margin:.35rem 0 0;font-size:.875rem;font-weight:500;line-height:1.55}.tu-vi-mode-switcher{flex-wrap:wrap;gap:8px;margin-bottom:-.25rem;display:flex}.mode-btn{border:1px solid var(--line);background:var(--paper-strong);color:var(--muted);cursor:pointer;border-radius:8px;padding:.45rem 1rem;font-size:.85rem;font-weight:700;transition:all .15s}.mode-btn:hover{border-color:var(--green);color:var(--ink)}.mode-btn.active{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 8px #15803d40}.custom-input-form-grid{flex-wrap:wrap;align-items:center;gap:1rem;width:100%;display:flex}.control-input-text{border:1px solid var(--line);background:var(--paper-strong);color:var(--ink);border-radius:8px;outline:none;width:160px;padding:.4rem .75rem;font-size:.875rem;font-weight:500}.control-input-text:focus{border-color:var(--green)}.date-picker-row{align-items:center;gap:4px;display:flex}.control-select-small{border:1px solid var(--line);background:var(--paper-strong);color:var(--ink);cursor:pointer;border-radius:8px;outline:none;padding:.4rem .5rem;font-size:.85rem;font-weight:500}.control-select-small:focus{border-color:var(--green)}.tu-vi-mobile-scroll-hint{text-align:center;color:var(--gold);background:var(--paper-strong);border:1px dashed var(--gold);border-radius:8px;margin-bottom:.5rem;padding:.35rem .65rem;font-size:.75rem;font-weight:700;display:none}@media (max-width:768px){.tu-vi-mobile-scroll-hint{display:block}.tu-vi-panel-wrapper{gap:.75rem;padding:.25rem}.tu-vi-mode-switcher{width:100%}.tu-vi-mode-switcher .mode-btn{text-align:center;flex:1;padding:.55rem .65rem;font-size:.8rem}.tu-vi-controls{gap:.75rem;padding:.75rem .85rem}.custom-input-form-grid{flex-direction:column;align-items:stretch;gap:.75rem}.control-group{flex-direction:column;align-items:flex-start;gap:.3rem;width:100%}.control-input-text,.control-select{box-sizing:border-box;min-height:42px;padding:.55rem .75rem;font-size:.9rem;width:100%!important}.date-picker-row{grid-template-columns:1fr 1fr 1.2fr;gap:6px;width:100%;display:grid}.control-select-small{box-sizing:border-box;width:100%;min-height:42px;padding:.55rem .4rem;font-size:.85rem}.tu-vi-tabs{flex-direction:row;width:100%}.tu-vi-tab{text-align:center;flex:1;padding:.55rem .5rem;font-size:.8rem}.tu-vi-container{border-radius:12px;padding:.75rem .5rem}.tu-vi-title{font-size:1.15rem}.tu-vi-subtitle{font-size:.9rem}.tu-vi-grid-wrapper{-webkit-overflow-scrolling:touch;box-sizing:border-box;padding-bottom:6px;position:relative;width:100%!important;overflow-x:auto!important}.tu-vi-grid{box-sizing:border-box;grid-template-rows:repeat(4,minmax(120px,1fr))!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important;width:100%!important;min-width:660px!important;padding:5px!important}.tu-vi-cell{border-radius:8px!important;min-height:120px!important;padding:.35rem .45rem!important}.cell-header{margin-bottom:.2rem;padding-bottom:.15rem}.cung-name{font-weight:800;font-size:.78rem!important}.dia-chi{font-size:.72rem!important}.star-chinh{font-weight:700;line-height:1.2;font-size:.78rem!important}.vo-chinh-dieu{font-size:.7rem!important}.star-tu-hoa,.star-cat,.star-sat{padding:.1rem .25rem!important;font-size:.7rem!important}.cell-footer,.dai-han{font-size:.7rem!important}.tag-menh,.tag-than{padding:.1rem .35rem!important;font-size:.65rem!important}.tu-vi-center-cell{border-radius:8px!important;padding:.65rem!important}.center-seal{font-size:1.2rem!important}.center-name{margin:.2rem 0!important;font-size:.95rem!important}.center-meta-badge{padding:.15rem .45rem!important;font-size:.72rem!important}.center-details-grid{grid-template-columns:1fr 1fr!important;gap:.25rem .5rem!important;font-size:.7rem!important;display:grid!important}.center-detail-item{justify-content:space-between;align-items:center;display:flex}.center-detail-item .label{display:inline!important}.center-footer-note{margin-top:.3rem!important;font-size:.68rem!important}.tu-vi-cung-modal{border-radius:14px;width:95%;max-height:90vh}.tu-vi-cung-modal .modal-header{padding:.75rem 1rem}.tu-vi-cung-modal .modal-body{gap:.85rem;padding:1rem}.luan-giai-card{padding:1rem}.tu-hoa-details-grid{grid-template-columns:1fr}}.custom-input-wrapper{flex-direction:column;gap:.75rem;width:100%;display:flex}.custom-input-presets-row{background:var(--paper);border:1px dashed var(--gold);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .65rem;display:flex}.presets-label{color:var(--gold);font-size:.8rem;font-weight:700}.preset-pill-btn{border:1px solid var(--line);background:var(--paper-strong);color:var(--ink);cursor:pointer;border-radius:20px;padding:.25rem .6rem;font-size:.78rem;font-weight:600;transition:all .15s}.preset-pill-btn:hover{border-color:var(--green);color:var(--green);background:#fff}.xem-nam-row{width:100%;margin-top:.35rem}.xem-nam-controls-wrap{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.year-pills-container{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.year-pill-btn{border:1px solid var(--line);background:var(--paper-strong);color:var(--muted);cursor:pointer;border-radius:6px;padding:.3rem .65rem;font-size:.8rem;font-weight:700;transition:all .15s}.year-pill-btn:hover{border-color:var(--gold);color:var(--ink)}.year-pill-btn.active{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:0 2px 6px #8a5a2440}