:root{--c-bark:#7a5c3a;--c-bark-light:#b08860;--c-soil:#f5ede0;--c-soil-card:#fffdf8;--c-leaf:#7ab648;--c-leaf-dark:#5a8f32;--c-leaf-pale:#e8f5d8;--c-text:#3b2a1a;--c-muted:#9b8370;--c-border:#d9c9b5;--c-danger:#c0392b;--c-danger-bg:#fdecea;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--c-soil);color:var(--c-text);margin:0}@media (width<=768px){input,select,textarea{font-size:16px}}input,select,textarea{border:1px solid var(--c-border);width:100%;color:var(--c-text);background:#fff;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:.95rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--c-bark-light);box-shadow:0 0 0 2px #b088602e}input:disabled{color:var(--c-muted);background:#f0ece6}button{cursor:pointer;font-family:inherit}.person-row:focus-visible{outline-offset:-2px;outline:2px solid #2471a3}.tree-node{outline:none}.tree-node:focus-visible .tree-node-frame{stroke:#2471a3;stroke-width:3px;stroke-dasharray:4 2}.tree-display-toolbar{color:var(--c-muted);background:var(--c-soil-card);border-bottom:1px solid #e8ddd0;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;font-size:.8rem;display:flex}.tree-display-hint{flex-basis:100%}.tree-node-style{align-items:center;gap:4px;display:flex}.tree-plane-toggle{color:var(--c-bark);white-space:nowrap;cursor:pointer;align-items:center;gap:4px;display:flex}.tree-plane-toggle input{margin:0}.tree-node-style>span{color:var(--c-bark);margin-right:4px}.tree-node-style button{border:1px solid var(--c-border);color:var(--c-leaf-dark);white-space:nowrap;background:#fff;border-radius:6px;padding:3px 10px;font-size:.78rem}.tree-node-style button[aria-pressed=true]{background:var(--c-leaf-dark);color:#fff}.tree-node-style button:focus-visible{outline-offset:2px;outline:2px solid #2471a3}.tree-with-toolbar{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.tree-selection-bar{background:var(--c-soil-card);border-bottom:1px solid var(--c-border);color:var(--c-text);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px 16px;padding:10px 16px;font-size:.82rem;display:flex}.tree-selection-heading,.tree-selection-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tree-selection-heading{overflow-wrap:anywhere;flex:auto}.tree-degree-label,.tree-spouse-label{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.tree-degree-label select{width:auto;font-size:inherit;padding:5px 8px}.tree-spouse-label input{width:16px;height:16px;accent-color:var(--c-leaf-dark);margin:0}.tree-selection-note{color:var(--c-muted);flex-basis:100%;line-height:1.5}.tree-selection-bar button:disabled{opacity:.5;cursor:default}@media (width<=768px){.tree-selection-bar{gap:8px;padding:8px 10px}.tree-selection-heading{flex-basis:100%;justify-content:space-between}.tree-selection-controls{gap:8px}.tree-degree-label select{font-size:16px}}.tree-mode-help{align-items:center;display:inline-flex;position:relative}.tree-mode-help-button{border:1px solid var(--c-border);width:28px;height:28px;color:var(--c-bark);background:var(--c-soil-card);border-radius:50%;padding:0;font-size:.85rem;font-weight:700}.tree-mode-help-button:focus-visible{outline-offset:2px;outline:2px solid #2471a3}.tree-mode-help-tooltip{z-index:30;border:1px solid var(--c-border);background:var(--c-soil-card);width:min(320px,100vw - 32px);color:var(--c-text);white-space:normal;border-radius:8px;padding:12px;font-size:.8rem;line-height:1.7;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #3b2a1a26}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}.tree-print-button{color:#7a5c3a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d9c9b5;border-radius:6px;margin-left:auto;padding:3px 12px;font-size:.78rem}.tree-print-button:focus-visible{outline-offset:2px;outline:2px dashed #4a90d9}.print-dialog-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.print-dialog{background:#fffdf8;border:1px solid #d9c9b5;border-radius:14px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:1.5rem 1.75rem;overflow:auto;box-shadow:0 8px 40px #0000002e}.print-dialog-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.print-dialog-head h3{color:#7a5c3a;margin:0;font-size:1.1rem}.print-dialog-close{color:#888;cursor:pointer;background:0 0;border:none;font-size:1.4rem}.print-dialog-options{flex-wrap:wrap;gap:.75rem 2rem;margin-bottom:1rem;display:flex}.print-dialog-options fieldset{border:none;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:0;padding:0;display:flex}.print-dialog-options legend{float:left;color:#7a5c3a;margin-right:10px;font-size:.9rem;font-weight:600}.print-dialog-options label{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;font-size:.88rem;display:inline-flex}.print-dialog-options input[type=radio]{width:auto;margin:0}.print-preview{background:#e9e4dc;border:1px solid #d9c9b5;overflow:hidden;box-shadow:inset 0 0 0 1px #fff}.print-legibility{max-width:640px;margin:.75rem 0 0;font-size:.82rem}.print-legibility.small{color:#a0640c}.print-legibility.tooSmall{color:#c0392b;font-weight:600}.print-dialog-note{color:#9b8370;margin:.5rem 0 0;font-size:.78rem}.print-dialog-actions{justify-content:flex-end;gap:8px;margin-top:1rem;display:flex}.print-dialog-actions button{color:#7a5c3a;cursor:pointer;background:#fff;border:1px solid #d9c9b5;border-radius:8px;padding:7px 18px;font-size:.9rem}.print-dialog-actions button.primary{color:#fff;background:#7a5c3a;border-color:#7a5c3a;font-weight:600}.print-dialog-actions button:disabled{opacity:.6;cursor:default}.print-sheet{box-sizing:border-box;color:#2c2a26;background:#fff;flex-direction:column;display:flex;overflow:hidden}.print-sheet-header{box-sizing:border-box;border-bottom:.3mm solid #7a5c3a;justify-content:space-between;align-items:flex-start;display:flex}.print-sheet-header h1{color:#7a5c3a;margin:0;font-size:5mm;line-height:1.2}.print-sheet-header p{margin:1mm 0 0;font-size:3.2mm;line-height:1.2}.print-sheet-tree{flex:none}.print-sheet-tree svg{display:block}.print-root{display:none}@media print{#root{display:none!important}.print-root{-webkit-print-color-adjust:exact;print-color-adjust:exact;display:block!important}.print-root .print-sheet{break-after:avoid;page-break-after:avoid}html,body{background:#fff!important;margin:0!important;padding:0!important}}.tree3d-exit-fullscreen{z-index:6;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));color:#7a5c3a;cursor:pointer;background:#fffffff2;border:1px solid #d9c9b5;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;position:absolute;box-shadow:0 2px 6px #0000001f}.tree-selection-actions{z-index:6;position:absolute}.person-actions{background:var(--c-soil-card);border:1px solid var(--c-border);border-radius:10px;flex-direction:column;gap:6px;width:250px;padding:8px;display:flex;box-shadow:0 6px 22px #3d2f1f2e}.person-actions-head{color:var(--c-bark);justify-content:space-between;align-items:center;gap:6px;padding:0 2px 0 4px;font-size:.8rem;display:flex}.person-actions-head span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.person-actions-close{color:var(--c-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1.1rem;line-height:1}.person-actions-row{gap:6px;display:flex}.person-actions-row button{border:1px solid var(--c-border);color:var(--c-bark);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;flex:1;padding:7px 8px;font-size:.85rem}.person-actions-row button.primary{background:var(--c-leaf-dark);border-color:var(--c-leaf-dark);color:#fff;font-weight:700}.person-actions-menu{flex-direction:column;gap:6px;display:flex}.person-actions-rel{text-align:left;border:1px solid var(--c-border);cursor:pointer;color:var(--c-text);background:#fff;border-radius:8px;grid-template-columns:44px 1fr;align-items:center;gap:10px;padding:6px 8px;display:grid}.person-actions-rel:hover:not(:disabled){border-color:var(--c-leaf-dark);background:var(--c-leaf-pale)}.person-actions-rel:disabled{opacity:.45;cursor:default}.person-actions-rel b{font-size:.88rem;display:block}.person-actions-rel small{color:var(--c-muted);font-size:.74rem;line-height:1.4;display:block}.person-actions-back{color:var(--c-bark);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 4px;font-size:.82rem;text-decoration:underline}.relation-picto rect{fill:#fff;stroke:#4a90d9;stroke-width:1.4px}.relation-picto rect.self{fill:#fff3e6;stroke:#d35400}.relation-picto rect.add{fill:var(--c-leaf-pale);stroke:var(--c-leaf-dark);stroke-dasharray:2 1.5}.relation-picto path,.relation-picto circle{stroke:#999;stroke-width:1.2px;fill:none}.family-overlay{z-index:210;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.family-overlay.sheet{align-items:flex-end;padding:0}.family-dialog{background:var(--c-soil-card);border:1px solid var(--c-border);border-radius:14px;flex-direction:column;gap:12px;width:min(460px,100%);max-height:calc(100dvh - 32px);padding:1.25rem 1.5rem;display:flex;overflow:auto;box-shadow:0 8px 40px #0000002e}.family-overlay.sheet .family-dialog{width:100%;max-height:90dvh;padding:1.1rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));border-bottom:none;border-radius:16px 16px 0 0}.family-dialog h3{color:var(--c-bark);margin:0;font-size:1.05rem}.family-tabs{border-bottom:1px solid var(--c-border);display:flex}.family-tabs button{color:var(--c-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 12px;font-size:.86rem}.family-tabs button[aria-selected=true]{color:var(--c-text);border-bottom-color:var(--c-leaf-dark);font-weight:700}.family-tabs button:disabled{opacity:.45;cursor:default}.family-form{flex-direction:column;gap:10px;display:flex}.family-fields{flex-direction:column;gap:8px;display:flex}.family-grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.family-form label{color:var(--c-bark);flex-direction:column;gap:3px;min-width:0;font-size:.8rem;display:flex}.family-radios{flex-wrap:wrap;gap:4px 16px;display:flex}.family-radios.column{flex-direction:column}.family-form .family-radios label,.family-form label.family-check{color:var(--c-text);cursor:pointer;flex-direction:row;align-items:center;gap:6px;font-size:.88rem}.family-form input[type=radio],.family-form input[type=checkbox]{width:auto;margin:0}.family-block{border:1px solid var(--c-border);border-radius:8px;min-width:0;margin:0;padding:8px 10px 10px}.family-block legend{color:var(--c-bark);padding:0 4px;font-size:.86rem;font-weight:700}.family-hint{color:var(--c-muted);margin:0;font-size:.78rem;line-height:1.5}.family-error{color:var(--c-danger);background:var(--c-danger-bg);border-radius:6px;margin:0;padding:6px 10px;font-size:.84rem}.family-actions{justify-content:flex-end;gap:8px;display:flex}.family-actions button{border:1px solid var(--c-border);color:var(--c-bark);cursor:pointer;background:#fff;border-radius:8px;padding:8px 16px;font-size:.92rem}.family-actions button.primary{background:linear-gradient(135deg, var(--c-leaf), var(--c-leaf-dark));border-color:var(--c-leaf-dark);color:#fff;font-weight:700}.family-actions button:disabled{opacity:.6;cursor:default}.app-menu-backdrop{z-index:150;position:fixed;inset:0}.app-menu{z-index:160;background:var(--c-soil-card);width:280px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 70px);color:var(--c-text);border:1px solid var(--c-border);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 4px);right:8px;overflow:auto;box-shadow:0 8px 24px #0000002e}.app-menu-section{letter-spacing:.08em;color:var(--c-muted);border-top:1px solid #ede4d8;margin-top:4px;padding:10px 10px 4px;font-size:.7rem}.app-menu-section:first-child{border-top:none;margin-top:0;padding-top:6px}.app-menu-item{text-align:left;width:100%;color:var(--c-text);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;padding:9px 10px;font-size:.92rem;display:flex}.app-menu-item:hover,.app-menu-item:focus-visible{background:#fff3e6;outline:none}.app-menu-item small{color:var(--c-muted);font-size:.74rem}.app-menu-item.tour{color:var(--c-leaf-dark);font-weight:700}.app-menu-item.tour small{font-weight:400}.app-menu-item.danger{color:var(--c-danger)}.app-menu-item:disabled{opacity:.5;cursor:default}.app-menu-row{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:.9rem;display:flex}.app-menu-row input{width:auto;margin:0}.app-menu-user{color:var(--c-muted);padding:4px 10px 2px;font-size:.82rem}.app-menu-help{color:var(--c-bark);padding:4px 10px 8px;font-size:.8rem;line-height:1.6}.tree-empty{background:#fafafa;flex:1;padding:16px;overflow:auto}.tree-empty-card{border:1px solid var(--c-border);background:#fff;border-radius:12px;flex-direction:column;gap:16px;max-width:520px;margin:32px auto;padding:22px 24px;display:flex}.tree-empty-card h2{color:var(--c-text);margin:0;font-size:1.12rem}.tree-empty-steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.tree-empty-steps li{grid-template-columns:28px 1fr;align-items:start;gap:10px;display:grid}.tree-empty-steps .n{background:var(--c-leaf-pale);width:26px;height:26px;color:var(--c-leaf-dark);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.tree-empty-steps li.later .n{color:var(--c-muted);background:#ede4d8}.tree-empty-steps b{font-size:.92rem;display:block}.tree-empty-steps p{color:var(--c-muted);margin:2px 0 0;font-size:.84rem;line-height:1.6}.tree-empty-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.btn-leaf{background:linear-gradient(135deg, var(--c-leaf), var(--c-leaf-dark));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 18px;font-size:.92rem;font-weight:700}.btn-plain{border:1px solid var(--c-border);color:var(--c-bark);cursor:pointer;background:#fff;border-radius:8px;padding:8px 14px;font-size:.9rem}.btn-link{color:var(--c-bark);cursor:pointer;background:0 0;border:none;padding:0;font-size:.86rem;text-decoration:underline}.tree-area{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.tree-welcome{z-index:30;border:1px solid var(--c-border);background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:min(350px,100% - 28px);max-height:calc(100% - 24px);padding:16px 18px;display:flex;position:absolute;top:12px;right:14px;overflow:auto;box-shadow:0 8px 28px #3d2f1f33}.tree-welcome h2{margin:0;font-size:1.02rem}.tree-welcome .lead{color:var(--c-bark);margin:0;font-size:.84rem;line-height:1.6}.tree-welcome-tips{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tree-welcome-tips li{grid-template-columns:30px 1fr;align-items:start;gap:10px;display:grid}.tree-welcome-tips .ic{background:var(--c-leaf-pale);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.tree-welcome-tips .ic svg{stroke:var(--c-leaf-dark);fill:none;stroke-width:2px;stroke-linecap:round}.tree-welcome-tips b{font-size:.86rem;display:block}.tree-welcome-tips p{color:var(--c-muted);margin:1px 0 0;font-size:.8rem;line-height:1.55}.tree-welcome-actions{flex-wrap:wrap;gap:8px;display:flex}.tree-welcome .note{color:var(--c-muted);margin:0;font-size:.74rem}@media (width<=768px){.tree-welcome{width:auto;top:8px;left:8px;right:8px}}.tree-coach{z-index:25;background:var(--c-bark);color:#fff;border-radius:10px;align-items:flex-start;gap:10px;width:min(420px,100% - 24px);padding:10px 14px;font-size:.86rem;line-height:1.6;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0003}.tree-coach p{flex:1;margin:0}.tree-coach button{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:2px 0;font-size:.8rem;text-decoration:underline}.app-toast{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:300;color:#fff;background:#3b2a1a;border-radius:8px;max-width:calc(100vw - 32px);padding:9px 16px;font-size:.88rem;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.tour-layer{z-index:400;pointer-events:none;position:fixed;inset:0}.tour-dim{position:absolute;inset:0;overflow:hidden}.tour-dim.full{background:#140e088c}.tour-hole{outline:2px solid var(--c-leaf);outline-offset:2px;border-radius:10px;transition:left .25s,top .25s,width .25s,height .25s;position:absolute;box-shadow:0 0 0 9999px #140e088c}.tour-hole.wait{animation:1.4s ease-in-out infinite tour-ring}@keyframes tour-ring{50%{outline-offset:7px}}@media (prefers-reduced-motion:reduce){.tour-hole{transition:none}.tour-hole.wait{animation:none}}.tour-bubble{pointer-events:auto;width:min(330px,100vw - 24px);color:var(--c-text);background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px 12px;display:flex;position:absolute;box-shadow:0 8px 30px #0000004d}.tour-bubble h3{margin:0;font-size:1rem}.tour-bubble p{margin:0;font-size:.88rem;line-height:1.65}.tour-bubble .try{color:var(--c-leaf-dark);font-size:.84rem;font-weight:700}.tour-top{align-items:center;gap:8px;display:flex}.tour-dots{gap:4px;display:flex}.tour-dots i{background:#e6d9c6;border-radius:50%;width:6px;height:6px}.tour-dots i.on{background:var(--c-leaf-dark)}.tour-count{color:var(--c-muted);font-variant-numeric:tabular-nums;font-size:.74rem}.tour-actions{align-items:center;gap:8px;display:flex}.tour-actions .spacer{flex:1}.tour-actions button{border:1px solid var(--c-border);color:var(--c-bark);cursor:pointer;background:#fff;border-radius:8px;padding:6px 14px;font-size:.88rem}.tour-actions button.primary{background:var(--c-leaf-dark);border-color:var(--c-leaf-dark);color:#fff;font-weight:700}.tour-actions button.skip{background:0 0;border:none;padding:6px 0;text-decoration:underline}.detail-add-family{background:var(--c-leaf-pale);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:12px;padding:10px 12px;display:flex}.detail-add-family>span{color:var(--c-leaf-dark);font-size:.9rem;font-weight:700}.detail-add-family>div{flex-wrap:wrap;gap:6px;display:flex}.detail-add-family button{border:1px solid var(--c-leaf-dark);color:var(--c-leaf-dark);cursor:pointer;background:#fff;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600}.detail-add-family button:hover{background:var(--c-leaf-dark);color:#fff}.family-same-name{background:#fff8e6;border:1px solid #e0b25b;border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.family-same-name p{color:var(--c-text);margin:0;font-size:.86rem;line-height:1.65}.availability-page{background:linear-gradient(150deg,#f5ede0,#e8f5d8);place-items:center;min-height:100dvh;padding:24px;display:grid}.availability-card{color:#3b2a1a;background:#fffdf8;border:1px solid #d9c9b5;border-radius:18px;width:100%;max-width:540px;padding:clamp(24px,5vw,40px);box-shadow:0 8px 32px #7a5c3a18}.availability-brand{color:#7a5c3a;letter-spacing:.12em;margin:0;font-size:1.7rem;font-weight:700}.availability-tagline{color:#795f48;margin-top:6px;margin-bottom:32px}.availability-card h1{font-size:1.35rem;line-height:1.5}.availability-card p{overflow-wrap:anywhere;line-height:1.8}.availability-start,.availability-refresh{cursor:pointer;border-radius:8px;width:100%;margin-top:12px;padding:12px}.availability-start{color:#fff;background:#5a8f32;border:1px solid #5a8f32;font-weight:600}.availability-refresh{color:#7a5c3a;background:#fffdf8;border:1px solid #b08860}.availability-card button:disabled{opacity:.6;cursor:wait}.availability-card button:focus-visible{outline-offset:3px;outline:3px solid #b08860}.availability-note{color:#795f48;font-size:.85rem}.availability-error{color:#922b21;background:#fdecea;border-radius:8px;padding:12px}.password-page{background:linear-gradient(160deg,#f5ede0,#e8f5d8);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.password-card{box-sizing:border-box;color:#7a5c3a;background:#fffdf8;border:1px solid #d9c9b5;border-radius:16px;width:100%;max-width:480px;padding:clamp(20px,5vw,36px);box-shadow:0 4px 24px #7a5c3a18}.password-brand{letter-spacing:.1em;font-size:1.4rem;font-weight:700}.password-card h1{font-size:1.35rem}.password-card p{overflow-wrap:anywhere;line-height:1.7}.password-card fieldset{border:0;gap:10px;min-width:0;margin:20px 0;padding:0;display:grid}.password-card label{font-weight:600}.password-card input{box-sizing:border-box;width:100%;min-width:0;margin-bottom:8px;font-size:16px}.password-card button{color:#fff;cursor:pointer;background:#5a8f32;border:0;border-radius:8px;padding:12px;font-size:1rem;font-weight:600}.password-card button:disabled{opacity:.6;cursor:wait}.password-card a{color:#567f32}.password-error{color:#a12c24;background:#fdecea;border-radius:6px;padding:10px}