:root{--blue:#1769e0;--blue2:#0b4fb8;--navy:#102a56;--sky:#eaf3ff;--bg:#f6f9fd;--card:#fff;--text:#17243b;--muted:#68768d;--line:#dce6f3;--shadow:0 18px 50px rgba(29,74,130,.11);--male:#2aa6dd;--female:#ef7093;--success:#16815d}html[data-theme=dark]{--blue:#61a4ff;--blue2:#377fdc;--navy:#f1f6ff;--sky:#162c4a;--bg:#091321;--card:#101d2e;--text:#ecf4ff;--muted:#9dafc7;--line:#243750;--shadow:0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:76px;padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--card) 94%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:23px;font-weight:500;text-decoration:none}.brand strong{color:var(--blue)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--blue),var(--blue2));color:white;font-size:25px}.topbar nav{display:flex;gap:22px;align-items:center}.topbar nav a,.link{border:0;background:none;color:var(--text);font:inherit;text-decoration:none;cursor:pointer}.topbar nav form{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;padding:13px 21px;text-decoration:none;font-weight:750;cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,var(--blue) 25%,transparent)}.button.small{padding:9px 15px;font-size:13px}.button.large{padding:16px 24px}.button.full{width:100%}.ghost,.ghost-button{color:var(--blue);font-weight:750}.ghost-button{display:inline-flex;justify-content:center;padding:11px 18px;border:1px solid var(--line);background:var(--card);border-radius:10px;text-decoration:none;cursor:pointer}.theme-toggle,.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font-size:18px;cursor:pointer}main{max-width:1320px;margin:auto;padding:42px 28px 80px}.tree-page main{max-width:none;padding:0}.hero-new{min-height:680px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.hero-copy h1{font-family:Georgia,serif;color:var(--navy);font-size:66px;line-height:1.05;letter-spacing:-.035em;margin:18px 0}.hero-copy h1 em{color:var(--blue);font-weight:400}.hero-copy>p{font-size:19px;line-height:1.72;color:var(--muted);max-width:610px}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:.18em;font-weight:850}.actions{display:flex;gap:20px;align-items:center;margin-top:30px}.trust{display:flex;gap:20px;color:var(--muted);font-size:13px;margin-top:28px}.family-visual{min-height:520px;border-radius:40px;background:radial-gradient(circle at 50% 25%,#dfeeff,#aacfff);position:relative;display:grid;place-items:center;overflow:hidden}.visual-glow{position:absolute;width:370px;height:370px;border-radius:50%;background:#fff8;filter:blur(4px)}html[data-theme=dark] .family-visual{background:radial-gradient(circle at 50% 25%,#1d4777,#102642)}.mini-tree{position:relative;z-index:2;display:grid;justify-items:center}.generation{display:flex;gap:35px}.portrait-card{width:120px;min-height:112px;padding:15px;background:var(--card);border:1px solid #fff;border-radius:18px;display:grid;place-items:center;box-shadow:var(--shadow)}.portrait-card i{font-style:normal;font-size:36px}.portrait-card b{font-size:13px}.portrait-card small{color:var(--muted)}.portrait-card.focus{border:2px solid var(--blue);width:145px}.tree-line{width:2px;height:42px;background:#6da7e8}.section{padding:85px 0}.section-title{text-align:center;margin-bottom:42px}.section-title h2{font-family:Georgia,serif;color:var(--navy);font-size:42px;margin:12px 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.features article,.card,.plan-grid article{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:0 9px 32px color-mix(in srgb,var(--navy) 5%,transparent)}.features span{display:grid;place-items:center;width:42px;height:42px;background:var(--sky);color:var(--blue);border-radius:12px;font-weight:800;margin-bottom:22px}.features b{font-size:19px}.features p,.card p,.plan-grid p{color:var(--muted);line-height:1.65}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.plan-grid article{position:relative}.plan-grid .featured{border:2px solid var(--blue);transform:translateY(-10px)}.plan-grid h3{font-size:22px;margin:0 0 12px}.plan-grid strong{display:block;color:var(--navy);font-size:34px}.plan-grid ul{padding:0;list-style:none;margin:26px 0}.plan-grid li{padding:8px 0}.plan-grid li:before{content:'✓';color:var(--success);font-weight:900;margin-right:9px}.tag{position:absolute;top:18px;right:18px;background:var(--sky);color:var(--blue);font-size:10px;font-weight:850;padding:6px 9px;border-radius:99px}.muted,small{color:var(--muted)}footer{display:flex;justify-content:center;gap:16px;padding:34px;color:var(--muted);border-top:1px solid var(--line)}footer b{color:var(--navy)}.auth-page main{max-width:1180px}.auth-shell{min-height:650px;display:grid;grid-template-columns:.92fr 1.08fr;background:var(--card);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.auth-promo{padding:70px 52px;background:linear-gradient(145deg,#0b4fa9,#1a75ed);color:white;display:flex;flex-direction:column;justify-content:center}.auth-promo .eyebrow{color:#cce2ff}.auth-promo h1{font-family:Georgia,serif;font-size:45px;line-height:1.15}.auth-promo p{color:#d9eaff;font-size:17px}.auth-tree-dots{display:flex;gap:12px;align-items:center;margin-top:55px}.auth-tree-dots span,.auth-tree-dots b{display:grid;place-items:center;width:56px;height:56px;background:#fff2;border:1px solid #fff5;border-radius:50%;font-size:25px}.auth-tree-dots b{width:72px;height:72px;background:white}.auth.modern{border:0;box-shadow:none;border-radius:0;padding:55px 65px;margin:0;max-width:none}.auth.modern h1,.verify-card h1{font-family:Georgia,serif;color:var(--navy);font-size:35px}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.social{border:1px solid var(--line);padding:12px;border-radius:10px;text-decoration:none;color:var(--text);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700}.social.google b{color:#e33}.social.facebook b{color:#1877f2;font-size:19px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-switch{text-align:center}.auth-switch a{color:var(--blue)}form label{display:block;font-size:13px;font-weight:720;margin:15px 0 7px}input,textarea,select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text);font:inherit;margin-top:7px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 12%,transparent)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.check,.radio-row label{display:flex;gap:9px;align-items:center}.check input,.radio-row input{width:auto;margin:0}.alert{padding:14px 18px;border-radius:10px;margin:18px auto}.success{background:#e2f6ec;color:#126343}.error{background:#ffebe9;color:#9d302c}.verify-card{max-width:620px;margin:70px auto;text-align:center;padding:55px}.mail-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:var(--sky);color:var(--blue);font-size:36px;margin:0 auto 24px}.verify-card form{margin:25px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.pagehead h1{font-family:Georgia,serif;color:var(--navy);font-size:42px;margin:7px 0}.pill{background:var(--sky);color:var(--blue);padding:9px 15px;border-radius:99px;font-weight:750}.dashboard-grid{display:grid;grid-template-columns:1fr 420px;gap:30px}.tree-list{display:grid;gap:14px}.tree-row{display:flex;align-items:center;background:var(--card);border:1px solid var(--line);padding:20px;border-radius:15px;text-decoration:none;color:var(--text)}.tree-row.rich .tree-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--sky);color:var(--blue);font-size:26px;margin-right:16px}.tree-row>div:nth-child(2){flex:1}.tree-row small{display:block;margin-top:5px}.empty{padding:38px;text-align:center;border:1px dashed var(--line);border-radius:15px;color:var(--muted)}.form-section-title{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-weight:800;color:var(--navy)}.limit-box{background:var(--sky);color:var(--blue);padding:18px;border-radius:12px;line-height:1.6}.profile-grid{display:grid;grid-template-columns:320px 1fr;gap:26px}.profile-photo{text-align:center}.profile-avatar{width:130px;height:130px;margin:0 auto;border-radius:50%;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-size:42px;font-weight:900;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar.small{width:48px;height:48px;margin:0;font-size:18px}.upload-button{padding:11px;border:1px dashed var(--line);border-radius:10px;cursor:pointer}.upload-button input{display:none}.tree-toolbar{height:78px;background:var(--card);border-bottom:1px solid var(--line);padding:0 25px;display:flex;align-items:center;justify-content:space-between}.tree-toolbar h1{font-size:20px;margin:4px 0}.tree-toolbar a{color:var(--blue);font-size:12px;text-decoration:none}.tree-actions{display:flex;gap:9px}.tree-search{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);padding:0 12px;border-radius:10px}.tree-search input{width:220px;border:0;background:transparent;margin:0;box-shadow:none}.tree-workspace{height:calc(100vh - 154px);display:grid;grid-template-columns:286px 1fr;overflow:hidden}.stats-panel{background:var(--card);border-right:1px solid var(--line);padding:22px;overflow:auto;transition:.25s}.stats-title{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.12em}.stats-title button{border:0;background:var(--sky);color:var(--blue);border-radius:6px;cursor:pointer}.stats-user{display:flex;gap:12px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.stats-user small{display:block;margin-top:4px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.stat-grid div{background:var(--bg);border-radius:11px;padding:13px}.stat-grid b{display:block;font-size:22px;color:var(--navy)}.stat-grid span{font-size:10px;color:var(--muted)}.quota{padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quota>span{font-size:12px;font-weight:700}.quota>div{height:7px;background:var(--line);border-radius:8px;margin:10px 0;overflow:hidden}.quota i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#66b5ff)}.sidebar-link{display:block;color:var(--text);text-decoration:none;padding:18px 0;font-size:13px}.tree-canvas{position:relative;overflow:auto;background-color:var(--bg);background-image:radial-gradient(var(--line) .8px,transparent .8px);background-size:18px 18px}.canvas-hint{position:sticky;left:50%;top:15px;z-index:5;width:max-content;transform:translateX(-50%);background:var(--card);border:1px solid var(--line);padding:9px 14px;border-radius:99px;color:var(--muted);font-size:11px}.pedigree{min-width:900px;min-height:600px;padding:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:center;transition:.2s}.generation-row{display:flex;gap:60px;align-items:center;justify-content:center;position:relative}.center-row{gap:38px}.connector.vertical{width:2px;height:54px;background:#9fb0c5}.person-node{width:210px;min-height:82px;display:flex;align-items:center;gap:12px;position:relative;background:var(--card);border:2px solid var(--male);border-radius:13px;padding:13px 35px 13px 12px;box-shadow:var(--shadow)}.person-node.gender-female{border-color:var(--female)}.person-node.focus{width:235px;box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 13%,transparent),var(--shadow)}.person-photo{flex:0 0 50px;height:50px;border-radius:50%;background:var(--sky);color:var(--blue);display:grid;place-items:center;font-size:21px;font-weight:850;overflow:hidden}.person-photo img{width:100%;height:100%;object-fit:cover}.person-info{min-width:0}.person-info b{font-size:13px;display:block;white-space:normal}.person-info small{font-size:11px}.you-badge{position:absolute;top:-10px;left:12px;background:var(--blue);color:#fff;border-radius:99px;padding:3px 8px;font-size:9px;font-weight:850}.add-person{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:31px;height:31px;border:1px solid var(--line);background:var(--card);color:var(--blue);border-radius:50%;font-size:20px;cursor:pointer;box-shadow:0 5px 12px #0001}.ghost-person{border:1px dashed var(--line);color:var(--blue);background:var(--card);border-radius:11px;padding:12px 18px;cursor:pointer}.zoom-controls{position:fixed;right:22px;bottom:25px;display:grid;background:var(--card);border:1px solid var(--line);border-radius:11px;overflow:hidden;z-index:10}.zoom-controls button{width:40px;height:40px;border:0;border-bottom:1px solid var(--line);background:var(--card);color:var(--text);font-size:19px;cursor:pointer}.search-hidden{opacity:.12}.modal{display:none;position:fixed;inset:0;z-index:100}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:#07111dcc;backdrop-filter:blur(3px)}.relation-picker,.person-form-modal{position:relative;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px #0005;margin:8vh auto;padding:32px;width:min(680px,calc(100% - 32px));max-height:84vh;overflow:auto}.relation-picker{text-align:center}.modal-x{position:absolute;right:18px;top:14px;border:0;background:transparent;color:var(--muted);font-size:28px;cursor:pointer}.relation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:25px}.relation-options button{padding:17px 10px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--text);font-weight:700;cursor:pointer}.relation-options button:hover{border-color:var(--blue);color:var(--blue)}.modal-heading{display:flex;gap:14px;align-items:center}.modal-heading h2{margin:5px 0}.avatar.large{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--sky);color:var(--blue)}.radio-row{display:flex;gap:22px;margin:25px 0}.radio-row label{margin:0;font-weight:500}.radio-row.status{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.modal-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:24px}.mobile-theme{display:none}.danger{border:0;background:#fff0ef;color:#aa332e;padding:7px 10px;border-radius:7px;cursor:pointer}.installer{background:var(--bg)}.install-wrap{max-width:760px}.install-brand{text-align:center;font-size:35px;margin-bottom:28px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ok{background:#27865e}.bad{background:#b53a34}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:var(--card)}th,td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}
@media(max-width:900px){.hero-new,.auth-shell,.dashboard-grid,.profile-grid{grid-template-columns:1fr}.hero-copy h1{font-size:49px}.family-visual{min-height:430px}.features,.plan-grid{grid-template-columns:1fr}.plan-grid .featured{transform:none}.auth-promo{display:none}.tree-workspace{grid-template-columns:1fr}.stats-panel{display:none}.tree-toolbar{height:auto;padding:14px;gap:10px}.tree-search input{width:130px}.relation-options{grid-template-columns:1fr 1fr}.topbar nav>a:not(.button){display:none}.trust{flex-wrap:wrap}.profile-grid{grid-template-columns:1fr}.pedigree{padding:70px 35px}.mobile-theme{display:block}}
@media(max-width:600px){main{padding:28px 16px 60px}.hero-new{min-height:auto}.hero-copy h1{font-size:40px}.family-visual{display:none}.section{padding:55px 0}.features,.plan-grid{grid-template-columns:1fr}.auth.modern{padding:30px 22px}.social-row,.fields{grid-template-columns:1fr}.pagehead{align-items:flex-start;gap:12px}.pagehead h1{font-size:34px}.relation-options{grid-template-columns:1fr}.tree-actions .mobile-theme{display:none}.tree-search{display:none}.topbar{padding:0 14px}.topbar nav{gap:8px}.topbar nav .button{display:inline-flex}.brand>span:last-child{font-size:19px}}

/* Aile ağacı V1.6 */
.tree-toolbar{height:auto;min-height:106px;align-items:flex-start;padding-top:16px;padding-bottom:12px;gap:22px}.tree-toolbar>div:first-child{flex:0 0 112px}.tree-actions{flex:1;align-items:center;justify-content:flex-end;flex-wrap:wrap}.view-tabs{order:2;width:100%;display:grid!important;position:static!important;grid-template-columns:repeat(4,minmax(160px,1fr));gap:9px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.view-tabs button{display:flex!important;min-height:58px;align-items:center;gap:10px;padding:8px 12px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--sky) 35%,var(--card)))!important;color:var(--text)!important;box-shadow:0 7px 20px rgba(16,74,145,.08);text-align:left;cursor:pointer;transition:.2s}.view-tabs button:hover{border-color:#65a7f5!important;transform:translateY(-2px);box-shadow:0 12px 26px rgba(16,86,170,.15)}.view-tabs button.active{color:#fff!important;border-color:#1769e0!important;background:linear-gradient(135deg,#0d5bd1,#2787f5)!important;box-shadow:0 12px 28px rgba(23,105,224,.28)}.view-tabs button>b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#e8f3ff;color:#1769e0;font-size:18px}.view-tabs button.active>b{background:#ffffff2b;color:#fff}.view-tabs span{font-weight:850;font-size:12px}.view-tabs small{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-weight:550}.view-tabs button.active small{color:#dbeaff}.tree-workspace{position:relative;height:calc(100vh - 182px)}.stats-rail{display:none;position:absolute;left:0;top:50%;z-index:30;width:27px;height:146px;transform:translateY(-50%);padding:8px 3px;border:1px solid #a9ccf7;border-left:0;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#0d5bd1,#3092fa);color:#fff;box-shadow:6px 10px 25px rgba(20,88,170,.24);cursor:pointer}.stats-rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;font-weight:850;letter-spacing:.08em}.stats-rail b{display:block;margin-top:6px;font-size:16px}.tree-workspace.stats-collapsed .stats-rail{display:block}.stats-panel{box-shadow:10px 0 28px rgba(18,69,130,.08);z-index:20}.stats-collapsed .tree-canvas{grid-column:2}.tree-stage .person-node{border-top:1px solid rgba(255,255,255,.85);box-shadow:0 14px 34px rgba(17,67,128,.16)}.family-line{stroke:#79a2d1;stroke-width:2.25}.family-line.spouse{stroke:#f06f9a;stroke-width:3}.family-line.sibling{stroke:#7da0ca;stroke-dasharray:6 5}.people-list{display:none!important}.view-list .people-list{display:block!important}.view-list .tree-stage,.view-list .family-connectors{display:none!important}
@media(max-width:1200px){.view-tabs{grid-template-columns:repeat(2,1fr)}.tree-workspace{height:calc(100vh - 246px)}}
@media(max-width:900px){.tree-toolbar>div:first-child{flex:1}.view-tabs{position:static!important;width:100%!important;grid-template-columns:repeat(2,1fr)}.view-tabs small{display:block}.tree-workspace{height:calc(100vh - 250px)}.stats-rail{display:none!important}}

/* Aile ağacı V1.4 */
.tree-action{height:40px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit;font-size:12px;font-weight:750;display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}.tree-action:hover{border-color:var(--blue);color:var(--blue)}.tree-action.primary{background:var(--blue);border-color:var(--blue);color:#fff}.export-menu{position:relative}.export-options{display:none;position:absolute;right:0;top:47px;width:235px;padding:7px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:40}.export-options.open{display:grid}.export-options button{padding:12px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;font:inherit;font-size:12px;cursor:pointer}.export-options button:hover{background:var(--sky);color:var(--blue)}
.tree-workspace.stats-collapsed{grid-template-columns:0 1fr}.tree-workspace.stats-collapsed .stats-panel{padding:0;border:0;overflow:hidden;opacity:0}.tree-page.tree-focus .topbar,.tree-page.tree-focus footer{display:none}.tree-page.tree-focus .tree-workspace{height:calc(100vh - 78px)}
.pedigree{display:block;position:relative;padding:0;min-width:0;min-height:0;transition:transform .2s}.tree-stage,.family-connectors{position:absolute;inset:0}.family-connectors{z-index:1;overflow:visible}.tree-stage{z-index:2}.tree-stage .person-node{position:absolute;width:220px;margin:0}.family-line{fill:none;stroke:#9bb1cc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.family-line.spouse{stroke:#e48ca5;stroke-width:3}.family-line.sibling{stroke-dasharray:5 4}.person-node{transition:left .3s,top .3s,opacity .2s,box-shadow .2s}.person-node:hover{box-shadow:0 12px 35px rgba(25,93,170,.2);z-index:5}.canvas-hint{position:fixed;left:calc(50% + 143px);transform:translateX(-50%)}
@media(max-width:1180px){.tree-action span{display:none}.tree-toolbar{padding:0 14px}.tree-actions{gap:6px}.tree-search input{width:160px}}
@media(max-width:900px){.tree-action{padding:0 10px}.tree-workspace.stats-collapsed{grid-template-columns:1fr}.canvas-hint{left:50%}}
@media print{body{background:#fff}.topbar,.tree-toolbar .tree-actions,.stats-panel,.canvas-hint,.zoom-controls,.add-person,footer,.alert{display:none!important}.tree-toolbar{height:58px;border:0;padding:0}.tree-toolbar a{display:none}.tree-workspace{display:block;height:auto;overflow:visible}.tree-canvas{overflow:visible;background:#fff}.pedigree{transform:none!important}.person-node{box-shadow:none;background:#fff}.family-line{stroke:#73859a}.tree-page main{overflow:visible}@page{size:landscape;margin:10mm}}
.view-switcher{position:relative}.view-options{display:none;position:absolute;right:0;top:47px;width:300px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 60px rgba(15,52,100,.22);z-index:45}.view-options.open{display:grid}.view-options button{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:var(--text);padding:12px;border-radius:11px;text-align:left;cursor:pointer}.view-options button:hover,.view-options button.active{background:var(--sky);color:var(--blue)}.view-options button>b{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#e8f3ff,#cfe5ff);color:#1769e0;font-size:19px}.view-options span{font-weight:800}.view-options small{display:block;font-weight:500;margin-top:2px}.tree-stage .person-node{width:230px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 84%,var(--sky)));border-width:1px;border-left-width:5px;border-radius:18px;box-shadow:0 12px 30px rgba(20,69,128,.14)}.tree-stage .person-node.gender-male{background:linear-gradient(135deg,var(--card),color-mix(in srgb,#d8f3ff 52%,var(--card)))}.tree-stage .person-node.gender-female{background:linear-gradient(135deg,var(--card),color-mix(in srgb,#ffe0e9 52%,var(--card)))}.tree-stage .person-node.gender-unknown{border-color:#8b94a5}.tree-stage .person-node.focus{border-color:#1769e0;box-shadow:0 0 0 4px rgba(23,105,224,.12),0 18px 45px rgba(20,69,128,.22)}.view-fan .person-node{border-radius:42px}.view-fan .family-line{stroke:#7ca6d5}.people-list{display:none;width:min(1200px,calc(100vw - 350px));margin:28px auto;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.view-list .people-list{display:block}.people-list-head,.people-list-row{display:grid;grid-template-columns:2fr 1.1fr .7fr .8fr;align-items:center;gap:18px;padding:16px 22px}.people-list-head{background:var(--sky);color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.08em}.people-list-row{border-top:1px solid var(--line);transition:.18s}.people-list-row:hover{background:color-mix(in srgb,var(--sky) 48%,var(--card));transform:translateX(3px)}.people-list-row>span:first-child{display:flex;align-items:center;gap:12px}.people-list-row small{display:block;margin-top:4px}.list-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#d9f2ff;color:#057cae;font-style:normal;font-weight:900;overflow:hidden;border:2px solid #4db6e4}.list-avatar.gender-female{background:#ffe2ea;color:#b93f66;border-color:#ef8aa6}.list-avatar img{width:100%;height:100%;object-fit:cover}.list-add{border:1px solid var(--line);background:var(--card);color:var(--blue);border-radius:9px;padding:8px 10px;cursor:pointer;font-weight:750}.export-options button b{display:inline-block;background:#e83b35;color:#fff;border-radius:4px;padding:2px 4px;margin-right:5px;font-size:10px}@media(max-width:900px){.people-list{width:calc(100vw - 24px);margin:18px 12px;overflow:auto}.people-list-head,.people-list-row{min-width:720px}.view-options{position:fixed;left:12px;right:12px;top:145px;width:auto}}