:root{color-scheme:light;--bg:#efe9df;--bg-grad:linear-gradient(180deg,#f4efe6,#ebe4d8);--surface:#fffdf9;--surface-2:#f6f1e8;--surface-3:#ede6da;--text:#24201b;--muted:#645c52;--border:#d5cab8;--control-bg:#ffffff;--control-border:#b3a691;--control-hover:#f6e9e3;--print-bg:#ffffff;--accent:#8b2e1f;--accent-2:#a8442f;--accent-soft:#f5e3dc;--on-accent:#fff;--male:#2f6db5;--male-bg:#e6effa;--female:#c2457a;--female-bg:#fbe9f0;--unknown:#8a8a8a;--unknown-bg:#eeeeee;--inlaw:#b7791f;--inlaw-re:#2f8f5b;--dead-bg:#ece8e1;--silhouette:rgba(255,255,255,0.9);--link-line:#968b7b;--band:rgba(139,46,31,0.06);--ok:#2d7a3e;--ok-bg:#e5f3e8;--danger:#b3261e;--success:#2f7d4f;--lineage:#e8590c;--danger-bg:#fdecea;--shadow-color:rgba(60,40,20,0.22);--shadow-sm:0 1px 2px rgba(60,40,20,0.08),0 2px 6px rgba(60,40,20,0.06);--shadow-md:0 2px 4px rgba(60,40,20,0.08),0 8px 24px rgba(60,40,20,0.1);--header-grad:linear-gradient(135deg,#7a2618,#9b3a26 60%,#b0573a);--dots:rgba(110,90,70,0.2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#15130f;--bg-grad:linear-gradient(180deg,#1a1712,#12100d);--surface:#221f1a;--surface-2:#2a2620;--surface-3:#332e27;--text:#ece6dc;--muted:#bcb3a6;--border:#4d453a;--control-bg:#2f2a23;--control-border:#6e6456;--control-hover:#40322a;--print-bg:#15130f;--accent:#e0846c;--accent-2:#eb9a83;--accent-soft:#3a2620;--on-accent:#1a1410;--male:#6ea6ea;--male-bg:#1b2735;--female:#ea86b2;--female-bg:#33202a;--unknown:#9a9a9a;--unknown-bg:#2a2a2a;--inlaw:#e0ad5a;--inlaw-re:#62c48f;--dead-bg:#24221f;--silhouette:rgba(255,255,255,0.55);--link-line:#81786b;--band:rgba(255,255,255,0.05);--ok:#7fcf8f;--ok-bg:#1d3323;--danger:#f08a80;--success:#6cc895;--lineage:#ff922b;--danger-bg:#3a1f1c;--shadow-color:rgba(0,0,0,0.55);--shadow-sm:0 1px 2px rgba(0,0,0,0.4),0 2px 6px rgba(0,0,0,0.3);--shadow-md:0 2px 4px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.45);--header-grad:linear-gradient(135deg,#2a1712,#3a1e16 60%,#4a281c);--dots:rgba(255,255,255,0.1)}}:root[data-theme=dark]{color-scheme:dark;--bg:#15130f;--bg-grad:linear-gradient(180deg,#1a1712,#12100d);--surface:#221f1a;--surface-2:#2a2620;--surface-3:#332e27;--text:#ece6dc;--muted:#bcb3a6;--border:#4d453a;--control-bg:#2f2a23;--control-border:#6e6456;--control-hover:#40322a;--print-bg:#15130f;--accent:#e0846c;--accent-2:#eb9a83;--accent-soft:#3a2620;--on-accent:#1a1410;--male:#6ea6ea;--male-bg:#1b2735;--female:#ea86b2;--female-bg:#33202a;--unknown:#9a9a9a;--unknown-bg:#2a2a2a;--inlaw:#e0ad5a;--inlaw-re:#62c48f;--dead-bg:#24221f;--silhouette:rgba(255,255,255,0.55);--link-line:#81786b;--band:rgba(255,255,255,0.05);--ok:#7fcf8f;--ok-bg:#1d3323;--danger:#f08a80;--success:#6cc895;--lineage:#ff922b;--danger-bg:#3a1f1c;--shadow-color:rgba(0,0,0,0.55);--shadow-sm:0 1px 2px rgba(0,0,0,0.4),0 2px 6px rgba(0,0,0,0.3);--shadow-md:0 2px 4px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.45);--header-grad:linear-gradient(135deg,#2a1712,#3a1e16 60%,#4a281c);--dots:rgba(255,255,255,0.1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.45;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.5rem;margin:0 0 12px}h2{font-size:1.1rem;margin:0 0 8px}h3{font-size:.95rem;margin:16px 0 6px}.muted{color:var(--muted)}.error{color:var(--danger);background:var(--danger-bg)}.error,.ok{padding:8px 12px;border-radius:8px}.ok{color:var(--ok);background:var(--ok-bg)}.pre{white-space:pre-wrap;margin:0}.button,button{font:inherit;border:1px solid var(--control-border);background:var(--control-bg);color:var(--text);padding:6px 12px;border-radius:8px;cursor:pointer;display:inline-block;box-shadow:var(--shadow-sm);transition:border-color .15s,background .15s,transform .05s}.button:hover,button:hover{border-color:var(--accent);background:var(--control-hover);text-decoration:none}.button:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:progress}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);padding:7px 18px;font-weight:600}.button.primary:hover,button.primary:hover{background:var(--accent-2)}button.secondary{background:var(--surface-2)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.small{font-size:.85rem;padding:3px 10px}button.link{border:none;background:none;padding:0;color:var(--accent);box-shadow:none}button.link:hover{text-decoration:underline}button.link.danger{color:var(--danger);background:none}input,select,textarea{font:inherit;color:var(--text);padding:6px 8px;border:1px solid var(--control-border);border-radius:7px;background:var(--control-bg);width:100%;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:0;border-color:var(--accent)}input[type=checkbox],input[type=radio],input[type=range]{box-shadow:none;accent-color:var(--accent)}input[type=range]{padding:0}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;flex:1 1;min-width:140px}label.small{flex:0 1 120px;min-width:80px}label.check{flex-direction:row;align-items:center;gap:6px;min-width:0;flex:0 1 auto}label.check input{width:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;height:52px;background:var(--header-grad);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18);position:relative;z-index:30}.topbar a,.topbar button.link{color:#fbeee9}.topbar .brand{font-weight:700;font-size:1.15rem;color:#fff;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);font-size:1rem}.topbar nav{gap:18px}.topbar nav,.undo-bar{display:flex;align-items:center}.undo-bar{gap:4px}.undo-btn{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:3px 10px;font-size:.88rem;cursor:pointer}.undo-btn span[aria-hidden]{font-size:1.05rem;line-height:1}.undo-btn:hover:not(:disabled){background:rgba(255,255,255,.22)}.undo-btn[aria-disabled=true]{opacity:.45}.undo-btn:disabled{cursor:progress}.undo-toast{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:60;max-width:min(560px,calc(100vw - 32px));padding:8px 14px;border-radius:10px;font-size:.9rem;box-shadow:var(--shadow-sm)}.undo-toast.ok{background:var(--ok-bg);color:var(--ok);border:1px solid}.undo-toast.error{background:var(--danger-bg);color:var(--danger);border:1px solid}@media (max-width:760px){.undo-text{display:none}}.topbar form{margin:0}.theme-toggle{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff;padding:3px 10px;font-size:.85rem;box-shadow:none}.theme-toggle:hover{background:rgba(255,255,255,.22);border-color:#fff}.page{padding:20px;max-width:1280px;margin:0 auto}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login form{box-shadow:var(--shadow-md)}.login form,.login-col{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.login-view{display:flex;flex-direction:column;gap:6px;font-size:.95rem}.login h1{color:var(--accent);margin:0}.clan-list{list-style:none;padding:0;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.clan-card{display:flex;flex-direction:column;gap:4px;color:var(--text);border-top:4px solid var(--accent);transition:box-shadow .15s,transform .15s}.clan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);text-decoration:none}.clan-card strong{font-size:1.1rem}.clan-page{display:flex;flex-direction:column;height:calc(100vh - 52px)}.clan-head{display:flex;align-items:center;gap:16px;padding:12px 20px;flex-wrap:wrap;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:6}.clan-title{margin:0;font-size:1.35rem}.clan-place{font-weight:400;color:var(--muted);font-size:1rem}.branch-tabs{display:flex;gap:6px;padding:8px 20px;overflow-x:auto;background:var(--surface-2);border-bottom:1px solid var(--border);box-shadow:0 3px 8px -4px var(--shadow-color);position:relative;z-index:5}.branch-tabs .btab,.branch-tabs>a{white-space:nowrap;border-radius:999px;font-size:.88rem;flex:none;background:var(--surface);border:1px solid var(--border);display:inline-flex;align-items:center}.branch-tabs a{color:var(--text);display:inline-flex;align-items:center;gap:6px}.branch-tabs>a{padding:5px 12px}.branch-tabs a:hover{text-decoration:none}.branch-tabs .btab:hover,.branch-tabs>a:hover{border-color:var(--accent)}.branch-tabs .btab.active,.branch-tabs>a.active{background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-sm)}.branch-tabs .btab.active a,.branch-tabs>a.active{color:var(--on-accent)}.branch-tabs .count{font-size:.75rem;background:var(--surface-3);color:var(--muted);border-radius:999px;padding:0 7px}.branch-tabs .active .count{background:rgba(255,255,255,.25);color:inherit}.branch-tabs a.whole-tab:not(.active){border-style:dashed;border-color:var(--accent);color:var(--accent)}.branch-tabs .btab{padding-left:9px}.branch-tabs .btab input{width:15px;height:15px;margin:0;padding:0;flex:none;cursor:pointer;accent-color:var(--accent)}.branch-tabs .btab.active input{accent-color:var(--on-accent)}.branch-tabs .btab input:disabled{cursor:default;opacity:1}.branch-tabs .btab a{padding:5px 12px 5px 7px}.search{position:relative;flex:1 1;max-width:420px;min-width:220px;margin-left:auto}.search-results{position:absolute;top:100%;left:0;right:0;z-index:40;list-style:none;margin:4px 0 0;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md)}.search-results button{width:100%;text-align:left;border:none;border-radius:6px;box-shadow:none;background:none}.search-results button:hover{background:var(--surface-2)}.search-sub{display:block;font-size:.8rem;color:var(--muted)}.person-picker{position:relative;min-width:180px}.picker-field{display:flex;flex-direction:column;gap:4px;font-size:.9rem;flex:1 1;min-width:0}.person-picker>input{width:100%}.person-picker-list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 2px);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);max-height:320px;overflow:auto;padding:4px;min-width:280px}.person-picker-list button{display:block;width:100%;text-align:left;border:none;background:none;box-shadow:none;border-radius:6px;padding:6px 8px;font-weight:500}.person-picker-list button.active,.person-picker-list button:hover{background:var(--surface-2)}.person-picker-sub{display:block;font-size:.8rem;font-weight:400}.person-picker-empty{padding:6px 8px}.person-picker.inline .person-picker-list{position:static;margin-top:2px;min-width:0}.person-picker-hint{font-size:.8rem;margin-top:3px}.tree-wrap{display:flex;min-height:0}.tree-area,.tree-wrap{flex:1 1;position:relative}.tree-area{min-width:0;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(var(--dots) 1px,transparent 1px);background-size:22px 22px;box-shadow:inset 0 6px 12px -8px var(--shadow-color)}.tree-toolbar{position:absolute;top:12px;left:76px;z-index:8;display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:var(--surface);padding:6px 8px;border-radius:12px;border:1px solid var(--control-border);box-shadow:var(--shadow-md);max-width:calc(100% - 90px)}.tree-toolbar button{padding:4px 10px;box-shadow:none;font-size:.9rem;font-weight:500}.tree-toolbar button[aria-expanded=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.toolbar-title{font-weight:600;padding:0 4px}.toolbar-sep{width:1px;align-self:stretch;background:var(--control-border);margin:0 2px}.legend{position:absolute;bottom:12px;left:76px;z-index:8;display:flex;gap:12px;font-size:.8rem;background:var(--surface);padding:5px 12px;border-radius:10px;border:1px solid var(--control-border);box-shadow:var(--shadow-sm)}.legend .sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;border:2px solid}.legend .sw.male{background:var(--male-bg);border-color:var(--male)}.legend .sw.female{background:var(--female-bg);border-color:var(--female)}.legend .sw.dead{background:var(--dead-bg);border-color:var(--unknown)}.legend .sw.inlaw{background:var(--surface);border-color:var(--inlaw);border-width:2px}.legend .sw.inlaw-re{background:var(--surface);border-color:var(--inlaw-re);border-width:2px}.tree-svg{width:100%;height:100%;display:block;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-svg:active{cursor:-webkit-grabbing;cursor:grabbing}.tree-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.tree-empty{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);padding:16px 20px;display:grid;grid-gap:10px;gap:10px;justify-items:center;text-align:center;max-width:min(420px,calc(100% - 32px))}.tree-empty p{margin:0}.gen-labels{position:absolute;left:0;top:0;bottom:0;width:64px;z-index:7;pointer-events:none;background:linear-gradient(90deg,var(--surface) 0,color-mix(in srgb,var(--surface) 80%,transparent) 75%,transparent 100%);border-right:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.gen-labels span{position:absolute;left:8px;transform:translateY(-50%);font-size:.75rem;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px;white-space:nowrap;box-shadow:var(--shadow-sm)}.band{fill:transparent}.band.odd{fill:var(--band)}.edge{fill:none;stroke:var(--edge-c,var(--link-line));stroke-width:var(--edge-w,1.8px)}.edge.marriage{stroke:var(--marriage-c,var(--accent));stroke-width:calc(var(--edge-w, 1.8px) + .4px)}.edge.lineage{stroke:var(--lineage-c,var(--lineage));stroke-width:calc(var(--edge-w, 1.8px) * 1.5 + 1.2px);stroke-linejoin:round;stroke-linecap:round}.edge.adopted{stroke-dasharray:5 4}.shadow-color{flood-color:var(--shadow-color);flood-opacity:.6}.person{cursor:pointer}.person .card{stroke-width:1.6}.person.male .card{fill:var(--male-bg);stroke:var(--male)}.person.female .card{fill:var(--female-bg);stroke:var(--female)}.person.unknown .card{fill:var(--unknown-bg);stroke:var(--unknown)}.person.dead .card{fill:var(--dead-bg)}.person.inlaw .card{stroke:var(--inlaw);stroke-width:2.2}.person.inlaw.male .card{stroke:var(--inlaw-re)}.person .card-accent{fill:var(--unknown);opacity:.9}.person.male .card-accent{fill:var(--male)}.person.female .card-accent{fill:var(--female)}.person.selected:is(.male,.female,.unknown) .card{stroke:var(--accent);stroke-width:3.5;stroke-dasharray:none}.person:hover .card{filter:brightness(.97)}.person.dragging{opacity:.78;cursor:-webkit-grabbing;cursor:grabbing}.person.dragging .card{stroke:var(--accent);stroke-width:3;stroke-dasharray:6 4}.reorder-mark line{stroke:var(--accent);stroke-width:4;stroke-linecap:round}.reorder-mark circle{fill:var(--accent)}.person text{font-family:inherit}.pname{font-size:13.5px;font-weight:650;fill:var(--text)}.person.inlaw .pname{font-weight:600}.pextra{font-style:italic}.pextra,.pyears{font-size:12px;fill:var(--muted)}.ptitle{font-weight:700;letter-spacing:.02em}.plink,.ptitle{font-size:12px;fill:var(--accent)}.plink{font-weight:650}.pbranch{font-size:12px;font-weight:700;fill:var(--accent);letter-spacing:.01em}.person.outside{cursor:pointer}.person.outside .card{fill:var(--surface-2);stroke:var(--accent);stroke-width:1.5;stroke-dasharray:6 4}.person.outside .card-accent{display:none}.person.outside .pname{opacity:.85}.title-pill{pointer-events:none}.title-pill rect{fill:var(--surface);stroke:var(--accent);stroke-width:1.2}.title-pill text{font-size:11px;font-weight:650}.title-pill text,.title-pill.self rect{fill:var(--accent)}.title-pill.self text{fill:var(--on-accent)}.avatar-bg{fill:color-mix(in srgb,var(--unknown) 14%,var(--surface))}.avatar.male .avatar-bg{fill:color-mix(in srgb,var(--male) 14%,var(--surface))}.avatar.female .avatar-bg{fill:color-mix(in srgb,var(--female) 14%,var(--surface))}.avatar-ring{fill:none;stroke:var(--surface);stroke-width:2.5}.person-icon{fill:var(--unknown);stroke:none}.male .person-icon{fill:var(--male)}.female .person-icon{fill:var(--female)}.person-icon.dead{fill:color-mix(in srgb,var(--unknown) 14%,var(--surface));stroke:var(--unknown);stroke-width:4;stroke-linejoin:round}.male .person-icon.dead{fill:color-mix(in srgb,var(--male) 14%,var(--surface));stroke:var(--male)}.female .person-icon.dead{fill:color-mix(in srgb,var(--female) 14%,var(--surface));stroke:var(--female)}.person-icon.unsure{opacity:.45}.person.bare .hit{fill:transparent}.person.bare.selected .hit{fill:color-mix(in srgb,var(--accent-soft) 70%,transparent);stroke:var(--accent);stroke-width:1.5}.person.bare:hover .hit{fill:color-mix(in srgb,var(--accent-soft) 60%,transparent)}.person.bare .avatar-ring{stroke-width:3;stroke:var(--unknown)}.person.bare.male .avatar-ring{stroke:var(--male)}.person.bare.female .avatar-ring{stroke:var(--female)}.person.bare.inlaw .avatar-ring{stroke:var(--inlaw)}.person.bare.inlaw.male .avatar-ring{stroke:var(--inlaw-re)}.person.bare .avatar-bg{filter:url(#card-shadow)}.edge.divorced{stroke-dasharray:6 4;opacity:.8}.inlaw-tag rect{fill:var(--surface);stroke:var(--inlaw)}.person.male .inlaw-tag rect{stroke:var(--inlaw-re)}.inlaw-tag text{font-size:10.5px;font-weight:700;fill:var(--muted)}.person.female .inlaw-tag text{fill:var(--female)}.person.male .inlaw-tag text{fill:var(--male)}.toggle{cursor:pointer}.toggle circle{fill:var(--control-bg);stroke:var(--control-border);stroke-width:1.5}.toggle:hover circle{stroke:var(--accent)}.toggle text{font-size:13px;fill:var(--text)}.toggle .toggle-count{font-size:11px;fill:var(--muted)}.up-toggle{opacity:0;pointer-events:none;transition:opacity .15s}.person.selected .up-toggle,.person:hover .up-toggle,.up-toggle.on{opacity:1;pointer-events:auto}.up-toggle.on circle{stroke:var(--accent)}.toast{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);z-index:20;padding:8px 16px;border-radius:10px;box-shadow:var(--shadow-md);font-weight:500;max-width:80%}.tree-svg .edge{pointer-events:none}.edge-hit{fill:none;stroke:transparent;pointer-events:stroke;cursor:pointer;stroke-linejoin:round}.edge-hit:hover{stroke:color-mix(in srgb,var(--accent) 30%,transparent)}.edge.link-selected{stroke:var(--danger);stroke-width:5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 6;pointer-events:none}.person.link-from .card{stroke:var(--accent);stroke-width:3.5;stroke-dasharray:8 5}.person.link-from .card-accent{fill:var(--accent)}.tree-editbar{position:absolute;left:50%;bottom:66px;transform:translateX(-50%);z-index:19;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 12px;max-width:min(640px,calc(100% - 32px));font-size:.9rem;box-shadow:var(--shadow-md);border:1px solid var(--accent)}.tree-editbar span{flex:1 1 260px;min-width:0}.tree-editbar.busy{opacity:.75}.tree-toolbar button.mode-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.keys-help{position:absolute;top:62px;left:76px;z-index:9;width:400px;max-width:calc(100% - 90px);max-height:calc(100% - 80px);overflow-y:auto;padding:12px 14px;box-shadow:var(--shadow-md);border:1px solid var(--control-border)}.keys-help dl{display:grid;grid-gap:6px;gap:6px;margin:0}.keys-help dl>div{display:grid;grid-template-columns:150px 1fr;grid-gap:10px;gap:10px;align-items:baseline}.keys-help dt{display:flex;flex-wrap:wrap;gap:4px}.keys-help dd{margin:0;font-size:.9rem}.keys-help kbd{font:600 .8rem ui-monospace,Consolas,monospace;padding:2px 6px;border:solid var(--control-border);border-width:1px 1px 2px;border-radius:5px;background:var(--control-bg);white-space:nowrap}.keys-help .small-note{font-size:.8rem;margin:10px 0 0}.tree-toolbar button.icon-only{font-size:1.05rem;padding:2px 9px}.display-settings{position:absolute;top:62px;left:76px;z-index:9;width:330px;max-width:calc(100% - 90px);padding:12px 14px;box-shadow:var(--shadow-md);border:1px solid var(--control-border)}.ds-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.ds-head h2{margin:0}.ds-styles{display:flex;gap:8px;margin-bottom:10px}.style-pick{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.82rem;padding:8px;box-shadow:none}.style-pick.active{border-color:var(--accent);background:var(--accent-soft);outline:1px solid var(--accent)}.mini{display:grid;grid-gap:3px;gap:3px;width:70px;padding:6px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border)}.mini i{display:block;width:16px;height:16px;border-radius:50%;background:var(--male);opacity:.7}.mini b{display:block;height:4px;border-radius:2px;background:var(--muted);opacity:.6}.mini-h{grid-template-columns:16px 1fr;grid-template-rows:auto auto;align-items:center}.mini-h i{grid-row:1/3}.mini-v{justify-items:center}.mini-v b{width:80%}.ds-fields{display:flex;flex-direction:column;gap:6px}.ds-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.ds-branch-gen label{flex:1 1;min-width:0;font-size:.88rem}.ds-branch-gen input{width:64px;flex:0 0 auto}.gen-range{display:inline-flex;align-items:center;gap:6px;font-size:.88rem}.gen-range input{width:66px}.ds-note{font-size:.85rem;color:var(--muted);margin:0 0 8px}.small-seg button{border:none;border-radius:0;box-shadow:none;padding:4px 12px;font-size:.85rem;background:var(--control-bg);border-right:1px solid var(--control-border)}.small-seg button:hover{background:var(--control-hover)}.small-seg button:last-child{border-right:none}.small-seg button.active{background:var(--accent);color:var(--on-accent)}.panel{width:400px;max-width:100%;border-left:1px solid var(--border);background:var(--surface-2);overflow-y:auto;padding:12px;display:flex;flex-direction:column;box-shadow:-6px 0 16px -8px var(--shadow-color);position:relative;z-index:6}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow-sm);position:relative}.panel-card h3:first-child{margin-top:0}.panel-summary{border-top:4px solid var(--accent)}.panel-head{display:flex;gap:14px;align-items:center;padding-right:20px}.panel-title h2{margin:0;font-size:1.2rem;line-height:1.25}.han-nom{font-size:1.05rem;color:var(--muted)}.info-line{color:var(--muted);font-size:.92rem;margin-top:2px}.chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.chip{font-size:.75rem;padding:1px 8px;border-radius:999px;background:var(--surface-3);color:var(--muted);border:1px solid var(--border)}.chip.male{color:var(--male);border-color:color-mix(in srgb,var(--male) 40%,transparent);background:var(--male-bg)}.chip.female{color:var(--female);border-color:color-mix(in srgb,var(--female) 40%,transparent);background:var(--female-bg)}.chip.alive{color:var(--ok);background:var(--ok-bg)}.chip.inlaw{color:var(--accent);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent);font-weight:600}.panel .close{position:absolute;right:12px;top:10px;font-size:1.1rem;color:var(--muted);z-index:1}.facts{display:grid;grid-template-columns:118px 1fr;grid-gap:4px 10px;gap:4px 10px;margin:12px 0 0;font-size:.92rem}.facts dt{color:var(--muted)}.facts dd{margin:0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.section-head h3{margin:0}.section-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}button.small.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.rel-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.rel-label{display:inline-block;min-width:70px;color:var(--muted);font-size:.88rem}.rel-who{display:inline-flex;flex-direction:column;vertical-align:top;min-width:0}.rel-note{color:var(--muted);font-size:.82rem;line-height:1.35}.av{position:relative;flex:none;border-radius:50%;overflow:hidden;background:var(--surface-3);box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--border),var(--shadow-sm)}.av.male{background:color-mix(in srgb,var(--male) 14%,var(--surface))}.av.female{background:color-mix(in srgb,var(--female) 14%,var(--surface))}.av.unknown{background:color-mix(in srgb,var(--unknown) 14%,var(--surface))}.av.square{border-radius:12%}.av img{position:absolute;max-width:none}.av img.cover{inset:0;width:100%;height:100%;object-fit:cover}.av svg{display:block}.panel-edit{padding:10px}.edit-title{margin:2px 4px 8px!important;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.edit-group{border:1px solid var(--border);border-radius:10px;margin-bottom:6px;background:var(--surface-2);overflow:hidden}.edit-group[open]{background:var(--surface);box-shadow:var(--shadow-sm)}.edit-group summary{cursor:pointer;padding:8px 12px;font-weight:600;font-size:.92rem;list-style:none;display:flex;justify-content:space-between;align-items:center}.edit-group summary::-webkit-details-marker{display:none}.edit-group summary:after{content:"▸";color:var(--muted);transition:transform .15s}.edit-group[open] summary:after{transform:rotate(90deg)}.edit-group[open] summary{border-bottom:1px solid var(--border)}.edit-group.danger summary{color:var(--danger)}.edit-body{padding:10px 12px 12px;gap:10px}.edit-body,.panel-form{display:flex;flex-direction:column}.panel-form{gap:8px}.panel-form label{min-width:0}.panel-form .row{gap:8px;flex-wrap:nowrap}.panel-form .row.checks{flex-wrap:wrap;gap:4px 12px}.panel-form label.small{flex:1 1}.form-buttons{display:flex;gap:12px;align-items:center}.save-state{font-size:.8rem;color:var(--muted);min-height:1em}.save-state.ok{color:var(--success)}.save-state.error{color:var(--danger);font-weight:600}.autosave-hint{font-size:.82rem;margin:-4px 0 8px}.subhead{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.inline-form{flex-direction:row;align-items:center}.inline-form .form-buttons button{font-size:.82rem;padding:2px 8px}.grow{flex:1 1}.spouse-form{border:1px solid var(--border);border-radius:8px;padding:8px}.order-row{display:flex;align-items:center;gap:6px}.order{width:60px;padding:2px 6px}.seg{display:flex;border:1px solid var(--control-border);border-radius:8px;overflow:hidden}.seg label{flex:1 1;flex-direction:row;justify-content:center;padding:6px 4px;cursor:pointer;min-width:0;font-weight:600;font-size:.88rem;background:var(--control-bg);border-right:1px solid var(--control-border)}.seg label:last-child{border-right:none}.seg label.active,.seg label:has(input:checked){background:var(--accent);color:var(--on-accent)}.seg label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-4px}.seg input{position:absolute;opacity:0;pointer-events:none;width:0}.avatar-editor{display:flex;flex-direction:column;gap:10px}.avatar-editor p{margin:0}.focus-picker{position:relative;cursor:crosshair;border-radius:8px;overflow:hidden;border:1px solid var(--border);line-height:0;background:var(--surface-3)}.focus-picker img{width:100%;max-height:320px;object-fit:contain}.focus-mark{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--accent),0 2px 6px rgba(0,0,0,.5);pointer-events:none}.focus-row{display:flex;gap:14px;align-items:center}.focus-row label{flex:1 1}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(20,14,8,.45);display:grid;place-items:start center;padding:8vh 16px 16px;overflow-y:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:560px;box-shadow:0 20px 60px rgba(0,0,0,.35);border-top:4px solid var(--accent)}.kin-form{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:8px;gap:8px;align-items:start}.kin-form .primary{grid-column:1/-1;justify-self:start}.kin-form .swap{padding:6px 10px;margin-top:25px}.kin-result{margin-top:14px;display:flex;flex-direction:column;gap:10px}.kin-dir{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.kin-dir strong{color:var(--accent)}.kin-call{margin-top:2px;color:var(--muted)}.kin-call strong{font-size:1.05rem}.kin-path{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:.88rem}.kin-step{background:var(--surface-3);border-radius:6px;padding:1px 8px}.kin-step+.kin-step:before{content:"→ ";color:var(--muted)}.kin-result p{margin:0}.small-print{font-size:.8rem}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-gap:20px;gap:20px;align-items:start}.side{gap:16px}.person-form,.side{display:flex;flex-direction:column}.person-form{gap:14px}.person-form fieldset{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px 16px 16px;margin:0;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.person-form legend{font-weight:600;padding:0 6px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.form-actions{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);padding:10px 0}.form-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.actions{display:flex;flex-direction:column;gap:4px;margin:10px 0 0}form.inline{display:inline;margin-left:8px}.hidden-remove{display:block;margin:4px 0 0;font-size:.85rem}.rel-edit{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--border)}.rel-edit select{width:auto}.stack{display:flex;flex-direction:column;gap:10px}.danger-zone{border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.list-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.list-head h1,.list-head h2{margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.filters input{max-width:260px}.filters select{width:auto}table.people{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border)}table.people td,table.people th{text-align:left;padding:7px 10px;border-bottom:1px solid var(--border);font-size:.92rem}table.people th{background:var(--surface-3);position:-webkit-sticky;position:sticky;top:0}table.people tr:hover td{background:var(--surface-2)}table.people select{width:auto;padding:2px 4px}.tag{font-size:.75rem;background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:1px 6px;margin-left:6px;font-weight:600}.settings{margin:0 0 14px}.settings summary{cursor:pointer;font-weight:600}.settings form{margin-top:10px}.branch-row{padding-top:6px}.clan-admin{margin-bottom:16px;border-top:4px solid var(--accent)}.clan-admin h3{margin-top:20px}.clan-save{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 0;margin-top:4px;background:var(--surface);border-top:1px solid var(--border)}.clan-save .save-state{font-size:.9rem}.save-state.dirty{color:var(--accent);font-weight:600}.branch-rows{display:flex;flex-direction:column;gap:6px}.branch-gen{flex:0 1 110px;min-width:96px}.branch-gen.auto{display:flex;flex-direction:column;gap:2px;font-size:.9rem;align-self:flex-end;padding-bottom:2px}.branch-gen.auto b{font-size:1.05rem;color:var(--accent)}.branch-gen.auto small{color:var(--muted);font-size:.78rem;line-height:1.2}.branch-rows .branch-row{padding:6px 8px 8px 4px;border-radius:10px;border:1px solid transparent}.branch-rows .branch-row.dragging{background:var(--accent-soft);border-color:var(--accent);box-shadow:var(--shadow-sm)}.branch-rows.sorting,.branch-rows.sorting *{cursor:-webkit-grabbing!important;cursor:grabbing!important}.branch-rows.sorting,.branch-rows.sorting *,.drag-handle{-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-handle{display:flex;align-items:center;gap:6px;align-self:flex-end;min-height:38px;padding:4px 10px;border:1px dashed var(--control-border);border-radius:8px;background:var(--control-bg);color:var(--muted);cursor:-webkit-grab;cursor:grab;touch-action:none;font-size:1.1rem}.drag-handle b{min-width:1.6em;text-align:right;color:var(--text);font-size:.95rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.drag-handle:focus-visible,.drag-handle:hover{border-style:solid;border-color:var(--accent);color:var(--accent)}.wide-select{flex:0 1 200px}@media (max-width:900px){.admin-grid{grid-template-columns:1fr}.panel{position:absolute;right:0;top:0;bottom:0;z-index:12;width:min(400px,100%);box-shadow:-6px 0 24px var(--shadow-color)}.topbar{padding:0 12px}.topbar nav{gap:10px;font-size:.9rem}.page{padding:16px}.branch-tabs,.clan-head{padding-left:16px;padding-right:16px}.display-settings,.legend,.tree-toolbar{left:52px}.gen-labels{width:44px}.gen-labels span{left:4px;padding:2px 5px;font-size:.68rem}.kin-form{grid-template-columns:1fr}.kin-form .swap{justify-self:start;margin-top:0}}@media (max-width:560px){.topbar nav a,.topbar nav button{white-space:nowrap;font-size:.82rem}.topbar .brand{font-size:0;gap:0}.topbar .brand .brand-mark{font-size:1rem}.clan-title{font-size:1.1rem}}table.people td.av-col,table.people th.av-col{width:52px;padding-right:0}table.people td.av-col .av{box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--border)}.list-actions{display:flex;gap:8px;flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.export-dialog .ds-section{display:flex;flex-direction:column;gap:8px;padding-top:4px}.export-dialog .ds-section+.ds-section{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.export-dialog .ds-label{font-weight:600;font-size:.9rem}.export-dialog .ds-row{margin-bottom:0}.export-dialog{width:360px}.export-dialog .small-note,.panel .small-note,.relations-editor .small-note,.small-note{font-size:.8rem;margin:0}.export-links{display:flex;gap:8px;flex-wrap:wrap}@media screen{.print-root{display:none}}@media print{body>:not(.print-root){display:none!important}body,html{background:var(--print-bg)!important}.print-root,body,html{-webkit-print-color-adjust:exact;print-color-adjust:exact}.print-root{display:block;color:var(--text)}.print-page{page-break-after:always;break-after:page;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;padding:10mm;background:var(--print-bg)}.print-page:last-child{page-break-after:auto;break-after:auto}.print-page header{height:9mm;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11pt;border-bottom:1px solid var(--border);margin-bottom:1mm}.print-page header strong{color:var(--accent)}.print-page header span{font-size:9pt;color:var(--muted);white-space:nowrap}.print-root .person.bare .avatar-bg{filter:none}.print-gen{font-size:13px;font-weight:700;fill:var(--accent)}}.display-settings{max-height:calc(100% - 80px);overflow-y:auto;width:360px}.ds-lines{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 0;margin-bottom:10px}.ds-lines .ds-row{margin-bottom:0}.ds-lines input[type=range]{width:130px}.ds-sub{font-weight:600;font-size:.9rem}.color-picks{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.swatch{flex:none;width:20px;height:20px;min-width:0;border-radius:50%;border:2px solid var(--surface);padding:0;box-shadow:0 0 0 1px var(--border);cursor:pointer;position:relative;overflow:hidden}.swatch.active{box-shadow:0 0 0 2px var(--accent)}.swatch.auto{background:linear-gradient(135deg,var(--link-line) 50%,var(--surface-3) 50%)}.swatch.custom{background:conic-gradient(#e03131,#f08c00,#2f9e44,#1c7ed6,#9c36b5,#e03131)}.swatch.custom input{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);opacity:0;cursor:pointer;padding:0;border:0}.alt-date{display:block;font-size:.82rem;color:var(--muted)}.seg-cal{max-width:260px;margin:4px 0 6px}.date-hint{font-size:.84rem;color:var(--muted);display:grid;grid-gap:2px;gap:2px;margin:2px 0 6px}.date-hint:empty{display:none}.date-hint .gio-line{color:var(--text);font-weight:600}.tree-popup{z-index:13}.tree-area.no-gen .display-settings,.tree-area.no-gen .legend,.tree-area.no-gen .tree-toolbar{left:12px;max-width:calc(100% - 24px)}.ds-gen{margin-bottom:10px}.kinship-pop{width:400px}.kinship-pop .kin-form{grid-template-columns:1fr}.kinship-pop .kin-form .swap{justify-self:start;margin-top:0}.export-title{display:flex;flex-direction:column;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:.88rem}.export-title strong{font-weight:600}.export-grid{display:grid;grid-template-columns:1fr auto auto;grid-gap:6px 8px;gap:6px 8px;align-items:center}.export-grid .button{text-align:center;padding:4px 12px;font-size:.88rem}.navigator{position:absolute;right:12px;bottom:12px;z-index:8;width:280px;max-width:calc(100% - 24px);background:var(--surface);border:1px solid var(--control-border);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden}.navigator.closed{width:auto}.minimap{display:block;width:100%;height:160px;background:var(--bg);border-bottom:1px solid var(--border);cursor:crosshair;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.minimap .edge{stroke:var(--link-line);stroke-width:1px;vector-effect:non-scaling-stroke}.minimap .edge.lineage,.minimap .edge.marriage{stroke:var(--link-line)}.mm-box{stroke:none}.mm-box.male{fill:var(--male)}.mm-box.female{fill:var(--female)}.mm-box.unknown{fill:var(--unknown)}.mm-sel{fill:var(--accent)}.mm-sel,.mm-view{stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.mm-view{fill:color-mix(in srgb,var(--accent) 10%,transparent);cursor:move}.nav-bar{display:flex;align-items:center;gap:4px;padding:6px 8px}.nav-bar input[type=range]{flex:1 1;min-width:60px;width:auto}.navigator.closed .nav-bar input[type=range]{width:110px;flex:none}.nav-bar button.icon{padding:0;width:28px;height:28px;display:inline-grid;place-items:center;box-shadow:none;font-size:1.1rem;line-height:1;flex:none}.nav-bar button.icon svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.nav-bar button.icon svg .fill{fill:currentColor;stroke:none}.nav-bar button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.zoom-pct{font-size:.78rem;color:var(--muted);min-width:38px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:900px){.navigator{width:230px}.minimap{height:120px}}@media (max-width:600px){.navigator{width:210px;bottom:56px}.minimap{height:100px}.zoom-pct{display:none}.tree-area .legend{left:12px;right:12px;bottom:12px;flex-wrap:wrap;gap:2px 10px;justify-content:center}}.panel{overflow:hidden;padding:12px 0 0;gap:12px}.panel>.panel-summary{flex:none;max-height:50%;overflow-y:auto;margin:0 12px}.panel-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:0 12px 12px;display:flex;flex-direction:column;gap:12px}button.with-icon{display:inline-flex;align-items:center;gap:5px}button.with-icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}.tree-toolbar button.mode-chip{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--accent);font-weight:600}