:root{--bg:#f7f7f2;--panel:#ffffff;--ink:#202124;--muted:#65716f;--line:#dfe4dd;--brand:#1f7a68;--brand-dark:#14564a;--accent:#c66b3d;--danger:#a23b3b;--soft:#eaf3ef;--shadow:0 18px 50px rgba(24,47,43,0.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.topbar{background:var(--panel);border-bottom:1px solid var(--line);gap:20px;justify-content:space-between;padding:14px clamp(16px,5vw,56px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{align-items:center;display:flex}.brand{gap:10px;font-weight:750}.brand-mark{align-items:center;background:transparent;border-radius:50%;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.brand-mark img{display:block;height:100%;object-fit:contain;width:100%}.nav{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.page{margin:0 auto;max-width:1240px;padding:28px clamp(16px,5vw,56px) 56px}.landing-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:calc(100vh - 72px);background:linear-gradient(115deg,rgba(255,252,245,.92),rgba(255,252,245,.66) 32%,rgba(255,252,245,.26) 64%,rgba(255,252,245,.1)),url(/landing-hero.png) 50% /cover no-repeat;overflow:hidden}.landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 16% 50%,rgba(255,252,245,.5) 0,rgba(255,252,245,0) 60%);pointer-events:none;z-index:-1}.landing-inner{width:100%}.auth-grid{align-items:center;display:grid;grid-gap:clamp(24px,4vw,56px);gap:clamp(24px,4vw,56px);grid-template-columns:minmax(0,1.1fr) minmax(320px,460px)}.landing-hero .intro h1{text-shadow:0 2px 18px rgba(255,250,240,.7)}.landing-hero .intro p{color:#2f3431;text-shadow:0 1px 8px rgba(255,250,240,.65)}.landing-hero .intro .badge{background:rgba(234,243,239,.92)}@media (max-width:940px){.landing-hero{background:linear-gradient(180deg,rgba(255,252,245,.9),rgba(255,252,245,.82)),url(/landing-hero.png) 50% /cover no-repeat}}.intro h1{font-size:clamp(40px,7vw,82px);letter-spacing:0;line-height:.96;margin:0 0 18px}.intro p{color:var(--muted);font-size:18px;line-height:1.65;max-width:650px}.intro .eyebrow{color:var(--brand-dark);font-size:14px;font-weight:650;letter-spacing:.04em;margin:0 0 14px;text-transform:uppercase}.intro .eyebrow [lang]{color:var(--accent)}.intro .intro-note{font-size:17px;margin-top:14px}.intro .intro-note [lang]{color:var(--brand-dark);font-style:italic;font-weight:600}.lang-ribbon{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:22px 0 4px;padding:0}.lang-ribbon li{background:var(--soft);border:1px solid var(--line);border-radius:10px;display:grid;grid-gap:2px;gap:2px;padding:8px 14px}.lang-ribbon li [lang]{color:var(--brand-dark);font-size:17px;font-weight:700}.lang-ribbon li small{color:var(--muted);font-size:12px;letter-spacing:.02em}.landing-hero .lang-ribbon li{background:rgba(234,243,239,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.panel{padding:24px}.stack{display:grid;grid-gap:14px;gap:14px}.cluster{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--muted);font-size:13px;font-weight:650}.input,.select,.textarea{background:white;border:1px solid var(--line);border-radius:8px;min-height:42px;padding:10px 12px;width:100%}.textarea{min-height:98px;resize:vertical}.btn{align-items:center;background:white;border:1px solid var(--line);border-radius:8px;color:var(--ink);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:9px 13px}.btn.primary{background:var(--brand);border-color:var(--brand);color:white}.btn.danger{background:var(--danger);border-color:var(--danger);color:white}.btn:disabled{cursor:not-allowed;opacity:.55}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.section-head{align-items:flex-end;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.section-head h1,.section-head h2{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.workspace{display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.tab{background:white;border:1px solid var(--line);border-radius:8px;cursor:pointer;padding:9px 12px;white-space:nowrap}.tab.active{background:var(--soft);border-color:var(--brand);color:var(--brand-dark);font-weight:700}.tree-frame{position:relative;background:linear-gradient(rgba(31,122,104,.08) 1px,transparent 0),linear-gradient(90deg,rgba(31,122,104,.08) 1px,transparent 0),#fbfcf9;background-size:28px 28px;border:1px solid var(--line);border-radius:8px;height:70vh;min-height:480px;overflow:hidden}.tree-frame .react-transform-component,.tree-frame .react-transform-wrapper{width:100%!important;height:100%!important}.tree-controls{position:absolute;top:12px;right:12px;z-index:2;display:flex;gap:6px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:8px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tree-controls .btn{background:transparent;border:none;min-height:32px;padding:6px 8px}.tree-controls .btn:hover{background:var(--soft)}.tree-legend{position:absolute;bottom:12px;left:12px;z-index:2;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:6px;padding:6px 10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tree-empty{align-items:center;display:flex;justify-content:center;height:70vh;min-height:480px;background:#fbfcf9;border:1px dashed var(--line);border-radius:8px}.tree-svg{display:block}.tree-card{background:white;border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.08);cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:10px;font:inherit;text-align:left;height:100%;width:100%;padding:8px 12px}.tree-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.12);transform:translateY(-1px)}.tree-card.living{border-left-color:var(--accent)}.tree-card.deceased{border-left-color:var(--brand)}.tree-card.focus{border-color:var(--brand);outline:2px solid var(--brand);outline-offset:1px}.tree-card.kind-sibling{border-left-color:#94a3b8;background:#f8fafc}.tree-card.kind-spouse{border-left-color:#a855f7}.tree-card.kind-descendant{border-left-color:#10b981;background:#f0fdf4}.tree-card.from-other-space{border-style:dashed dashed dashed solid;border-color:#f59e0b;background:#fffbeb;text-decoration:none}.tree-card.from-other-space:hover{background:#fef3c7}.tree-card-foreign-space-label{font-size:11px;font-style:italic;color:#b45309;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-card-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.tree-card-text strong{font-size:14px;line-height:1.2}.tree-card-text .small,.tree-card-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-card-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#f1f5f9;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:var(--muted)}.tree-card-avatar.placeholder{background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}.person-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#f1f5f9;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:var(--muted)}.person-avatar.placeholder{background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}.focus-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#f1f5f9;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:22px;color:var(--muted)}.focus-avatar.placeholder{background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}.media-card{display:flex;flex-direction:column;gap:6px}.media-thumb{width:100%;height:160px;border-radius:8px;object-fit:cover;background:#f1f5f9}.media-thumb,.tree-canvas{border:1px solid var(--line)}.tree-canvas{background:linear-gradient(rgba(31,122,104,.08) 1px,transparent 0),linear-gradient(90deg,rgba(31,122,104,.08) 1px,transparent 0),#fbfcf9;background-size:28px 28px;border-radius:8px;min-height:620px;overflow:hidden;position:relative}.tree-node{background:white;border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.08);min-height:82px;padding:12px;position:absolute;width:210px}.tree-node.private{border-left-color:var(--accent)}.connector{background:rgba(31,122,104,.35);height:2px;position:absolute;transform-origin:left center}.directory{display:grid;grid-gap:10px;gap:10px}.person-row{align-items:center;border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.badge{background:var(--soft);border-radius:999px;color:var(--brand-dark);display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:4px 10px;line-height:1.2;justify-self:start;align-self:start;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.input-with-icon{align-items:center;background:white;border:1px solid var(--line);border-radius:8px;box-sizing:border-box;display:flex;gap:8px;height:40px;padding:0 12px}.input-with-icon:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(31,122,104,.18)}.input-with-icon>svg{color:var(--muted);flex-shrink:0}.input-with-icon .input{background:transparent;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;flex:1 1;font-size:14px;height:24px;line-height:24px;min-height:0;min-width:0;padding:0;width:100%}.input-with-icon .input:focus{outline:none}.focus-panel-name{margin:0;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.notice{background:#fff8ea;border:1px solid #f0d6a7;border-radius:8px;padding:12px}.dialog-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:64px 16px 16px;z-index:50;overflow-y:auto}.dialog{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.25);padding:20px;width:100%;max-width:560px;max-height:calc(100vh - 96px);overflow-y:auto}.dialog-head{align-items:flex-start}.dialog-head,.link-summary-row{display:flex;justify-content:space-between;gap:12px}.link-summary-row{align-items:center;padding:10px 0;border-top:1px solid var(--line)}.link-summary-row:first-of-type{border-top:none}@media (max-width:940px){.auth-grid,.grid.cols-2,.grid.cols-3,.workspace{grid-template-columns:1fr}.tree-canvas{min-height:520px}.tree-empty,.tree-frame{height:65vh;min-height:420px}}.landing-hero .intro h1{color:#2f2018;text-shadow:0 2px 22px rgba(255,248,236,.72)}.landing-hero .intro p{color:#4d3a2b;text-shadow:0 1px 8px rgba(255,248,236,.62)}.landing-hero .intro .badge{background:rgba(255,246,232,.85);border:1px solid rgba(176,120,66,.32);color:#8a5526;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.landing-hero .panel{background:rgba(255,251,244,.82);border:1px solid rgba(178,132,82,.3);border-radius:16px;box-shadow:0 26px 64px -28px rgba(82,50,22,.46);-webkit-backdrop-filter:blur(12px) saturate(1.06);backdrop-filter:blur(12px) saturate(1.06)}.landing-hero .tab{background:rgba(255,250,242,.55);border:1px solid rgba(178,132,82,.28);color:#6f5238}.landing-hero .tab.active{background:rgba(241,222,196,.95);border-color:#bd6437;color:#8a4a20;font-weight:700}.landing-hero .field label{color:#7c5b3c}.landing-hero .input{background:rgba(255,253,249,.92);border:1px solid rgba(178,132,82,.34);color:#2f2018}.landing-hero .input::placeholder{color:#ab8c6d}.landing-hero .input:focus{outline:none;border-color:#bd6437;box-shadow:0 0 0 3px rgba(189,100,55,.18)}.landing-hero .btn{background:rgba(255,250,242,.72);border-color:rgba(178,132,82,.32);color:#5c4530}.landing-hero .btn.primary{background:linear-gradient(135deg,#c66b3d,#a9532b);border-color:#a9532b;color:#fff;box-shadow:0 12px 26px -12px rgba(169,83,43,.62)}.landing-hero .btn.primary:hover{background:linear-gradient(135deg,#d17646,#b35c32)}.landing-hero .notice{background:rgba(247,227,201,.92);border:1px solid rgba(189,110,58,.42);color:#8a4a20}.shell:has(.landing-hero) .topbar{background:var(--panel);border-bottom-color:var(--line);-webkit-backdrop-filter:none;backdrop-filter:none}.shell:has(.landing-hero) .topbar .btn.primary{background:linear-gradient(135deg,#c66b3d,#a9532b);border-color:#a9532b;color:#fff;box-shadow:0 10px 22px -12px rgba(169,83,43,.6)}.shell:has(.landing-hero) .topbar .btn.primary:hover{background:linear-gradient(135deg,#d17646,#b35c32)}