:root{--forest:#173f32;--forest2:#245541;--leaf:#6f9559;--sage:#dfe9da;--cream:#f8f4e9;--gold:#bf8b45;--ink:#223129;--muted:#708078;--line:#d9e1da;--white:#fff;--shadow:0 18px 50px rgba(25,57,45,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fbfaf6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,90px);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(23,63,50,.08)}.brand{display:flex;align-items:center;gap:12px;color:var(--forest)}.brand-icon{font-size:32px}.brand strong{display:block;font-family:Georgia,serif;font-size:20px}.brand small{display:block;color:#88958e;font-size:11px;letter-spacing:.08em}.topbar nav{display:flex;gap:28px;align-items:center;font-size:14px}.topbar nav a:hover{color:var(--leaf)}.admin-link{padding:9px 15px;border:1px solid #c9d7cf;border-radius:999px}.hero{min-height:660px;padding:80px clamp(30px,9vw,145px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;background:radial-gradient(circle at 80% 30%,rgba(113,151,87,.16),transparent 28%),linear-gradient(145deg,#faf7ee,#eef4e9)}.eyebrow{display:block;color:var(--gold);font-weight:800;letter-spacing:.17em;font-size:11px;margin-bottom:14px}.hero h1,.section-head h2,.about-strip h2,.standalone-profile h1{font-family:Georgia,"Times New Roman",serif;color:var(--forest);font-size:clamp(48px,6vw,82px);line-height:.98;margin:0 0 24px;font-weight:500}.hero h1 em{color:var(--leaf);font-weight:400}.hero p{max-width:620px;color:#617169;font-size:18px;line-height:1.8}.btn{display:inline-flex;border:1px solid #ccd7d0;background:#fff;color:var(--forest);padding:11px 17px;border-radius:10px;font-weight:700;align-items:center;justify-content:center}.btn.primary{background:var(--forest);border-color:var(--forest);color:white;box-shadow:0 9px 25px rgba(23,63,50,.18)}.btn.ghost{background:transparent}.hero .btn{margin-top:18px;padding:14px 22px}.hero-orbit{width:min(420px,90vw);height:420px;margin:auto;position:relative;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,.1) 62%,transparent 63%)}.orbit-ring{position:absolute;inset:45px;border:1px solid rgba(61,102,73,.25);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.24),0 0 0 70px rgba(111,149,89,.05)}.hero-tree{font-size:118px;filter:drop-shadow(0 16px 18px rgba(36,85,65,.18));z-index:2}.hero-orbit>span{position:absolute;background:white;padding:9px 14px;border-radius:999px;box-shadow:var(--shadow);color:var(--forest);font:italic 15px Georgia,serif}.hero-orbit>span:nth-of-type(1){top:58px;left:25px}.hero-orbit>span:nth-of-type(2){top:90px;right:16px}.hero-orbit>span:nth-of-type(3){bottom:60px;left:75px}.tree-section{padding:90px 0 60px;background:#f7f5ec}.section-head{padding:0 clamp(24px,6vw,90px) 34px;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head h2,.about-strip h2{font-size:46px;margin:0 0 10px}.section-head p{color:var(--muted);margin:0}.tree-tools{display:flex;gap:10px}.search-box{background:#fff;border:1px solid #d8dfd9;border-radius:999px;padding:0 14px;display:flex;align-items:center;gap:8px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.search-box input{width:260px;border:0;outline:0;padding:12px 2px;background:transparent}.icon-btn{width:44px;height:44px;border-radius:50%;background:white;border:1px solid #d8dfd9}.legend{padding:0 clamp(24px,6vw,90px) 20px;color:#7a8b81;font-size:12px;display:flex;gap:20px}.dot{width:26px;height:3px;display:inline-block;vertical-align:middle;margin-right:6px;border-radius:3px}.dot.parent{background:#698d65}.dot.spouse{background:#c18c55}.tree-viewport{height:760px;overflow:auto;position:relative;border-top:1px solid rgba(23,63,50,.08);border-bottom:1px solid rgba(23,63,50,.08);background:linear-gradient(rgba(255,255,255,.38),rgba(255,255,255,.1)),radial-gradient(circle at 50% 85%,#e4ead7,#f8f5eb 60%)}.tree-canvas{min-width:1200px;min-height:950px;position:relative;margin:auto;transform-origin:top center}.art-tree,.relation-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.relation-lines{z-index:2;overflow:visible}.rel-line{fill:none;stroke:#71916b;stroke-width:3.2;opacity:.9;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}.rel-line.spouse{stroke:#c08b53;stroke-dasharray:8 6}.rel-line.sibling{stroke:#a79166;stroke-dasharray:3 7}.rel-line.guardian{stroke:#6e84a8;stroke-dasharray:6 6}.member-node{position:absolute;z-index:5;width:148px;border:0;background:none;text-align:center;padding:0;color:var(--ink);transition:.25s}.portrait-ring{display:block;width:112px;height:112px;margin:auto;border-radius:50%;padding:6px;background:linear-gradient(145deg,#fff,#d9e6d8);box-shadow:0 11px 30px rgba(34,68,46,.2);border:2px solid rgba(255,255,255,.85)}.portrait-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.node-label{display:block;background:rgba(255,255,255,.94);margin-top:8px;padding:8px 6px;border-radius:12px;box-shadow:0 8px 20px rgba(31,65,45,.11)}.node-label strong,.node-label small{display:block}.node-label strong{font:600 14px Georgia,serif;color:var(--forest)}.node-label small{font-size:10px;color:#7f8b84;margin-top:3px}.member-node:hover{z-index:20;transform:translateY(-4px)}.member-node:hover .portrait-ring{box-shadow:0 17px 35px rgba(34,68,46,.3)}.hover-card{display:none;position:absolute;left:50%;top:132px;transform:translateX(-50%);width:225px;background:#173f32;color:white;padding:15px;border-radius:14px;text-align:left;box-shadow:0 18px 50px rgba(14,43,31,.3)}.hover-card>*{display:block}.hover-card b{font-family:Georgia,serif;font-size:16px}.hover-card em{font-size:11px;opacity:.75;margin-top:2px}.hover-card span{font-size:11px;opacity:.78;margin-top:6px}.hover-card u{font-size:11px;text-decoration:none;color:#d8b579;margin-top:10px}.member-node:hover .hover-card{display:block}.member-node.dimmed{opacity:.13;filter:grayscale(1)}.member-node.matched{transform:scale(1.06);z-index:15}.tree-empty{position:absolute;top:210px;left:50%;transform:translateX(-50%);background:white;padding:30px 40px;border-radius:18px;box-shadow:var(--shadow);text-align:center;z-index:10}.tree-empty strong,.tree-empty span{display:block}.tree-empty span{margin-top:7px;color:var(--muted)}.about-strip{background:var(--forest);color:white;padding:70px clamp(30px,9vw,145px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-strip h2{color:white}.about-strip p{font-size:17px;line-height:1.8;color:#cbd9d0}footer{text-align:center;padding:35px;color:#7f8c84;font-size:12px}.modal{display:none;position:fixed;inset:0;z-index:100}.modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(11,29,21,.72);backdrop-filter:blur(5px)}.profile-card{position:relative;width:min(720px,92vw);max-height:88vh;overflow:auto;background:#fff;border-radius:24px;z-index:2;box-shadow:0 28px 90px rgba(0,0,0,.32)}.modal-close{position:absolute;right:16px;top:14px;border:0;background:rgba(255,255,255,.85);width:36px;height:36px;border-radius:50%;font-size:24px;z-index:3}.modal-profile-head{padding:34px;background:linear-gradient(135deg,#e9efe1,#f8f2e5);display:flex;gap:24px;align-items:center}.modal-profile-head img{width:150px;height:150px;border-radius:22px;object-fit:cover;box-shadow:var(--shadow)}.modal-profile-head h2{font:500 38px Georgia,serif;color:var(--forest);margin:0}.modal-profile-head p{margin:4px 0;color:#768277;font-style:italic}.modal-profile-body{padding:30px}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}.quick-facts span{background:#f4f6f1;border-radius:12px;padding:12px;color:#6d7c73;font-size:12px}.quick-facts b{display:block;color:var(--forest);margin-bottom:5px}.modal-profile-body h3{font-family:Georgia,serif;color:var(--forest)}.modal-profile-body p{color:#65736b;line-height:1.7}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#e8f0df,#f7f3e8 55%,#e8efe5)}.auth-card{width:min(460px,92vw);background:white;padding:38px;border-radius:22px;box-shadow:var(--shadow)}.auth-card h1{font:500 34px Georgia,serif;color:var(--forest);text-align:center}.brand-mark{text-align:center;font-size:54px}.auth-card label{display:block;font-size:12px;font-weight:700;color:#55665c;margin:14px 0}.auth-card input{display:block;width:100%;padding:12px;border:1px solid #d7e0d9;border-radius:9px;margin-top:7px}.auth-card .btn{width:100%;margin-top:10px}.muted{color:var(--muted)!important}.flash{padding:12px 14px;border-radius:10px;margin:10px 0 18px;font-size:13px}.flash.success{background:#e4f4e8;color:#245d36}.flash.error{background:#fae5e5;color:#922f2f}.profile-page{background:#f6f4eb}.standalone-profile{max-width:1050px;margin:55px auto;padding:0 22px}.back-link{color:var(--leaf);font-weight:700}.profile-hero{margin-top:25px;background:white;border-radius:24px;padding:34px;display:flex;align-items:center;gap:34px;box-shadow:var(--shadow)}.profile-hero img{width:230px;height:230px;object-fit:cover;border-radius:20px}.profile-hero h1{font-size:54px;margin-bottom:7px}.nickname{font:italic 18px Georgia,serif;color:#78877d}.profile-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:24px;margin-top:24px}.profile-grid>section,.profile-grid>aside{background:white;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(30,55,40,.07)}.profile-grid h2,.profile-grid h3{font-family:Georgia,serif;color:var(--forest)}.profile-grid p{line-height:1.8;color:#627168}.profile-grid dl{margin:0}.profile-grid dt{font-size:11px;color:#87928c;text-transform:uppercase;letter-spacing:.08em;margin-top:16px}.profile-grid dd{margin:4px 0;color:var(--forest)}@media(max-width:850px){.topbar nav a:not(.admin-link){display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-orbit{display:none}.section-head{align-items:flex-start;flex-direction:column}.tree-tools{width:100%}.search-box{flex:1}.search-box input{width:100%}.about-strip,.profile-grid{grid-template-columns:1fr}.profile-hero{align-items:flex-start}.profile-hero img{width:150px;height:150px}.quick-facts{grid-template-columns:1fr}.modal-profile-head{align-items:flex-start}.modal-profile-head img{width:110px;height:110px}.modal-profile-head h2{font-size:30px}}@media(max-width:560px){.hero h1{font-size:50px}.profile-hero{flex-direction:column}.topbar{padding:0 18px}.brand small{display:none}}