.f3{--female-color: var(--tree-female, rgb(196, 138, 146));--male-color: var(--tree-male, rgb(120, 159, 172));--genderless-color: var(--tree-genderless, lightgray);--background-color: var(--tree-bg, rgb(33, 33, 33));--text-color: var(--tree-card-text, #fff);--panel-header-bg: var(--tree-panel-header-bg, var(--accent, #5b62f4));--panel-header-text: var(--tree-panel-header-text, #ffffff);--panel-bg: var(--tree-panel-bg, var(--bg-surface, var(--background-color)));--panel-field-bg: var(--tree-panel-field-bg, var(--bg-inset, rgba(255, 255, 255, .04)));--panel-field-border: var(--tree-panel-field-border, var(--border-default, rgba(255, 255, 255, .14)));--panel-label-color: var(--tree-panel-label-color, var(--text-secondary, rgba(255, 255, 255, .6)));--panel-accent: var(--tree-panel-accent, var(--accent, #5b62f4));--panel-accent-soft: var(--tree-panel-accent-soft, var(--accent-soft, rgba(91, 98, 244, .14)));font-family:Roboto,sans-serif}.f3 *{box-sizing:border-box}.f3 .cursor-pointer{cursor:pointer}.f3 svg.main_svg{width:100%;height:100%}.f3 svg.main_svg text{fill:currentColor}.f3 rect.card-female,.f3 .card-female .card-body-rect,.f3 .card-female .text-overflow-mask{fill:var(--female-color)}.f3 rect.card-male,.f3 .card-male .card-body-rect,.f3 .card-male .text-overflow-mask{fill:var(--male-color)}.f3 .card-genderless .card-body-rect,.f3 .card-genderless .text-overflow-mask{fill:var(--genderless-color)}.f3 .card_add .card-body-rect{fill:var(--tree-add-btn-bg, #3b5560);stroke-width:4px;stroke:var(--tree-node-stroke, #fff);cursor:pointer}.f3 g.card_add text{fill:var(--tree-node-stroke, #fff)}.f3 .card-main-outline{stroke:currentColor;stroke-width:3px}.f3 .fit_screen_icon,.f3 .card_family_tree{color:var(--tree-action-icon-color, #fff)}.f3 .card_family_tree rect{transition:.3s}.f3 .card_family_tree:hover rect{transform:scale(1.1)}.f3 .card_add_relative{cursor:pointer;color:var(--tree-action-icon-color, #fff)!important;transition:.3s}.f3 .card_add_relative circle{fill:#0000}.f3 .card_add_relative:hover{color:var(--accent, black)}.f3 .card_edit.pencil_icon{color:var(--tree-action-icon-color, #fff)!important;transition:.3s}.f3 .card_edit.pencil_icon:hover{color:var(--accent, black)}.f3 .card_break_link,.f3 .link_upper,.f3 .link_lower,.f3 .link_particles{transform-origin:50% 50%;transition:1s}.f3 .card_break_link{color:var(--tree-action-icon-color, #fff)!important}.f3 .card_break_link.closed .link_upper{transform:translate(-140.5px,655.6px)}.f3 .card_break_link.closed .link_upper g{transform:rotate(-58deg)}.f3 .card_break_link.closed .link_particles{transform:scale(0)}.f3 .input-field input{height:2.5rem!important}.f3 .input-field>label:not(.label-icon).active{-webkit-transform:translateY(-8px) scale(.8);transform:translateY(-8px) scale(.8)}.f3.f3-cont{width:100%;height:900px;max-height:70vh;background-color:var(--background-color);background-image:radial-gradient(var(--tree-dot-grid, rgba(255, 255, 255, .07)) .7px,transparent .7px);background-size:16px 16px;color:var(--tree-panel-text, var(--text-color))}.f3{position:relative;display:flex}.f3-form-header{position:relative;background-color:var(--panel-header-bg);color:var(--panel-header-text);padding:20px 20px 44px;margin:-20px -20px 0}.f3-form-header-name{font-size:18px;font-weight:700;color:var(--panel-header-text);padding-right:28px;word-break:break-word}.f3-close-btn{cursor:pointer;position:absolute;right:16px;top:16px;width:20px;height:20px;color:var(--panel-header-text)!important;opacity:.85;transition:opacity .2s ease-in-out,transform .2s ease-in-out}.f3-close-btn svg{width:100%;height:100%}.f3-close-btn:hover{opacity:1;transform:scale(1.1)}.f3-form-avatar-frame{position:absolute;left:50%;bottom:-40px;transform:translate(-50%);width:84px;height:84px;border-radius:50%;background:var(--panel-bg);border:3px solid var(--panel-bg);box-shadow:0 4px 10px #00000059;overflow:hidden}.f3-form-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.f3-form-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--panel-header-text);background-color:var(--panel-accent)}.f3-form-action-row{display:flex;gap:12px;justify-content:center;align-items:center;padding:48px 20px 8px}.f3-action-btn{all:unset;box-sizing:border-box;cursor:pointer;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--panel-field-bg);border:1px solid var(--panel-field-border);color:currentColor;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,transform .2s ease-in-out}.f3-action-btn svg{width:16px;height:16px}.f3-action-btn:hover{transform:translateY(-2px);background:var(--panel-accent-soft);border-color:var(--panel-accent);color:var(--panel-accent)}.f3-delete-btn{color:#f44336;border-color:#f4433666}.f3-delete-btn:hover{background-color:#f44336;border-color:#f44336;color:#fff}.f3-delete-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.f3-remove-relative-btn.active{background-color:var(--panel-accent);border-color:var(--panel-accent);color:#fff}.f3-form.non-editable .f3-form-action-row .f3-delete-btn,.f3-form.non-editable .f3-form-action-row .f3-remove-relative-btn{display:none}.f3-radio-group{display:flex;align-items:center;margin:0 0 15px}.f3-radio-group label{display:inline-flex;align-items:center;margin-right:15px;cursor:pointer}.f3-radio-group input[type=radio]{margin-right:5px}.f3-form-body{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding-top:8px}.f3-form-body>.f3-radio-group,.f3-form-body>.f3-link-existing-relative,.f3-form-body>div:not(.f3-form-field):not(.f3-info-field){grid-column:1 / -1}.f3-form-field,.f3-info-field{grid-column:1 / -1}.f3-form-field[data-field-id="first name"],.f3-info-field[data-field-id="first name"],.f3-form-field[data-field-id="last name"],.f3-info-field[data-field-id="last name"],.f3-form-field[data-field-id=birthday],.f3-info-field[data-field-id=birthday],.f3-form-field[data-field-id=deathday],.f3-info-field[data-field-id=deathday],.f3-form-field[data-field-id=country],.f3-info-field[data-field-id=country],.f3-form-field[data-field-id=city],.f3-info-field[data-field-id=city]{grid-column:span 1}.f3-info-field-label,.f3-form-field label{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.02em;display:block;color:var(--panel-label-color);margin-bottom:4px}.f3-info-field-value{font-weight:400;display:block;border:none;outline:none;border-bottom:1px solid var(--panel-field-border);padding-bottom:6px;margin-bottom:14px;min-height:18px}.f3-form input[type=text],.f3-form textarea,.f3-form select{width:100%;padding:9px 12px;margin:0 0 14px;border:1px solid var(--panel-field-border);border-radius:8px;box-sizing:border-box;font-size:14px;background:var(--panel-field-bg);color:currentColor}.f3-form input[type=text]:focus,.f3-form textarea:focus,.f3-form select:focus{border-color:var(--panel-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--panel-accent) 20%,transparent)}.f3-form-field-photo-url{position:relative}.f3-form-field-photo-url input[type=text]{padding-right:68px}.f3-upload-link{position:absolute;right:12px;top:30px;font-size:12px;font-weight:600;color:var(--panel-accent);text-decoration:none}.f3-upload-link:hover{text-decoration:underline}.f3-date-input-wrap{position:relative}.f3-date-input-wrap .f3-date-text-input{padding-right:40px}.f3-date-input-wrap .f3-date-picker-input{position:absolute;top:0;right:0;bottom:0;left:0;width:1px;height:1px;padding:0;border:none;opacity:0;pointer-events:none}.f3-date-picker-btn{position:absolute;right:6px;top:6px;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--panel-label-color);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px}.f3-date-picker-btn:hover{color:var(--panel-accent);background:color-mix(in srgb,var(--panel-accent) 12%,transparent)}.f3-date-picker-btn svg{width:18px;height:18px}.f3-form-buttons{position:sticky;bottom:0;left:0;right:0;display:flex;gap:10px;margin:16px -20px -20px;padding:14px 20px;background:var(--panel-bg);border-top:1px solid var(--panel-field-border)}.f3-form-buttons button{flex:1;padding:11px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;margin:0;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.f3-form-buttons button[type=submit]{background-color:var(--panel-accent);border-color:var(--panel-accent);color:#fff}.f3-form-buttons button[type=submit]:hover{filter:brightness(1.08)}.f3-cancel-btn{background:transparent;border-color:var(--panel-field-border);color:currentColor}.f3-cancel-btn:hover{border-color:var(--panel-accent);color:var(--panel-accent)}.f3-form.non-editable .f3-form-buttons,.f3-form.non-editable .f3-link-existing-relative{display:none}.f3-form-title{text-align:center}.f3 div.card{cursor:pointer;color:var(--text-color);position:relative;line-height:1.2}.f3 div.card-image-circle{border-radius:50%;padding:5px;width:90px;height:90px}.f3 div.card-image-circle div.card-label{position:absolute;bottom:-10px;left:50%;transform:translate(-50%,50%);max-width:150%;min-height:22px;text-align:center;background-color:#00000080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:0 5px}.f3 div.card-image-circle svg{width:100%;height:100%;padding:5px;border-radius:50%;object-fit:cover}.f3 div.card-image-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.f3 div.card-rect{padding:5px;border-radius:3px;width:120px;min-height:70px;overflow:hidden;text-align:center;display:flex;flex-direction:column;justify-content:center}.f3 div.card-image-rect{width:200px;min-height:70px;display:flex;align-items:center;border-radius:5px}.f3 div.card-image-rect .person-icon{height:70px;width:70px;object-fit:cover;flex:0 0 auto;padding:5px;margin-right:10px}.f3 div.card-image-rect img{height:70px;width:70px;object-fit:cover;flex:0 0 auto;padding:5px;margin-right:10px;border-radius:8px}.f3 div.card-image-rect svg{object-fit:cover;width:100%;height:100%;padding:5px;border-radius:7px}.f3 div.card-image-rect div.card-label{height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.f3 div.mini-tree{text-align:right;position:absolute;top:-15px;right:-2px;z-index:-1;color:var(--tree-action-icon-color, #fff)}.f3 div.mini-tree svg{width:55px}.f3 .f3-card-duplicate-tag{position:absolute;top:2px;right:2px;color:#fffbdc;background-color:#fffbdc00;border-radius:50%;padding:2px;transition:color .2s ease-in-out,background-color .2s ease-in-out}.f3 .f3-card-duplicate-hover div.card-inner{transform:translateY(-2px);outline:4px solid rgb(255,251,220)}.f3 .f3-card-duplicate-hover .f3-card-duplicate-tag{background-color:#fffbdccc;color:#000}.f3 .f3-remove-relative-active .card{background-color:var(--background-color)}.f3 .f3-remove-relative-active .card-inner{transition:border .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;opacity:.75}.f3 .f3-remove-relative-active .card:hover .card-inner{opacity:.25}.f3 .f3-remove-relative-active .card-male.card-depth--1:hover .card-inner{transform:translate(-8px,-8px)}.f3 .f3-remove-relative-active .card.card-female.card-depth--1:hover .card-inner{transform:translate(8px,-8px)}.f3 .f3-remove-relative-active .card.card-female.card-depth-0:hover .card-inner{transform:translate(8px)}.f3 .f3-remove-relative-active .card.card-male.card-depth-0:hover .card-inner{transform:translate(-8px)}.f3 .f3-remove-relative-active .card.card-depth-1:hover .card-inner{transform:translateY(8px)}.f3 .f3-remove-relative-active .card.card-main .card-inner{transform:translate(0)!important;opacity:1!important}.f3 div.card>div{transition:transform .2s ease-in-out;box-shadow:var(--tree-card-shadow, 0 6px 14px rgba(0, 0, 0, .28))}.f3 .card-inner{outline:0px solid rgba(255,255,255,1);transition:outline .5s ease-in-out}.f3 div.card-female .card-inner,.f3 div.card-female .person-icon svg{background-color:var(--female-color)}.f3 div.card-male .card-inner,.f3 div.card-male .person-icon svg{background-color:var(--male-color)}.f3 div.card-genderless .card-inner,.f3 div.card-genderless .person-icon svg{background-color:var(--genderless-color)}.f3 div.card-female .card-inner{border:1px solid var(--female-color)}.f3 div.card-male .card-inner{border:1px solid var(--male-color)}.f3 div.card-genderless .card-inner{border:1px solid var(--genderless-color)}.f3 div.card-new-rel .card-inner,.f3 div.card-new-rel .person-icon svg{background-color:var(--background-color)}.f3 div.card-to-add .card-inner{background-color:var(--background-color);border:1px solid}.f3 div.card-to-add .card-inner .card-label{margin:0 auto}.f3 div.card-to-add .person-icon{display:none}.f3 div.card-new-rel.card-female .card-inner,.f3 div.card-to-add.card-female .card-inner{border-color:var(--female-color);color:var(--female-color)}.f3 div.card-new-rel.card-male .card-inner,.f3 div.card-to-add.card-male .card-inner{color:var(--male-color);border-color:var(--male-color)}.f3 div.card-unknown .card-inner{background-color:var(--background-color);border:1px solid}.f3 div.card-unknown .card-inner .card-label{margin:0 auto}.f3 div.card-unknown .person-icon{display:none}.f3 div.card-new-rel .card-inner{border-width:1px;border-style:dashed;outline:0px!important}.f3 div.card-new-rel.card-female .card-inner,.f3 div.card-unknown.card-female .card-inner{border-color:var(--female-color);color:var(--female-color)}.f3 div.card-new-rel.card-male .card-inner,.f3 div.card-unknown.card-male .card-inner{color:var(--male-color);border-color:var(--male-color)}.f3 div.card:hover>div{transform:translateY(-2px)}.f3 div.card-main .card-inner,.f3 div.card:hover .card-inner{box-shadow:0 0 20px #000c}.f3 div.card-main .card-inner{outline:4px solid var(--tree-card-outline, rgba(220, 220, 220, 1))}.f3 div.card-inner.f3-path-to-main{outline:4px solid var(--tree-card-path-outline, rgba(255, 255, 255, 1))}.f3 .link{stroke:var(--tree-link-color, currentColor);transition:stroke-width .2s ease-in-out,stroke .2s ease-in-out}.f3 .link.f3-path-to-main{stroke-width:4px;stroke:var(--accent, var(--tree-link-color))}.f3 g.link-text text{fill:var(--tree-node-label-fill, #fff)!important}.f3-form-cont{position:relative;z-index:20;right:0;top:0;width:0;height:100%;background-color:var(--panel-bg);overflow:hidden;flex:0 0 auto;box-shadow:0 0 10px #00000080;transition:width .3s ease-in-out}.f3-form-cont.opened{width:380px}.f3-form-cont>div{width:380px;height:100%;overflow-y:auto;transform:translate(100%);transition:transform .3s ease-in-out}.f3-form-cont.opened>div{transform:translate(0)}.f3-form{padding:20px;display:flex;flex-direction:column}.f3-form hr{border-style:solid;border-width:thin 0 0 0;opacity:.15}.f3-nav-cont{position:absolute;top:0;left:0;width:100%;display:flex}.f3-history-controls{padding:8px 5px 7px 9px;display:inline-block;position:relative;z-index:2}.f3-back-button,.f3-forward-button{width:30px;height:30px;transition:opacity .3s ease;cursor:pointer;display:inline-block;background-color:transparent;border:none;margin-right:10px;color:currentColor}.f3-history-controls svg{height:100%}.f3-back-button.disabled,.f3-forward-button.disabled{opacity:.5}.f3-modal{display:none;position:absolute;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.f3-modal-content{position:relative;background-color:var(--background-color);margin:15% auto;padding:20px;border:1px solid var(--border-strong, #888);border-radius:5px;width:500px;max-width:90%}.f3-modal-close{color:var(--text-tertiary, #aaa);position:absolute;right:10px;top:7px;font-size:28px;font-weight:700}.f3-modal-close:hover,.f3-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.f3-popup{position:fixed;z-index:20;box-shadow:0 0 10px #000c}.f3-popup-content{position:relative;background-color:var(--background-color);border:1px solid var(--border-strong, #888);border-radius:5px;overflow:hidden;width:100%;height:100%}.f3-popup-nav{height:20px}.f3-popup-content-inner{width:100%;height:100%}.f3-popup-close{color:var(--text-tertiary, #aaa);position:absolute;z-index:4;right:6px;top:1px;font-size:28px;font-weight:700;line-height:1}.f3-popup-close:hover,.f3-popup-close:focus{color:#000;text-decoration:none;cursor:pointer}.f3-btn{position:relative;cursor:pointer;padding:5px 10px;overflow:hidden;border-width:0;outline:none;border-radius:3px;box-shadow:0 1px 4px #0009;background-color:var(--text-color);color:var(--background-color);transition:background-color .3s;font-size:14px}.f3-btn:hover,.f3-btn:focus{background-color:var(--background-color);color:var(--text-color)}.f3-female-bg{background-color:var(--female-color)}.f3-male-bg{background-color:var(--male-color)}.f3-genderless-bg{background-color:var(--genderless-color)}.f3-female-color{color:var(--female-color)}.f3-male-color{color:var(--male-color)}.f3-genderless-color{color:var(--genderless-color)}.f3-autocomplete-cont{position:relative;display:inline-block;z-index:2;font-size:14px;width:200px}.f3-autocomplete input{border:1px solid var(--border-strong, rgba(255, 255, 255, .2));background-color:var(--background-color);color:var(--tree-panel-text, var(--text-color));padding:10px;width:100%}.f3-autocomplete input:focus{outline:none}.f3-autocomplete-toggle{position:absolute;right:10px;top:10px;cursor:pointer;color:var(--tree-panel-text, var(--text-color));transition:color .3s ease-in-out;width:20px}.f3-autocomplete-items{border:1px solid var(--border-strong, rgba(255, 255, 255, .2));border-top:none;overflow-y:auto;max-height:0;background-color:var(--background-color);transition:max-height .3s ease-in-out}.f3-autocomplete.active .f3-autocomplete-items{max-height:300px}.f3-autocomplete-item>div{padding:10px;cursor:pointer;background-color:var(--background-color);border-bottom:1px solid var(--border-strong, rgba(255, 255, 255, .2));transition:background-color .3s ease-in-out,color .3s ease-in-out}.f3-autocomplete-item>div:hover,.f3-autocomplete-item.f3-selected>div{background-color:var(--tree-panel-text, var(--text-color));color:var(--background-color)}.f3-autocomplete-active{background-color:#1e90ff!important;color:#fff}.f3-kinship-info{padding:10px 20px}.f3-kinship-info .f3-info-field{color:#b3b01e}.f3-kinship-info-icon{cursor:pointer;display:inline-block;width:18px;height:18px;color:#04a4f4;position:relative;top:4px;left:2px}.f3-kinship-info .f3{width:100%;height:100%;position:relative;background-color:var(--tree-bg, rgb(33,33,33));color:var(--tree-panel-text, var(--tree-card-text, #fff))}.f3 .f3-kinship-info .card-kinship-self{min-height:0px;width:60px;height:60px;border-radius:50%;background-color:var(--background-color)!important;border:solid 3px;color:#437fae;font-weight:700}.f3 .f3-kinship-info .card-kinship-self.f3-real-label{width:150px;height:50px;border-radius:50px}.f3 .f3-kinship-info .card-kinship-rel{min-height:0px;width:150px;height:50px;border-radius:50px;background-color:#1d3456!important;font-weight:700}.f3 .f3-kinship-info .card-kinship-default{min-height:0px;width:150px;height:50px;border-radius:50px;background-color:var(--background-color)!important;border:solid 1px}.f3-kinship-labels-toggle{position:absolute;top:0;left:0;z-index:10;font-size:12px}.f3-kinship-labels-toggle label{cursor:pointer;color:#fff;font-weight:700;text-align:center;padding:2px 5px}.f3-kinship-labels-toggle input[type=checkbox]{cursor:pointer;margin:5px}*{box-sizing:border-box}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-10: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-theme: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, fill .18s ease, stroke .18s ease;--sidebar-width: 264px}:root,[data-theme=dark]{color-scheme:dark;--bg-page: #0b0d12;--bg-surface: #12151c;--bg-surface-raised: #171b24;--bg-surface-hover: #1c212c;--bg-surface-hover-strong: #232a38;--bg-surface-hover-strongest: #1a1f2a;--bg-inset: #0d1016;--bg-overlay: rgba(5, 6, 10, .65);--bg-overlay-light: rgba(5, 6, 10, .55);--border-subtle: #232834;--border-default: #2b313f;--border-strong: #3a4156;--text-primary: #f3f5f9;--text-secondary: #aab2c5;--text-tertiary: #79829a;--text-on-accent: #ffffff;--text-on-inverse: #0b0d12;--accent: #5b62f4;--accent-hover: #6f76f7;--accent-active: #4a4fd6;--accent-soft: rgba(91, 98, 244, .14);--accent-soft-strong: rgba(91, 98, 244, .4);--accent-on-soft: #c7caff;--focus-ring: #7fa4ff;--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--success-border: rgba(52, 211, 153, .35);--danger: #f15b5b;--danger-hover: #ff6f6f;--danger-active: #d24747;--danger-soft: rgba(241, 91, 91, .14);--danger-border: rgba(241, 91, 91, .35);--warning: #f5b859;--warning-soft: rgba(245, 184, 89, .14);--warning-border: rgba(245, 184, 89, .35);--info-soft: rgba(127, 164, 255, .14);--info-border: rgba(127, 164, 255, .4);--info-on-soft: #9db8ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 6px 16px rgba(0, 0, 0, .28);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .38);--auth-card-bg: rgba(12, 14, 34, .55);--auth-card-border: rgba(124, 113, 240, .35);--auth-brand-icon-color: #9b96ff;--auth-input-bg: rgba(255, 255, 255, .05);--tree-bg: #171b24;--tree-dot-grid: rgba(255, 255, 255, .07);--tree-female: rgb(196, 138, 146);--tree-male: rgb(120, 159, 172);--tree-genderless: lightgray;--tree-card-text: #ffffff;--tree-card-shadow: 0 6px 14px rgba(0, 0, 0, .28);--tree-card-outline: rgba(220, 220, 220, 1);--tree-card-path-outline: rgba(255, 255, 255, 1);--tree-link-color: currentColor;--tree-spouse-link-color: #d4a8ff;--tree-parent-link-color: #8ab4ff;--tree-add-btn-bg: #3b5560;--tree-node-stroke: #ffffff;--tree-node-label-fill: #ffffff;--tree-node-label-stroke: #000000;--tree-action-icon-color: #ffffff;--tree-panel-text: #ffffff}[data-theme=light]{color-scheme:light;--bg-page: #f7f8fa;--bg-surface: #ffffff;--bg-surface-raised: #ffffff;--bg-surface-hover: #f1f3f5;--bg-surface-hover-strong: #e5e7eb;--bg-surface-hover-strongest: #d9dce1;--bg-inset: #f1f3f5;--bg-overlay: rgba(17, 24, 39, .55);--bg-overlay-light: rgba(17, 24, 39, .4);--border-subtle: #e5e7eb;--border-default: #d1d5db;--border-strong: #b6bcc6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #8a94a3;--text-on-accent: #ffffff;--text-on-inverse: #ffffff;--accent: #2563eb;--accent-hover: #3b76ef;--accent-active: #1d4ed8;--accent-soft: rgba(37, 99, 235, .1);--accent-soft-strong: rgba(37, 99, 235, .35);--accent-on-soft: #1d4ed8;--focus-ring: #93b8ff;--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--success-border: rgba(22, 163, 74, .3);--danger: #dc2626;--danger-hover: #e94444;--danger-active: #b91c1c;--danger-soft: rgba(220, 38, 38, .1);--danger-border: rgba(220, 38, 38, .3);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .1);--warning-border: rgba(217, 119, 6, .3);--info-soft: rgba(37, 99, 235, .1);--info-border: rgba(37, 99, 235, .35);--info-on-soft: #1d4ed8;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 6px 16px rgba(16, 24, 40, .1);--shadow-lg: 0 16px 40px rgba(16, 24, 40, .16);--auth-card-bg: #ffffff;--auth-card-border: rgba(37, 99, 235, .25);--auth-brand-icon-color: #2563eb;--auth-input-bg: rgba(31, 41, 55, .04);--tree-bg: #eef0f3;--tree-dot-grid: rgba(31, 41, 55, .08);--tree-female: #c26f83;--tree-male: #3f7f97;--tree-genderless: #9aa3af;--tree-card-text: #ffffff;--tree-card-shadow: 0 4px 10px rgba(16, 24, 40, .18);--tree-card-outline: rgba(37, 99, 235, .55);--tree-card-path-outline: rgba(37, 99, 235, .85);--tree-link-color: #4b5563;--tree-spouse-link-color: #a855f7;--tree-parent-link-color: #2563eb;--tree-add-btn-bg: #3f7f97;--tree-node-stroke: #ffffff;--tree-node-label-fill: #1f2937;--tree-node-label-stroke: #ffffff;--tree-action-icon-color: #4b5563;--tree-panel-text: #1f2937}html{scrollbar-gutter:stable;overflow-y:scroll}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14.5px;line-height:1.5;background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased}#app{min-height:100vh}*,*:before,*:after{transition:var(--transition-theme)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important}}h1,h2,h3{margin:0;letter-spacing:-.01em}.icon{width:1em;height:1em;flex-shrink:0}.auth-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:var(--sp-3) var(--sp-4);overflow:hidden;background:url(/assets/auth-background-CSHjRkgK.png) center center / cover no-repeat,var(--bg-page)}.auth-card{position:relative;z-index:1;width:100%;max-width:500px;background:var(--auth-card-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--auth-card-border);border-radius:var(--radius-xl);padding:var(--sp-8) var(--sp-7) var(--sp-5);box-shadow:0 0 0 1px #7c71f014,0 24px 60px -24px #000000b3,0 0 40px -8px var(--accent-soft-strong);animation:auth-card-in .32s var(--transition-base) both}.auth-card--settled{animation:none}@keyframes auth-card-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card-toggle{position:absolute;top:var(--sp-4);right:var(--sp-4)}.auth-brand{display:grid;justify-items:center;gap:var(--sp-3);text-align:center;margin-bottom:var(--sp-7)}.support-page-anonymous{width:100%}.support-back-link{display:inline-flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);color:var(--text-secondary);font-size:.9rem;font-weight:600;text-decoration:none}.support-back-link:hover{color:var(--text-primary)}.support-back-link .icon{width:16px;height:16px}.support-page-anonymous .contact-form-card{box-shadow:none;border:none;padding:0}.auth-support-link{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-4);color:var(--text-secondary);font-size:.85rem;font-weight:600;text-decoration:none}.auth-support-link:hover{color:var(--accent)}.auth-support-link .icon{width:15px;height:15px}.auth-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--auth-brand-icon-color)}.auth-brand-icon .icon{width:28px;height:28px}.auth-brand-title{font-size:2rem;font-weight:700;color:var(--text-primary)}.auth-brand-subtitle{margin:0;max-width:320px;color:var(--text-secondary);font-size:.9rem;line-height:1.55}.auth-form{gap:var(--sp-4)}.input-icon-group{position:relative;display:flex;align-items:center}.input-icon-group .input-leading-icon{position:absolute;left:14px;display:inline-flex;color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast)}.input-icon-group .input-leading-icon .icon,.input-toggle-btn .icon{width:18px;height:18px}.input-icon-group input{width:100%;height:46px;border-radius:8px;padding-left:42px;background:var(--auth-input-bg)}.input-icon-group input.has-trailing-icon{padding-right:42px}.input-icon-group input:focus-visible~.input-leading-icon{color:var(--accent-hover)}.input-toggle-btn{position:absolute;right:5px;width:30px;height:30px;min-height:30px;padding:0;background:transparent;border:none;color:var(--text-tertiary)}.input-toggle-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-google{width:100%;height:46px;background:#fff;color:#3c4043;border:1px solid #747775;border-radius:6px;font-family:Roboto,Arial,sans-serif;font-weight:500;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn-google:hover{background:#f8f9fa;box-shadow:var(--shadow-sm)}.btn-google:active{background:#f1f3f4;transform:translateY(1px)}.auth-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0;color:var(--text-tertiary);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.btn-auth{width:100%;height:46px;border-radius:6px;font-size:1rem;font-weight:700;background:linear-gradient(90deg,#6a45d9,#5535c3);box-shadow:0 10px 24px -10px var(--accent-soft-strong);transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn-auth:hover{background:linear-gradient(90deg,#7a55e6,#6342d4);box-shadow:0 12px 28px -10px var(--accent-soft-strong);transform:translateY(-1px)}.btn-auth:active{background:linear-gradient(90deg,#5c38c4,#4729a8);box-shadow:0 6px 14px -8px var(--accent-soft-strong);transform:translateY(0)}.btn-auth .icon-spin{animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-links{display:flex;justify-content:center;margin-top:var(--sp-4)}.auth-row-between{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-4);font-size:.85rem}.auth-checkbox{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-secondary);font-weight:500;font-size:.85rem;text-transform:none;letter-spacing:0;cursor:pointer}.auth-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin:0;padding:0;flex-shrink:0;background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:3px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.auth-checkbox input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E");background-size:10px 10px;background-position:center;background-repeat:no-repeat}.auth-link-btn{background:none;border:none;min-height:auto;padding:2px 4px;color:var(--accent-hover);font-weight:500;font-size:.85rem}.auth-link-btn:hover{background:none;color:var(--accent-hover);text-decoration:underline}.auth-footnote{margin:var(--sp-8) calc(-1 * var(--sp-7)) 0;padding-top:var(--sp-5);border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-tertiary);font-size:.85rem}.auth-footnote .auth-link-btn{display:inline;vertical-align:baseline;padding:0;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.otp-input{font-size:1.4rem;letter-spacing:.4em;text-align:center}.otp-actions{justify-content:space-between;flex-wrap:wrap}.auth-method-tabs{display:flex;gap:2px;padding:3px;margin-bottom:var(--sp-5);background:var(--bg-inset);border:1px solid var(--border-default);border-radius:9px}.auth-method-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);height:38px;min-height:38px;padding:0 var(--sp-2);background:transparent;border:none;border-radius:7px;color:var(--text-primary);opacity:.62;font-weight:600;font-size:.85rem;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.auth-method-tab .icon{width:15px;height:15px}.auth-method-tab:hover{background:var(--bg-surface-hover);opacity:1}.auth-method-tab[aria-selected=true]{background:var(--bg-surface-raised);opacity:1;box-shadow:0 1px 3px #0000001f}.auth-method-tab[aria-selected=true]:hover{background:var(--bg-surface-raised)}.otp-sent-target{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-1);color:var(--text-secondary);font-size:.85rem;text-align:center}.otp-sent-target strong{color:var(--text-primary);font-weight:600}.otp-edit-email-btn{padding:1px 4px;font-size:.8rem}.otp-help-text{margin:0;color:var(--text-tertiary);font-size:.8rem;text-align:center}.otp-resend-row{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);font-size:.85rem}.otp-resend-countdown{color:var(--text-tertiary);font-variant-numeric:tabular-nums}.otp-success-banner{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--accent-soft);border:1px solid var(--accent-soft-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.82rem}.otp-success-banner .icon{flex-shrink:0;width:15px;height:15px;color:var(--accent-hover)}.otp-box-group{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-1)}.otp-box{width:36px;height:46px;padding:0;background:var(--auth-input-bg);border:1px solid var(--border-strong);border-radius:8px;color:var(--text-primary);font-size:1.15rem;font-weight:600;text-align:center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.otp-box:focus-visible{outline:none;border-color:var(--accent-hover);box-shadow:0 0 0 3px var(--accent-soft)}.otp-box.filled{border-color:var(--border-strong)}@media (max-width: 420px){.otp-box{width:30px;height:40px;font-size:1rem}}.totp-secret{font-family:SFMono-Regular,Consolas,monospace;font-size:.85rem;word-break:break-all;background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--sp-2)}@media (max-width: 480px){.auth-page{padding:var(--sp-2) var(--sp-3)}.auth-card{padding:var(--sp-6) var(--sp-5) var(--sp-4);border-radius:var(--radius-lg)}.auth-card-toggle{top:var(--sp-3);right:var(--sp-3)}.auth-card-toggle .theme-toggle-option span:not(.icon){display:none}.auth-card-toggle .theme-toggle-option{padding:0;width:28px}.auth-footnote{margin-left:calc(-1 * var(--sp-5));margin-right:calc(-1 * var(--sp-5))}}.card{background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-6)}.stack{display:grid;gap:var(--sp-3)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}label{display:grid;gap:var(--sp-2);font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}textarea{resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input[aria-invalid=true]:focus-visible,select[aria-invalid=true]:focus-visible,textarea[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--danger-soft)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:1px solid transparent;border-radius:var(--radius-sm);min-height:38px;padding:8px 16px;font-size:.92rem;font-weight:500;white-space:nowrap;background:var(--accent);color:var(--text-on-accent);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}button:hover,.btn:hover{background:var(--accent-hover)}button:active,.btn:active{background:var(--accent-active)}button:focus-visible,.btn:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring);border-radius:var(--radius-sm)}button[disabled],.btn[disabled]{opacity:.45;cursor:not-allowed}button.secondary,.btn-secondary{background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-primary)}button.secondary:hover,.btn-secondary:hover{background:var(--bg-surface-hover-strong);border-color:var(--border-strong)}button.secondary:active,.btn-secondary:active{background:var(--bg-surface-hover-strongest)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-danger{background:var(--danger);border-color:transparent;color:var(--text-on-accent)}.btn-danger:hover{background:var(--danger-hover)}.btn-danger:active{background:var(--danger-active)}.btn-sm{min-height:30px;padding:5px 11px;font-size:.82rem}.btn-primary{background:var(--accent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary)}.icon-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.chip{display:inline-flex;align-items:center;border-radius:var(--radius-pill);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);min-height:32px;padding:6px 14px;font-size:.85rem;font-weight:500}.chip:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.chip-active,.chip-active[disabled]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-on-soft);opacity:1}.app-shell{display:flex;min-height:100vh;background:var(--bg-page)}.sidebar{position:relative;display:flex;flex-direction:column;width:var(--sidebar-width);flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:var(--sp-5) var(--sp-4);gap:var(--sp-6);transition:width var(--transition-base)}.sidebar-collapse-btn{position:absolute;top:50%;right:0;transform:translate(50%,-50%);display:flex;align-items:center;justify-content:center;width:26px;height:44px;padding:0;background:var(--bg-surface-raised);color:var(--text-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);z-index:10;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.sidebar-collapse-btn .icon{width:16px;height:16px;transform:rotate(180deg);transition:transform var(--transition-base)}.sidebar:hover .sidebar-collapse-btn{background:var(--accent-soft);color:var(--accent-on-soft);border-color:var(--accent);box-shadow:var(--shadow-md)}.sidebar-collapse-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-lg)}@media (min-width: 1101px){.app-shell.sidebar-collapsed .sidebar{width:72px;padding-left:var(--sp-2);padding-right:var(--sp-2)}.app-shell.sidebar-collapsed .sidebar-head{justify-content:center}.app-shell.sidebar-collapsed .sidebar-wordmark,.app-shell.sidebar-collapsed .nav-label,.app-shell.sidebar-collapsed .user-email,.app-shell.sidebar-collapsed .sidebar-profile-trigger .icon{display:none}.app-shell.sidebar-collapsed .nav-item,.app-shell.sidebar-collapsed .sidebar-profile-trigger{justify-content:center}.app-shell.sidebar-collapsed .nav-item{padding-left:0;padding-right:0}.app-shell.sidebar-collapsed .nav-item .icon{width:20px;height:20px}.app-shell.sidebar-collapsed .sidebar-logo,.app-shell.sidebar-collapsed .sidebar-logo .icon{width:28px;height:28px}.app-shell.sidebar-collapsed .sidebar-collapse-btn .icon{transform:rotate(0)}.app-shell.sidebar-collapsed .sidebar-profile-menu{left:0;right:auto}}.sidebar-head{display:flex;align-items:center;justify-content:space-between}.sidebar-brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:1rem;color:var(--text-primary)}.sidebar-logo{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--accent)}.sidebar-logo .icon{width:26px;height:26px}.sidebar-close{display:none}.sidebar-nav{display:grid;gap:var(--sp-1)}.nav-item{display:flex;align-items:center;gap:var(--sp-3);justify-content:flex-start;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:var(--radius-sm);padding:9px 12px;font-weight:500;width:100%}.nav-item .icon{width:18px;height:18px}.nav-item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.nav-item-active,.nav-item-active:hover{background:var(--accent);color:#fff}.nav-item-active .icon{color:#fff}.sidebar-foot{margin-top:auto;padding-top:var(--sp-4);border-top:1px solid var(--border-subtle)}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-on-soft);font-weight:600;font-size:.85rem;flex-shrink:0}.user-avatar-sm{width:28px;height:28px;font-size:.75rem}.user-email{font-size:.85rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile{position:relative}.sidebar-profile-trigger{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-width:0;padding:var(--sp-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-primary)}.sidebar-profile-trigger:hover{background:var(--bg-surface-hover)}.sidebar-profile-trigger .user-email{flex:1;text-align:left}.sidebar-profile-trigger .icon{width:14px;height:14px;color:var(--text-tertiary);flex-shrink:0}.sidebar-profile .sidebar-profile-menu{top:auto;bottom:calc(100% + 6px);left:0;right:0;min-width:0;gap:var(--sp-1)}.sidebar-profile-menu-theme{padding:var(--sp-1) var(--sp-1) var(--sp-2);margin-bottom:var(--sp-1);border-bottom:1px solid var(--border-subtle)}.sidebar-profile-menu-theme .theme-toggle{width:100%;justify-content:stretch}.sidebar-profile-menu-theme .theme-toggle-option{flex:1}.theme-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-pill)}.theme-toggle-option{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-tertiary);font-size:.78rem;font-weight:500}.theme-toggle-option .icon{width:14px;height:14px}.theme-toggle-option:hover{color:var(--text-primary)}.theme-toggle-option-active,.theme-toggle-option-active:hover{background:var(--bg-surface-raised);color:var(--text-primary);box-shadow:var(--shadow-sm)}.theme-toggle-icon-btn .icon{width:16px;height:16px}.sidebar-overlay{display:none}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.mobile-topbar{display:none}.content{flex:1;padding:var(--sp-8) var(--sp-10);width:100%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-8)}.page-header-actions{display:flex;gap:var(--sp-3);flex-shrink:0}.section-tabs{display:flex;gap:var(--sp-5);margin-bottom:var(--sp-6);border-bottom:1px solid var(--border-subtle)}.section-tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-1);background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;color:var(--text-tertiary);font-weight:600;font-size:.9rem}.section-tab .icon{width:16px;height:16px}.section-tab:hover{background:transparent;color:var(--text-primary)}.section-tab[aria-selected=true]{background:transparent;color:var(--accent);border-bottom-color:var(--accent)}.section-tab[aria-selected=true]:hover{background:transparent}.trees-tabs{margin-bottom:var(--sp-5);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.trees-tabs::-webkit-scrollbar{display:none}.trees-tabs .section-tab{padding:var(--sp-3) var(--sp-2);white-space:nowrap}.page-title{font-size:1.7rem;font-weight:700}.page-subtitle{margin:var(--sp-1) 0 0;color:var(--text-secondary);font-size:.95rem}.toolbar-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5);margin-bottom:var(--sp-8)}.toolbar-cards-single{grid-template-columns:minmax(0,480px)}.action-card{display:flex;gap:var(--sp-4);background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.action-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-on-soft)}.action-card-icon .icon{width:22px;height:22px}.action-card-body{flex:1;min-width:0}.action-card-title{font-size:1.02rem;font-weight:600;margin-bottom:2px}.action-card-desc{margin:0 0 var(--sp-4);color:var(--text-secondary);font-size:.86rem}.action-card-form{display:grid;gap:var(--sp-3)}.action-card-form input[type=text],.action-card-form input[type=file]{width:100%}.action-card-form-row{display:flex;gap:var(--sp-2);flex-wrap:wrap}.join-search-status{margin:var(--sp-3) 0 0}.join-search-results{display:grid;gap:var(--sp-2);margin-top:var(--sp-4)}.join-result-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.join-result-title{margin:0;font-size:.9rem;font-weight:600}.join-result-meta{margin:2px 0 0;font-size:.82rem;color:var(--text-secondary)}.join-result-actions{flex-shrink:0}.pending-request-list{display:grid;gap:var(--sp-2)}.pending-request-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-raised)}.pending-request-title{margin:0;font-size:.9rem;font-weight:500}.pending-request-meta{margin:var(--sp-1) 0 0;display:flex;align-items:center;gap:var(--sp-2);font-size:.82rem}.pending-request-message{margin:var(--sp-2) 0 0;font-size:.85rem;font-style:italic;color:var(--text-secondary)}.pending-request-actions{display:flex;gap:var(--sp-2);flex-shrink:0}.trees-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:var(--sp-2);flex:1;min-width:220px;max-width:360px;background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:0 var(--sp-3);color:var(--text-tertiary)}.search-box .icon{width:16px;height:16px}.search-box input{flex:1;background:transparent;border:none;padding:9px 0}.search-box input:focus-visible{box-shadow:none;outline:none}.sort-box{display:flex;align-items:center;gap:var(--sp-2);text-transform:none;font-size:.85rem;color:var(--text-secondary)}.sort-box-label{white-space:nowrap}.sort-box select{min-width:170px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2379829a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px}[data-theme=light] .sort-box select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238a94a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E")}.discover-search-form{display:flex;align-items:center;gap:var(--sp-2)}.discover-search-link{display:inline-flex;align-items:center;gap:var(--sp-2);flex-shrink:0;color:var(--accent);text-decoration:none;font-weight:500;white-space:nowrap}.discover-search-link .icon{width:15px;height:15px}.discover-search-link:hover{color:var(--accent-hover);text-decoration:underline}.discover-search-box{max-width:300px;border-color:var(--accent-soft-strong);color:var(--accent)}.discover-search-box input{color:var(--text-primary)}.discover-search-box input::placeholder{color:var(--accent);opacity:.7}.discover-search-results-panel{margin-bottom:var(--sp-5)}.discover-search-results-panel:empty{margin-bottom:0}.discovery-section{margin-bottom:var(--sp-5);padding:var(--sp-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface-raised)}.discovery-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.discovery-section-title{margin:0;display:flex;align-items:center;gap:var(--sp-2);font-size:.95rem;font-weight:600}.discovery-section-desc{margin:var(--sp-1) 0 0;font-size:.85rem;color:var(--text-secondary)}.discovery-result-list{display:grid;gap:var(--sp-2);margin-top:var(--sp-3)}.tree-grid,.tree-grid-inner{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp-5)}.tree-card{display:flex;flex-direction:column;background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.tree-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tree-card-clickable{cursor:pointer}.tree-card-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tree-card-top{display:flex;align-items:center;justify-content:space-between}.tree-card-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-on-soft)}.tree-card-icon .icon{width:19px;height:19px}.tree-card-menu-wrap{position:relative}.tree-card-body{margin-top:var(--sp-4);margin-bottom:auto}.tree-card-title{margin:0 0 var(--sp-1);font-size:1.05rem;font-weight:600;cursor:pointer}.tree-card-title:hover{color:var(--accent-hover)}.tree-card-meta{margin:0;font-size:.82rem;color:var(--text-secondary);line-height:1.45}.tree-card-meta-muted{color:var(--text-tertiary)}.tree-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border-subtle)}.tree-rename-form{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-2)}.tree-rename-actions{display:flex;gap:var(--sp-2)}.badge{display:inline-flex;align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:3px 10px;font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.badge-role-owner{border-color:var(--accent-soft-strong);background:var(--accent-soft);color:var(--accent-on-soft)}.badge-role-editor{border-color:var(--warning-border);background:var(--warning-soft);color:var(--warning)}.badge-role-viewer{border-color:var(--border-strong);background:var(--bg-surface-hover);color:var(--text-secondary)}.badge-status-approved{border-color:var(--success-border);background:var(--success-soft);color:var(--success)}.badge-status-pending{border-color:var(--warning-border);background:var(--warning-soft);color:var(--warning)}.badge-status-revoked,.badge-status-disabled{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.tree-card-disabled{opacity:.65}.tree-card-disabled .tree-card-title{pointer-events:none}.dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:none;flex-direction:column;min-width:170px;background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-1);box-shadow:var(--shadow-lg)}.dropdown-menu.open{display:flex}.dropdown-item{display:flex;align-items:center;gap:var(--sp-2);justify-content:flex-start;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-primary);min-height:34px;padding:6px 10px;font-size:.86rem;font-weight:500}.dropdown-item:hover{background:var(--bg-surface-hover)}.dropdown-item-danger{color:var(--danger)}.dropdown-item-danger:hover{background:var(--danger-soft)}.empty-state{grid-column:1 / -1;display:grid;justify-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-10) var(--sp-5);border:1px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface)}.empty-state-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:var(--sp-2);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-on-soft)}.empty-state-icon .icon{width:26px;height:26px}.empty-state-title{font-size:1.1rem;font-weight:600}.empty-state-desc{margin:0;max-width:380px;color:var(--text-secondary)}.empty-state-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;justify-content:center}.empty-state-with-search{max-width:560px;margin:0 auto;padding:var(--sp-8) var(--sp-6)}.empty-state-search-form{display:flex;gap:var(--sp-2);width:100%;max-width:420px;margin-top:var(--sp-4)}.empty-state-search-form .search-box{max-width:none}.empty-state-skip{margin:var(--sp-4) 0 0}.link-btn{background:none;border:none;padding:0;min-height:auto;color:var(--text-tertiary);font-size:.85rem;text-decoration:underline}.link-btn:hover{background:none;color:var(--accent-hover)}.skeleton-card{display:grid;gap:var(--sp-3);cursor:default}.skeleton-card:hover{transform:none;box-shadow:var(--shadow-sm)}.skeleton-line{border-radius:var(--radius-sm);background:linear-gradient(100deg,var(--bg-surface-hover) 30%,var(--bg-inset) 50%,var(--bg-surface-hover) 70%);background-size:220% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-icon{width:38px;height:38px;border-radius:var(--radius-md)}.skeleton-title{width:70%;height:16px}.skeleton-text{width:50%;height:12px}.skeleton-text.short{width:35%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}.viewer-header{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5)}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);font-size:.82rem;color:var(--text-tertiary);margin-bottom:var(--sp-2)}.breadcrumb-link{background:none;border:none;color:var(--text-tertiary);padding:0;min-height:auto;font-weight:500;font-size:.82rem}.breadcrumb-link:hover{color:var(--accent-hover);background:none}.breadcrumb-current{color:var(--text-secondary)}.viewer-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.viewer-title-group{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.viewer-title{font-size:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-title-edit-btn{width:28px;height:28px;flex-shrink:0}.viewer-title-edit-btn svg{width:16px;height:16px}.viewer-title-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.viewer-title-actions .icon-btn{background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.viewer-title-actions .icon-btn:hover{background:var(--bg-surface-hover-strong)}.badge-with-tooltip{position:relative;cursor:default}.badge-tooltip{position:absolute;top:calc(100% + var(--sp-2));left:0;z-index:20;display:flex;align-items:center;gap:var(--sp-1);width:max-content;max-width:260px;padding:var(--sp-2) var(--sp-3);background:var(--bg-surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:.8rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text-secondary);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);pointer-events:none}.badge-with-tooltip:hover .badge-tooltip,.badge-with-tooltip:focus-within .badge-tooltip,.badge-with-tooltip:focus-visible .badge-tooltip{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.badge-tooltip-link{background:none;border:none;padding:0;min-height:auto;color:var(--accent);font-weight:600;white-space:nowrap}.badge-tooltip-link:hover{color:var(--accent-hover);background:none;text-decoration:underline}.tree-toolbar-row{display:flex;align-items:center;margin-bottom:var(--sp-4)}.view-mode-toggle{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.view-mode-toggle-group{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.view-mode-toggle-divider{align-self:stretch;width:1px;min-height:24px;background:var(--border-strong)}.member-search{position:relative;flex:1;min-width:220px;max-width:360px}.member-search-box{min-width:0;max-width:none;width:100%;cursor:text}.member-search-clear{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:2px;color:var(--text-tertiary);cursor:pointer}.member-search-clear[hidden]{display:none}.member-search-clear:hover{color:var(--text-primary)}.member-search-clear .icon{width:14px;height:14px}.member-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;max-height:320px;overflow-y:auto;background:var(--bg-surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 12px 28px #00000059;padding:var(--sp-1)}.member-search-result-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.9rem;cursor:pointer}.member-search-result-item:hover,.member-search-result-item.active{background:var(--bg-surface-hover)}.member-search-result-item strong{color:var(--accent-hover);font-weight:700}.member-search-empty{padding:var(--sp-3);color:var(--text-tertiary);font-size:.85rem;text-align:center}@keyframes member-search-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 10px var(--accent-soft)}}#FamilyChart .card.member-search-highlight{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm);animation:member-search-pulse 1.1s ease-out 2}.all-nodes-svg .all-nodes g.all-node-highlight circle{stroke:var(--accent);stroke-width:3px;animation:member-search-pulse 1.1s ease-out 2}.relationship-finder-page{width:100%}.relationship-finder-page .breadcrumb{margin-bottom:var(--sp-4)}.relationship-finder{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;max-width:480px;margin:0 auto}.relationship-finder .member-search{max-width:none;min-width:0}.relationship-card{background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}.relationship-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.relationship-card-header{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);text-align:center;padding-bottom:var(--sp-4);border-bottom:1px solid var(--border-subtle)}.relationship-card-name{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.relationship-card-kinship{font-size:.95rem;font-weight:600;color:var(--accent-hover);text-transform:capitalize}.relationship-card-meta{font-size:.8rem;color:var(--text-tertiary)}.relationship-card-row{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);background:var(--bg-inset);border:1px solid var(--border-subtle);border-left-width:4px;border-radius:var(--radius-md)}.relationship-card-row-theirs{border-left-color:var(--accent)}.relationship-card-row-yours{border-left-color:var(--success)}.relationship-card-label{font-size:.8rem;color:var(--text-secondary)}.relationship-card-value{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.35}.relationship-card-distance{font-size:.8rem;color:var(--text-tertiary);text-align:center}.relationship-card-empty-text{color:var(--text-secondary);font-size:.9rem}@media (max-width: 480px){.relationship-card{padding:var(--sp-4);border-radius:var(--radius-md)}.relationship-card-name{font-size:1.1rem}.relationship-card-value{font-size:1rem}}.chart-canvas-wrap{position:relative}.chart-container{height:calc(100vh - 280px);min-height:420px;background:var(--bg-inset);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05}.canvas-floating-controls{position:absolute;top:var(--sp-3);right:var(--sp-3);z-index:10;display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1);background:color-mix(in srgb,var(--bg-surface-raised) 85%,transparent);border:1px solid var(--border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.canvas-floating-btn{width:34px;height:34px;background:transparent;border-color:transparent}.canvas-floating-btn:hover{background:var(--bg-surface-hover)}.canvas-floating-btn svg{width:16px;height:16px}.canvas-floating-sep{width:1px;height:18px;background:var(--border-strong)}.all-nodes-svg{display:block;width:100%;height:100%;cursor:grab}.all-nodes-svg.is-panning{cursor:grabbing}.all-nodes-svg .all-nodes g{cursor:grab}.all-nodes-svg .all-nodes g.all-node-drop-target circle{stroke:var(--accent);stroke-width:3px;filter:drop-shadow(0 0 6px var(--accent-soft))}.all-connect-preview-line{stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 4;pointer-events:none}.relationship-type-list,.relationship-subtype-list{display:flex;flex-direction:column;gap:var(--sp-2)}.relationship-type-option,.relationship-subtype-option{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer}.relationship-type-option.is-disabled{opacity:.5;cursor:not-allowed}.relationship-type-help{flex-basis:100%;color:var(--text-secondary);font-size:.85em}.relationship-preview{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-4) 0;text-align:center}.relationship-preview-person{font-weight:600}.relationship-preview-arrow{color:var(--text-secondary)}.relationship-manager-shell{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:var(--sp-4);height:100%;padding:var(--sp-4);position:relative}.rm-undo-redo{position:absolute;top:var(--sp-3);right:var(--sp-3);display:flex;gap:var(--sp-1);z-index:5}.rm-panel{display:flex;flex-direction:column;min-height:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.rm-panel-header{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.rm-panel-header h3{margin:0;display:flex;align-items:center;gap:var(--sp-2);font-size:.95rem}.rm-count-badge{background:var(--accent-soft);color:var(--accent-on-soft);border-radius:var(--radius-pill);padding:1px 8px;font-size:.75rem}.rm-builder-step-label{color:var(--text-tertiary);font-size:.8rem}.rm-search-box,.dm-search-box{max-width:none;width:100%}.rm-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:0 var(--sp-3);font-size:.82rem;color:var(--text-secondary)}.rm-keep-selection,.rm-show-all-toggle{display:flex;align-items:center;gap:var(--sp-1);cursor:pointer}.rm-show-all-toggle{font-size:.8rem;color:var(--text-secondary)}.rm-member-connected-badge{display:block;margin-top:1px;color:var(--text-tertiary);font-size:.72rem;font-style:italic}#rm-disconnected-list-wrap{display:flex;flex-direction:column;flex:1;min-height:0}.rm-member-list{list-style:none;margin:0;padding:var(--sp-2);overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--sp-1)}.rm-member-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent}.rm-member-row:hover{background:var(--bg-surface-hover)}.rm-member-row.is-selected{background:var(--accent-soft);border-color:var(--accent-soft-strong)}.rm-member-row.is-active{outline:2px solid var(--focus-ring);outline-offset:-1px}.rm-member-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.rm-member-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-surface-hover-strong);color:var(--text-tertiary)}.rm-member-avatar-placeholder .icon{width:16px;height:16px}.rm-member-info{display:flex;flex-direction:column;min-width:0}.rm-member-name{font-size:.88rem;font-weight:500}.rm-member-meta{font-size:.76rem;color:var(--text-tertiary)}.rm-pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-secondary)}.rm-empty-state{padding:var(--sp-5);text-align:center;color:var(--text-tertiary);font-size:.88rem}.rm-builder-body{padding:var(--sp-3);overflow-y:auto;flex:1;min-height:0}.rm-builder-empty{color:var(--text-tertiary);font-size:.88rem;padding:var(--sp-4);text-align:center}.rm-builder-selection{font-size:.88rem;margin:0 0 var(--sp-3)}.rm-target-results{display:flex;flex-direction:column;gap:var(--sp-1);margin-top:var(--sp-2)}.rm-target-result{text-align:left;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--sp-2);color:var(--text-primary);cursor:pointer}.rm-target-result:hover{background:var(--bg-surface-hover)}.rm-suggestions,.rm-recent{margin-top:var(--sp-3)}.rm-suggestions-label{display:block;font-size:.76rem;color:var(--text-tertiary);margin-bottom:var(--sp-1)}.rm-suggestion-list{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.rm-suggestion-chip,.rm-recent-chip{border-radius:var(--radius-pill);border:1px solid var(--border-default);background:transparent;color:var(--text-primary);padding:4px 10px;font-size:.8rem;cursor:pointer}.rm-suggestion-chip:hover,.rm-recent-chip:hover{background:var(--accent-soft);border-color:var(--accent-soft-strong)}.rm-suggestion-chip[disabled],.rm-recent-chip[disabled]{opacity:.5;cursor:not-allowed}.rm-inlaw-warning{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);margin-bottom:var(--sp-3);border:1px solid var(--warning-border);background:var(--warning-soft);border-radius:var(--radius-sm);color:var(--warning);font-size:.85rem}.rm-inlaw-warning p{margin:0}.rm-inlaw-warning strong{color:var(--text-primary)}.rm-bulk-preview{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3)}.rm-bulk-preview-row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);flex-wrap:wrap}.rm-bulk-preview-row.is-invalid{border-color:var(--danger-border);opacity:.85}.rm-bulk-preview-icon .icon{width:14px;height:14px}.rm-bulk-preview-person{font-weight:500}.rm-tree-panel-body{padding:var(--sp-2);overflow-y:auto;flex:1;min-height:0}.rm-tree-root-list,.rm-tree-node-children{list-style:none;margin:0;padding-left:var(--sp-4)}.rm-tree-root-list{padding-left:0}.rm-tree-row{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm)}.rm-tree-row.is-highlighted{outline:2px solid var(--accent);outline-offset:1px;animation:member-search-pulse 1.1s ease-out 2}.rm-tree-toggle{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;padding:2px}.rm-tree-toggle .icon{width:14px;height:14px}.rm-tree-toggle-spacer{width:18px;display:inline-block}.rm-tree-name{cursor:pointer;font-size:.88rem}.rm-tree-name:hover{color:var(--accent-hover)}.rm-tree-spouse-badge{display:inline-flex;align-items:center;gap:4px;font-size:.76rem;color:var(--text-tertiary)}.rm-tree-spouse-badge .icon{width:12px;height:12px}@media (max-width: 1100px){.relationship-manager-shell{grid-template-columns:1fr;grid-auto-rows:minmax(260px,1fr);overflow-y:auto}}.duplicate-manager-shell{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--sp-4);height:100%;padding:var(--sp-4);position:relative}.dm-undo-redo{position:absolute;top:var(--sp-3);right:var(--sp-3);display:flex;gap:var(--sp-1);z-index:5}.dm-panel{display:flex;flex-direction:column;min-height:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.dm-panel-header{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.dm-panel-header h3{margin:0;display:flex;align-items:center;gap:var(--sp-2);font-size:.95rem}#dm-pair-list-wrap{display:flex;flex-direction:column;flex:1;min-height:0}.dm-pair-list{list-style:none;margin:0;padding:var(--sp-2);overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--sp-2)}.dm-pair-row{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2);border-radius:var(--radius-sm);border:1px solid var(--border-default);cursor:pointer}.dm-pair-row:hover{background:var(--bg-surface-hover)}.dm-pair-row.is-active{background:var(--accent-soft);border-color:var(--accent-soft-strong);outline:2px solid var(--focus-ring);outline-offset:-1px}.dm-pair-people{display:flex;align-items:center;gap:var(--sp-2)}.dm-pair-person{display:flex;align-items:center;gap:var(--sp-1);min-width:0}.dm-pair-vs{color:var(--text-tertiary);flex-shrink:0}.dm-member-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.dm-member-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--bg-surface-hover-strong);color:var(--text-tertiary)}.dm-member-avatar-placeholder .icon{width:14px;height:14px}.dm-member-name{font-size:.85rem;font-weight:500}.dm-pair-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:.76rem;color:var(--text-tertiary)}.dm-score-badge{background:var(--success-soft);color:var(--success);border:1px solid var(--success-border);border-radius:var(--radius-pill);padding:1px 8px;font-size:.72rem}.dm-pair-reasons{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.dm-reason-chip{background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:1px 8px;font-size:.72rem;color:var(--text-secondary)}.dm-dismiss-btn{align-self:flex-start;font-size:.76rem}.dm-empty-state{padding:var(--sp-5);text-align:center;color:var(--text-tertiary);font-size:.88rem}.dm-compare-body{padding:var(--sp-3);overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--sp-3)}.dm-compare-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:.85rem;font-weight:500}.dm-compare-col{min-width:0;overflow-wrap:break-word;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm)}.dm-compare-col-keep{background:var(--success-soft);border:1px solid var(--success-border)}.dm-compare-col-remove{background:var(--danger-soft);border:1px solid var(--danger-border)}.dm-target-badge{flex-shrink:0;border-radius:var(--radius-pill);padding:1px 8px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.dm-target-badge-keep{background:var(--success);color:var(--bg-surface)}.dm-target-badge-remove{background:var(--danger);color:var(--bg-surface)}.dm-compare-name{min-width:0;overflow-wrap:break-word}.dm-meta-token{color:var(--text-tertiary);font-weight:400}.dm-field-list{display:flex;flex-direction:column;gap:var(--sp-2)}.dm-field-row{display:grid;grid-template-columns:1fr 1.4fr 1.4fr;align-items:center;gap:var(--sp-2);padding:var(--sp-2);border:1px solid var(--border-default);border-radius:var(--radius-sm)}.dm-field-name{font-size:.82rem;color:var(--text-secondary)}.dm-field-option{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);border:1px solid transparent;font-size:.85rem;cursor:pointer;overflow-wrap:anywhere}.dm-field-option.is-chosen{background:var(--accent-soft);border-color:var(--accent-soft-strong)}.dm-rel-preview{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--warning-soft);border:1px solid var(--warning-border);color:var(--text-primary);font-size:.85rem}@media (max-width: 1100px){.duplicate-manager-shell{grid-template-columns:1fr;grid-auto-rows:minmax(260px,1fr);overflow-y:auto}}.dm-bulk-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-soft-strong);color:var(--text-primary);font-size:.85rem}.modal-dialog.modal-dm-bulk-resolve{width:min(100%,760px);max-height:85vh;overflow-y:auto}.dm-bulk-table-wrap{max-height:50vh;overflow-y:auto;border:1px solid var(--border-default);border-radius:var(--radius-md)}.dm-bulk-table{width:100%;border-collapse:collapse;font-size:.85rem}.dm-bulk-table thead th{position:sticky;top:0;background:var(--bg-surface);text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-default);font-weight:600;color:var(--text-secondary)}.dm-bulk-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.dm-bulk-table tbody tr:last-child td{border-bottom:none}.dm-bulk-select-cell{width:1%;white-space:nowrap}.dm-bulk-detail{color:var(--text-tertiary);font-size:.78rem}.dm-bulk-reasons{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.tree-settings-shell{height:100%;overflow-y:auto;padding:var(--sp-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:var(--sp-3);max-width:1200px}.tree-settings-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-4);height:100%}.tree-settings-danger-zone{border-color:var(--danger-border)}.tree-settings-title{margin:0 0 var(--sp-2);font-size:1.05rem}.tree-settings-desc{margin:0 0 var(--sp-3);color:var(--text-secondary);font-size:.9rem}.tree-settings-row{display:flex;gap:var(--sp-2);align-items:center}.tree-settings-select{flex:1;min-width:0}.tree-settings-checkbox-label{display:flex;align-items:center;gap:var(--sp-1);font-size:.9rem}.tree-settings-checkbox-label:has(#tree-settings-unlimited-depth-checkbox){white-space:nowrap}.tree-settings-number-input{width:90px}.tree-settings-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.tree-settings-shell>#tree-settings-error{grid-column:1 / -1}.tree-focus-target{display:flex;flex-direction:column;gap:var(--sp-4)}body.focus-mode-active{overflow:hidden}body.focus-mode-active .app-shell>.sidebar,body.focus-mode-active .sidebar-overlay,body.focus-mode-active .mobile-topbar,body.focus-mode-active .app-footer,body.focus-mode-active .viewer-header,body.focus-mode-active .content>*:not(.tree-focus-target){display:none!important}body.focus-mode-active .content{padding:0;height:100vh}body.focus-mode-active .main-area{width:100%}.focus-mode-target{transition:none}body.focus-mode-active .focus-mode-target{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:var(--bg-page);display:flex;flex-direction:column;gap:0}body.focus-mode-active .focus-mode-target .tree-toolbar-row,body.focus-mode-active .focus-mode-target .canvas-floating-controls{display:none}body.focus-mode-active .focus-mode-target .member-search{position:fixed;top:var(--sp-5);left:var(--sp-5);z-index:1300;min-width:260px;max-width:320px;animation:focus-mode-toolbar-in .26s ease both;animation-delay:.05s}body.focus-mode-active .focus-mode-target .chart-canvas-wrap{flex:1;min-height:0}body.focus-mode-active .focus-mode-target .chart-container{height:100%;width:100%;border:none;border-radius:0}body.focus-mode-transitioning .focus-mode-target{animation:focus-mode-fade .26s ease both}@keyframes focus-mode-fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.focus-mode-toolbar{position:fixed;top:var(--sp-5);right:var(--sp-5);z-index:1300;display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1);background:var(--bg-surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);animation:focus-mode-toolbar-in .26s ease both;animation-delay:.05s}@keyframes focus-mode-toolbar-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.focus-mode-toolbar-btn{width:38px;height:38px;border-radius:var(--radius-pill)}.focus-mode-toolbar-sep{width:1px;height:20px;background:var(--border-strong);margin:0 var(--sp-1)}@media (max-width: 700px){.focus-mode-toolbar{top:auto;bottom:var(--sp-4);right:50%;transform:translate(50%)}.focus-mode-toolbar-btn{width:34px;height:34px}body.focus-mode-active .focus-mode-target .member-search{left:var(--sp-3);right:var(--sp-3);min-width:0;max-width:none}}@media (prefers-reduced-motion: reduce){body.focus-mode-transitioning .focus-mode-target,.focus-mode-toolbar{animation:none}}.security-panel{background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--sp-6);max-width:640px;box-shadow:var(--shadow-sm)}.security-panel h2{font-size:1.1rem;margin-bottom:var(--sp-2)}.danger-zone{margin-top:var(--sp-6);border-color:var(--danger-border)}.danger-zone h2{color:var(--danger)}.danger-zone-title{font-weight:600;margin:0 0 var(--sp-1)}.danger-zone-actions{margin-top:var(--sp-3)}.vault-panel h2{display:flex;align-items:center;gap:var(--sp-2)}.vault-create-row{margin:var(--sp-4) 0;gap:var(--sp-3);align-items:center}.vault-snapshot-list{list-style:none;margin:var(--sp-3) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.vault-snapshot-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border-default);border-radius:var(--radius-md)}.vault-snapshot-info{display:flex;flex-direction:column;gap:2px;min-width:0}.vault-snapshot-name{font-weight:600}.vault-snapshot-actions{gap:var(--sp-2);flex-shrink:0}.contact-page{max-width:1000px;margin:0 auto}.contact-hero{max-width:640px;margin:0 auto var(--sp-8);text-align:center}.contact-hero-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--sp-4);border-radius:50%;background:var(--accent-soft);color:var(--accent-on-soft)}.contact-hero-icon .icon{width:26px;height:26px}.contact-hero .page-title{margin-bottom:var(--sp-2)}.contact-hero-subtitle{margin:0;color:var(--text-secondary)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:var(--sp-6);margin-bottom:var(--sp-8)}.contact-card-title{font-size:1.05rem;font-weight:600;margin-bottom:var(--sp-4)}.contact-form{display:grid;gap:var(--sp-4)}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.contact-form textarea{width:100%}.label-optional{text-transform:none;font-weight:400;color:var(--text-tertiary);letter-spacing:normal}.field-error{display:block;font-size:.8rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--danger);min-height:1.1em}.field-error:empty{display:none}.contact-file-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.contact-file-name{font-size:.85rem;font-weight:400;text-transform:none;letter-spacing:normal;color:var(--text-secondary)}.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;left:-9999px}.contact-submit-btn{justify-self:start;min-width:170px}.contact-info-card{position:sticky;top:var(--sp-6)}.contact-info-list{display:grid;gap:var(--sp-4);margin:0;padding:0;list-style:none}.contact-info-list li{display:flex;align-items:flex-start;gap:var(--sp-3)}.contact-info-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-on-soft)}.contact-info-icon .icon{width:18px;height:18px}.contact-info-label{margin:0;font-size:.76rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.contact-info-value{margin:2px 0 0;font-size:.92rem;color:var(--text-primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.contact-info-value .icon{width:13px;height:13px;color:var(--text-tertiary)}a.contact-info-value:hover{color:var(--accent-hover);text-decoration:underline}.contact-faq{max-width:760px;margin:0 auto}.contact-faq-title{font-size:1.15rem;margin-bottom:var(--sp-4)}.faq-item{background:var(--bg-surface-raised);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-4);margin-bottom:var(--sp-3)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);cursor:pointer;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring);border-radius:var(--radius-sm)}.faq-chevron{display:inline-flex;flex-shrink:0;color:var(--text-tertiary);transition:transform var(--transition-base)}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-item p{margin:var(--sp-3) 0 0;color:var(--text-secondary);line-height:1.6}.contact-success-card{max-width:480px;margin:var(--sp-8) auto 0;padding:var(--sp-8) var(--sp-6);text-align:center}.contact-success-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--sp-4);border-radius:50%;background:var(--success-soft);color:var(--success)}.contact-success-icon .icon{width:26px;height:26px}.contact-success-card h2{margin-bottom:var(--sp-2)}.contact-success-card p{margin:0 0 var(--sp-5)}.muted{color:var(--text-secondary)}.error{display:flex;align-items:center;gap:var(--sp-2);margin:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger);font-size:.85rem;line-height:1.4;grid-column:1 / -1}.error:before{content:"!";display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;border-radius:var(--radius-pill);background:var(--danger);color:var(--text-on-accent);font-size:.7rem;font-weight:700}.error:empty{display:none}.success{display:flex;align-items:center;gap:var(--sp-2);margin:0;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--success-soft);border:1px solid var(--success-border);color:var(--success);font-size:.85rem;line-height:1.4;grid-column:1 / -1}.success:empty{display:none}.mfa-status-badge{display:inline-block;border-radius:var(--radius-pill);padding:4px 12px;font-size:.85rem;font-weight:600;background:var(--bg-surface-hover);border:1px solid var(--border-strong)}.mfa-status-enabled{background:var(--success-soft);border-color:var(--success-border);color:var(--success)}.mfa-status-disabled{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.authenticator-app-list{margin:var(--sp-1) 0 var(--sp-4);padding-left:20px}.qr-code-wrap{display:flex;justify-content:center;padding:var(--sp-3);background:#fff;border-radius:var(--radius-md);width:fit-content;margin:var(--sp-2) 0}dialog.modal-overlay{position:fixed;z-index:1000;margin:auto;max-width:none;max-height:none;overflow:visible}dialog.modal-overlay::backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-dialog{position:relative;width:min(90vw,440px);margin:0;max-height:min(80vh,640px);overflow-y:auto;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(8px) scale(.98);transition:opacity var(--transition-base),transform var(--transition-base),overlay var(--transition-base) allow-discrete,display var(--transition-base) allow-discrete}dialog.modal-overlay[open]{opacity:1;transform:none}@starting-style{dialog.modal-overlay[open]{opacity:0;transform:translateY(8px) scale(.98)}}@media (prefers-reduced-motion: reduce){.modal-dialog{transition:none}}.modal-dialog.modal-share,.modal-dialog.modal-danger{width:min(90vw,520px)}.modal-dialog.modal-warning{width:min(90vw,480px)}.modal-dialog h3{margin:0 0 var(--sp-3);padding-right:var(--sp-6)}.modal-close{position:absolute;top:var(--sp-4);right:var(--sp-4)}.modal-message{margin:0 0 var(--sp-4);color:var(--text-secondary);line-height:1.5}.modal-actions{justify-content:flex-end;margin-top:var(--sp-2)}.share-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3)}.share-form input[type=email]{flex:1;min-width:160px}.share-form select{width:auto;flex-shrink:0}.share-form input[type=date]{flex:1;min-width:130px}.member-list{display:grid;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border-subtle)}.member-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.member-info{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.member-email{margin:0;font-size:.88rem;font-weight:500}.member-meta{margin:var(--sp-1) 0 0;display:flex;gap:var(--sp-2)}.member-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);flex-shrink:0}.member-role-menu-wrap{position:relative}.member-role-trigger{gap:var(--sp-1)}.member-role-menu{min-width:190px}.dropdown-item-icon-spacer{display:inline-block;width:1em;height:1em;flex-shrink:0}.dropdown-divider{margin:var(--sp-1) 0;border-top:1px solid var(--border-subtle)}.visibility-picker{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.visibility-picker-label{margin:0;font-size:.82rem;font-weight:600;color:var(--text-secondary)}.visibility-picker-options{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.visibility-picker-option{display:flex;align-items:center;gap:var(--sp-1);font-size:.85rem;cursor:pointer}.visibility-picker-collaborators{display:flex;flex-direction:column;gap:var(--sp-2);max-height:220px;overflow-y:auto}.visibility-picker-collaborator-row{cursor:pointer}.visibility-picker-share-checkbox{flex-shrink:0}.ownership-row{flex-direction:column;align-items:stretch}.ownership-row .member-actions{width:100%;flex-wrap:wrap;flex-shrink:1}.transfer-target-select{flex:1 1 160px;min-width:0;max-width:100%}.toast-container{position:fixed;top:var(--sp-6);left:50%;transform:translate(-50%);z-index:1100;display:flex;flex-direction:column;gap:var(--sp-2);max-width:min(420px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface-raised);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-8px);transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:auto}.toast-show{opacity:1;transform:translateY(0)}.toast-hide{opacity:0;transform:translateY(-8px)}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:1px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;line-height:1}.toast-message{flex:1;min-width:0;word-break:break-word;align-self:center}.toast-close{flex-shrink:0;width:22px;height:22px;padding:0;border:none;background:transparent;color:var(--text-tertiary);font-size:1rem;line-height:1}.toast-close:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.toast-success{border-color:var(--success-border);background:var(--success-soft)}.toast-success .toast-icon{background:var(--success);color:var(--text-on-accent)}.toast-error{border-color:var(--danger-border);background:var(--danger-soft)}.toast-error .toast-icon{background:var(--danger);color:var(--text-on-accent)}.toast-warning{border-color:var(--warning-border);background:var(--warning-soft)}.toast-warning .toast-icon{background:var(--warning);color:var(--text-on-accent)}.toast-info{border-color:var(--info-border);background:var(--info-soft)}.toast-info .toast-icon{background:var(--info-on-soft);color:var(--text-on-inverse)}.toast-message{flex:1;font-size:.92rem}.toast-close{min-height:28px;width:28px;padding:0;background:transparent;color:var(--text-secondary)}.toast-close:hover{background:var(--bg-surface-hover)}@media (max-width: 1100px){.content{padding:var(--sp-6) var(--sp-5)}.mobile-topbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);position:sticky;top:0;z-index:20}.mobile-topbar-title{display:flex;align-items:center;gap:var(--sp-2);font-weight:700}.mobile-topbar-title .icon{width:20px;height:20px;color:var(--accent)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;transform:translate(-100%);box-shadow:var(--shadow-lg);transition:transform var(--transition-base)}.sidebar-close{display:inline-flex}.sidebar-collapse-btn{display:none}.app-shell.sidebar-open .sidebar{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg-overlay-light)}.app-shell.sidebar-open .sidebar-overlay{display:block}.toolbar-cards,.contact-grid{grid-template-columns:1fr}.contact-info-card{position:static}}@media (max-width: 700px){.content{padding:var(--sp-5) var(--sp-4)}.page-header{flex-direction:column;align-items:stretch}.page-header-actions{flex-direction:column}.page-header .btn-primary,.page-header .btn-secondary{width:100%}.trees-toolbar-row{flex-direction:column;align-items:stretch}.search-box{max-width:none}.discover-search-form{flex-direction:column;align-items:stretch}.discover-search-box{max-width:none}.sort-box{justify-content:space-between}.tree-grid,.tree-grid-inner{grid-template-columns:1fr}.viewer-title-row{flex-direction:column;align-items:stretch}.viewer-title-actions{width:100%}.viewer-title-actions .member-search{order:-1;max-width:none;flex-basis:100%}.viewer-title-actions .btn span{display:none}.chart-container{height:65vh}.contact-form-row{grid-template-columns:1fr}.contact-submit-btn{justify-self:stretch}}.modal-dialog.modal-gedcom-wizard,.modal-dialog.modal-gedcom-export,.modal-dialog.modal-vault-restore{width:min(100%,560px)}.wizard-step-label{margin:0 0 var(--sp-2);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.gedcom-dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;text-align:center}.gedcom-dropzone:hover{border-color:var(--accent);color:var(--text-primary)}.wizard-spinner{display:flex;justify-content:center;padding:var(--sp-6) 0}.wizard-spinner .icon{width:32px;height:32px;animation:wizard-spin 1s linear infinite}@keyframes wizard-spin{to{transform:rotate(360deg)}}.wizard-issue-group{margin-bottom:var(--sp-4)}.wizard-issue-title{margin:0 0 var(--sp-1);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.wizard-tone-danger{color:var(--danger)}.wizard-tone-warning{color:var(--warning)}.wizard-issue-list{margin:0;padding-left:var(--sp-5);display:grid;gap:var(--sp-1);font-size:.85rem;color:var(--text-secondary);max-height:180px;overflow-y:auto}.wizard-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-bottom:var(--sp-4)}.wizard-summary-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);text-align:center}.wizard-summary-card strong{font-size:1.4rem}.wizard-summary-card span{font-size:.78rem;color:var(--text-secondary)}.wizard-preview-list{margin:0 0 var(--sp-4);padding-left:var(--sp-5);display:grid;gap:var(--sp-1);font-size:.88rem;max-height:200px;overflow-y:auto}.wizard-preview-more{color:var(--text-secondary)}.wizard-option-group{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-4)}.wizard-radio-row,.wizard-checkbox-row{display:flex;align-items:center;gap:var(--sp-2);font-size:.9rem}.wizard-radio-row small,.wizard-checkbox-row small{color:var(--text-secondary)}#wizard-new-tree-name,#wizard-target-tree-select,#csv-panel-new-tree-name{margin:0 0 var(--sp-2) var(--sp-5)}@media (max-width: 700px){.wizard-summary-grid{grid-template-columns:1fr}}.modal-dialog.modal-tree-export{width:min(100%,480px)}.export-format-group{gap:var(--sp-3)}.export-format-option{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer}.export-format-option:has(input:checked){border-color:var(--accent);background:var(--bg-inset)}.export-format-option .icon{width:22px;height:22px;flex-shrink:0;color:var(--text-secondary)}.export-format-option span{display:flex;flex-direction:column;gap:2px}.export-format-option small{color:var(--text-secondary);font-size:.8rem}.export-progress{display:flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding:var(--sp-3);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);font-size:.88rem}.export-progress .spinner .icon{width:18px;height:18px;animation:wizard-spin 1s linear infinite}.modal-dialog.modal-csv-import{width:min(100%,620px);max-height:85vh;overflow-y:auto}.csv-help-section{margin-bottom:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.csv-help-title{margin:var(--sp-2) 0 var(--sp-1);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary)}.csv-help-title:first-child{margin-top:0}.csv-help-text{margin:0;font-size:.85rem}.csv-help-list{margin:0 0 var(--sp-4);padding-left:var(--sp-5);display:grid;gap:var(--sp-1);font-size:.85rem;color:var(--text-secondary)}.contact-form-replyto{margin:0 0 var(--sp-4);font-size:.88rem}.ticket-page{max-width:1100px;margin:0 auto}.ticket-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5)}.ticket-search-box{max-width:320px}.ticket-filter-select{min-height:38px;padding:8px 10px}.ticket-sort-control{display:flex;align-items:center;gap:var(--sp-2)}.ticket-table{display:grid;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.ticket-table-head{display:grid;grid-template-columns:130px 1fr 130px 110px 160px;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);color:var(--text-tertiary);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.admin-ticket-table-head{grid-template-columns:120px 1fr 180px 130px 100px 150px 150px}.ticket-row{display:grid;grid-template-columns:130px 1fr 130px 110px 160px;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:var(--bg-surface-raised);border:none;border-top:1px solid var(--border-subtle);border-radius:0;color:var(--text-primary);text-align:left;font-size:.88rem;font-weight:400;cursor:pointer}.admin-ticket-row{grid-template-columns:120px 1fr 180px 130px 100px 150px 150px}.ticket-row:hover{background:var(--bg-surface-hover)}.ticket-row-number{color:var(--text-tertiary);font-weight:500}.ticket-row-subject,.ticket-row-user,.ticket-row-updated,.ticket-row-assigned{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-table-empty{padding:var(--sp-6);text-align:center}.ticket-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-4)}.ticket-pagination-label{color:var(--text-tertiary);font-size:.85rem}.ticket-pagination-actions{display:flex;gap:var(--sp-2)}.badge-ticket-status-new{border-color:var(--info-border);background:var(--info-soft);color:var(--info-on-soft)}.badge-ticket-status-in_progress{border-color:var(--warning-border);background:var(--warning-soft);color:var(--warning)}.badge-ticket-status-waiting_for_user{border-color:var(--accent-soft-strong);background:var(--accent-soft);color:var(--accent-on-soft)}.badge-ticket-status-resolved,.badge-ticket-status-closed{border-color:var(--success-border);background:var(--success-soft);color:var(--success)}.badge-priority-low{color:var(--text-secondary)}.badge-priority-normal{color:var(--info-on-soft)}.badge-priority-high{border-color:var(--warning-border);background:var(--warning-soft);color:var(--warning)}.badge-priority-urgent{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.ticket-back-btn{display:inline-flex;margin-bottom:var(--sp-4)}.ticket-detail-page{max-width:760px}.ticket-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-5)}.ticket-detail-number{margin:0 0 var(--sp-1);color:var(--text-tertiary);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.ticket-detail-badges{display:flex;gap:var(--sp-2);flex-shrink:0}.ticket-conversation-card{padding:var(--sp-5)}.message-thread{display:flex;flex-direction:column;gap:var(--sp-4);max-height:55vh;overflow-y:auto;scroll-behavior:smooth;padding:var(--sp-2) var(--sp-1);margin-bottom:var(--sp-4)}.internal-notes-thread{max-height:320px;margin-bottom:var(--sp-3)}.message-row{display:flex;align-items:flex-start;gap:var(--sp-3);max-width:88%}.message-row-mine{flex-direction:row-reverse;align-self:flex-end}.message-row-theirs{align-self:flex-start}.message-avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-surface-hover);color:var(--text-secondary);font-size:.78rem;font-weight:600}.message-row-mine .message-avatar{background:var(--accent-soft);color:var(--accent-on-soft)}.message-bubble{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);min-width:0}.message-row-mine .message-bubble{background:var(--accent-soft);border-color:var(--accent-soft-strong)}.message-meta{display:flex;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-1)}.message-sender{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.message-time{font-size:.72rem;color:var(--text-tertiary)}.message-text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.5}.message-attachment-chip{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);padding:5px 10px;background:var(--bg-surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:.78rem}.message-attachment-chip .icon{width:14px;height:14px}.message-attachment-chip:hover{background:var(--bg-surface);color:var(--text-primary)}.ticket-closed-note{padding:var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface)}.ticket-reply-form{display:grid;gap:var(--sp-2)}.ticket-reply-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}.ticket-reply-row .contact-file-name{flex:1}.admin-shell{display:flex;flex-direction:column;gap:var(--sp-5)}.admin-nav{display:flex;flex-wrap:wrap;gap:var(--sp-2);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--sp-3)}.admin-nav-item{background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:var(--radius-pill);padding:7px 16px}.admin-nav-item:hover:not([disabled]){background:var(--bg-surface-hover);color:var(--text-primary)}.admin-nav-item-active{background:var(--accent-soft);color:var(--accent-on-soft);border-color:var(--accent-soft-strong)}.admin-nav-soon{margin-left:var(--sp-2);font-size:.68rem;color:var(--text-tertiary)}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4)}.admin-stat-card{text-align:center;padding:var(--sp-5);min-width:0}button.admin-stat-card{display:block;width:100%;font:inherit;background:var(--bg-surface-raised);border:1px solid var(--border-subtle)}.admin-stat-card-clickable{cursor:pointer;transition:border-color .15s ease,transform .15s ease}.admin-stat-card-clickable:hover{border-color:var(--accent-soft-strong);transform:translateY(-1px)}.admin-stat-value{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary)}.admin-stat-label{margin:var(--sp-1) 0 0;color:var(--text-tertiary);font-size:.82rem;overflow-wrap:break-word;text-transform:uppercase;letter-spacing:.04em}.ticket-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:var(--sp-5);align-items:start}.ticket-side-panel{display:grid;gap:var(--sp-4)}.ticket-side-panel .card label{margin-top:var(--sp-3)}.ticket-assign-row{margin-top:var(--sp-4)}.internal-notes-panel{background:var(--warning-soft);border-color:var(--warning-border)}.internal-notes-panel .message-bubble{background:var(--bg-surface-raised)}@media (max-width: 860px){.ticket-table-head,.ticket-row{grid-template-columns:1fr;gap:var(--sp-1)}.ticket-table-head{display:none}.ticket-detail-grid{grid-template-columns:1fr}.message-row{max-width:100%}}.admin-search-box{max-width:320px}.admin-filter-panel{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.admin-filter-select{min-height:38px;padding:8px 10px}.admin-table{display:grid;border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.admin-table-head{display:grid;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);color:var(--text-tertiary);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.admin-table-row{display:grid;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);background:var(--bg-surface-raised);border:none;border-top:1px solid var(--border-subtle);border-radius:0;color:var(--text-primary);text-align:left;font-size:.88rem;font-weight:400;cursor:pointer}.admin-table-row:hover{background:var(--bg-surface-hover)}.admin-table-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table-index-cell{text-align:center}.admin-table-primary{font-weight:600}.admin-table-empty{padding:var(--sp-6);text-align:center}.admin-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-4)}.admin-pagination-label{color:var(--text-tertiary);font-size:.85rem}.admin-pagination-actions{display:flex;align-items:center;gap:var(--sp-1);flex-wrap:wrap}.admin-page-number-btn{min-width:34px}.admin-empty-state,.admin-error-state{padding:var(--sp-8) var(--sp-4)}.admin-loading-state{padding:var(--sp-6);text-align:center}.admin-stat-card-icon{display:inline-flex;color:var(--text-tertiary);margin-bottom:var(--sp-2)}.admin-stat-hint{margin:var(--sp-1) 0 0;font-size:.72rem}.admin-activity-card{margin-top:var(--sp-5);padding:var(--sp-5)}.admin-activity-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}.admin-activity-item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle);font-size:.88rem}.admin-activity-item:last-child{border-bottom:none;padding-bottom:0}.admin-activity-time{flex-shrink:0;font-size:.76rem}.badge-user-status-active{border-color:var(--success-border);background:var(--success-soft);color:var(--success)}.badge-user-status-suspended{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.badge-tree-status-active{border-color:var(--success-border);background:var(--success-soft);color:var(--success)}.badge-tree-status-disabled{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.badge-role-admin{border-color:var(--accent-soft-strong);background:var(--accent-soft);color:var(--accent-on-soft)}.badge-audit-action{border-color:var(--border-default);background:var(--bg-surface-hover);color:var(--text-secondary)}.badge-override-read_write{border-color:var(--warning-border);background:var(--warning-soft);color:var(--warning)}.badge-override-read_only{border-color:var(--border-strong);background:var(--bg-surface-hover);color:var(--text-secondary)}.admin-override-row-actions{display:flex;align-items:center;gap:var(--sp-2)}.admin-override-row-expired{opacity:.6}.admin-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:var(--sp-5);align-items:start}.admin-detail-list{display:grid;gap:var(--sp-3);margin:var(--sp-4) 0}.admin-detail-list>div{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--border-subtle)}.admin-detail-list dt{color:var(--text-tertiary);font-size:.82rem}.admin-detail-list dd{margin:0;display:inline-flex;align-items:center;gap:var(--sp-1);font-weight:500}.admin-owned-tree-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.admin-owned-tree-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) 0;border-bottom:1px solid var(--border-subtle);font-size:.88rem}.admin-owned-tree-row:last-child{border-bottom:none}.admin-action-list{display:grid;gap:var(--sp-2);margin-top:var(--sp-3)}.admin-action-list .btn{width:100%;justify-content:center}.admin-tree-viewer-mount{margin-top:var(--sp-4)}.admin-tree-viewer-chart{width:100%;height:480px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.admin-trend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-4)}.admin-trend-card{padding:var(--sp-5)}.admin-trend-title{margin:0;color:var(--text-tertiary);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.admin-trend-value{margin:var(--sp-1) 0 var(--sp-3);font-size:1.6rem;font-weight:700}.admin-sparkline{width:100%;height:40px;color:var(--accent)}.admin-settings-form{display:grid;gap:var(--sp-4);padding:var(--sp-5);max-width:640px}.admin-setting-field{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.admin-setting-field:last-of-type{border-bottom:none}.admin-setting-label{font-weight:500}.admin-setting-field input[type=text],.admin-setting-field input[type=number],.admin-setting-field select{min-width:180px}.admin-setting-toggle{position:relative;display:inline-flex;width:40px;height:22px;flex-shrink:0}.admin-setting-toggle input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.admin-setting-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-surface-hover);border:1px solid var(--border-default);border-radius:var(--radius-pill);transition:background .15s ease}.admin-setting-toggle-track:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--bg-surface-raised);box-shadow:0 1px 2px #00000040;transition:transform .15s ease}.admin-setting-toggle input:checked+.admin-setting-toggle-track{background:var(--accent);border-color:var(--accent)}.admin-setting-toggle input:checked+.admin-setting-toggle-track:before{transform:translate(18px)}.admin-audit-details{font-family:monospace;font-size:.76rem}.admin-audit-expanded{margin:calc(var(--sp-3) * -1) 0 var(--sp-4);padding:var(--sp-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md, 8px);background:var(--bg-surface-hover)}.admin-audit-diff{display:grid;gap:var(--sp-2)}.admin-audit-diff-row{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--sp-3);font-family:monospace;font-size:.8rem}.admin-audit-diff-key{color:var(--text-secondary);font-weight:600}.admin-audit-diff-before{color:var(--text-secondary);text-decoration:line-through;word-break:break-word}.admin-audit-diff-after{color:var(--text-primary);word-break:break-word}.admin-audit-diff-arrow{color:var(--text-tertiary, var(--text-secondary))}.admin-audit-diff-meta{margin-top:var(--sp-2);font-size:.76rem}@media (max-width: 860px){.admin-table-head{display:none}.admin-table-row{grid-template-columns:1fr!important;gap:var(--sp-1)}.admin-detail-grid{grid-template-columns:1fr}.admin-setting-field{flex-direction:column;align-items:flex-start}}.app-footer{border-top:1px solid var(--border-subtle);padding:var(--sp-5) var(--sp-10)}.app-footer-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3)}.app-footer-copyright{color:var(--text-tertiary);font-size:.82rem}.app-footer-links{display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap}.app-footer-link{color:var(--text-secondary);font-size:.82rem;text-decoration:none}.app-footer-link:hover{color:var(--accent-hover);text-decoration:underline}.app-footer-dashboard .app-footer-inner{max-width:none;margin:0}.app-footer-auth{position:relative;z-index:1;max-width:500px;margin:var(--sp-5) auto 0;border-top:none;padding:0}.app-footer-auth .app-footer-inner{justify-content:center}.app-footer-legal{margin-top:var(--sp-10)}@media (max-width: 700px){.app-footer{padding:var(--sp-4) var(--sp-4)}.app-footer-inner{flex-direction:column;align-items:center;text-align:center}}.auth-legal-disclaimer{margin:var(--sp-5) 0 0;text-align:center;color:var(--text-tertiary);font-size:.78rem;line-height:1.6}.auth-legal-disclaimer a{color:var(--text-secondary);text-decoration:underline}.auth-legal-disclaimer a:hover{color:var(--accent-hover)}.legal-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page)}.legal-shell-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-10);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:20;background:var(--bg-page)}.legal-shell-brand{display:flex;align-items:center;gap:var(--sp-2);font-weight:700;color:var(--text-primary);text-decoration:none}.legal-shell-brand-icon{display:inline-flex;width:24px;height:24px;color:var(--accent)}.legal-shell-main{flex:1;padding:var(--sp-10) var(--sp-6)}.legal-page{position:relative;max-width:900px;margin:0 auto}.legal-progress-track{position:fixed;top:0;left:0;right:0;height:3px;z-index:30;background:transparent}.legal-progress-bar{height:100%;width:0%;background:var(--accent);transition:width var(--transition-fast)}.legal-header{max-width:700px;margin:0 auto var(--sp-8);text-align:center}.legal-title{font-size:2.1rem;font-weight:700;margin-bottom:var(--sp-3)}.legal-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-2);color:var(--text-tertiary);font-size:.85rem;margin-bottom:var(--sp-4)}.legal-meta-item{display:inline-flex;align-items:center;gap:5px}.legal-meta-item .icon{width:14px;height:14px}.legal-meta-sep{color:var(--border-strong)}.legal-intro{margin:0;color:var(--text-secondary);font-size:1.02rem;line-height:1.6}.legal-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--sp-8);align-items:start}.legal-toc{position:sticky;top:calc(var(--sp-6) + 64px)}.legal-toc-title{display:flex;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-3);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.legal-toc-title .icon{width:14px;height:14px}.legal-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-1);border-left:1px solid var(--border-subtle)}.legal-toc-link{display:block;padding:5px var(--sp-3);margin-left:-1px;border-left:2px solid transparent;color:var(--text-secondary);font-size:.85rem;line-height:1.4;text-decoration:none}.legal-toc-link:hover{color:var(--text-primary)}.legal-toc-link-active{border-left-color:var(--accent);color:var(--accent-hover);font-weight:600}.legal-sections{min-width:0}.legal-section{padding-top:var(--sp-3);margin-bottom:var(--sp-8);scroll-margin-top:var(--sp-8)}.legal-section-title{display:flex;align-items:baseline;gap:var(--sp-2);font-size:1.3rem;font-weight:700;margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border-subtle)}.legal-section-number{color:var(--text-tertiary);font-weight:600}.legal-subheading{font-size:1.02rem;font-weight:600;margin:var(--sp-5) 0 var(--sp-2)}.legal-p{margin:0 0 var(--sp-4);color:var(--text-secondary);line-height:1.7}.legal-p a,.legal-callout a{color:var(--text-primary);text-decoration:underline}.legal-p a:hover,.legal-callout a:hover{color:var(--accent-hover)}.legal-list{margin:0 0 var(--sp-4);padding-left:var(--sp-6);color:var(--text-secondary);line-height:1.7;display:grid;gap:var(--sp-2)}.legal-callout{display:grid;gap:var(--sp-2);background:var(--warning-soft);border:1px solid var(--warning-border);border-radius:var(--radius-md);padding:var(--sp-4);margin:0 0 var(--sp-4)}.legal-callout-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--warning)}.legal-callout p{margin:0;color:var(--text-secondary);line-height:1.6}.legal-revision-history{margin-top:var(--sp-10);padding-top:var(--sp-6);border-top:1px solid var(--border-subtle)}.legal-revision-history ul{margin:var(--sp-3) 0 0;padding:0;list-style:none;display:grid;gap:var(--sp-2)}.legal-revision-history li{display:flex;flex-wrap:wrap;gap:var(--sp-3);font-size:.85rem;color:var(--text-secondary)}.legal-revision-version{font-weight:700;color:var(--text-primary);min-width:40px}.legal-revision-date{color:var(--text-tertiary);min-width:90px}.legal-back-to-top{position:fixed;right:var(--sp-6);bottom:var(--sp-6);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base)}.legal-back-to-top:hover{background:var(--accent-hover)}.legal-back-to-top-visible{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 900px){.legal-body{grid-template-columns:1fr}.legal-toc{position:static;border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--sp-4);margin-bottom:var(--sp-6)}.legal-toc ol{border-left:none}.legal-toc-link{border-left:none;padding:5px 0}.legal-toc-link-active{color:var(--accent-hover)}}@media (max-width: 700px){.legal-shell-header{padding:var(--sp-3) var(--sp-4)}.legal-shell-main{padding:var(--sp-6) var(--sp-4)}.legal-title{font-size:1.6rem}.legal-back-to-top{right:var(--sp-4);bottom:var(--sp-4)}}.modal-dialog.modal-media-lightbox{width:min(100%,720px);max-height:min(88vh,760px);overflow:hidden;display:flex;flex-direction:column}.lightbox-delete-top-btn{position:absolute;top:var(--sp-3);right:56px;z-index:1}.lightbox-scroll{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:0;padding-right:26px;margin-right:-26px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sp-3);margin:var(--sp-3) 0}.media-grid-item{position:relative;aspect-ratio:1 / 1;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden;cursor:pointer}.media-grid-item img{width:100%;height:100%;object-fit:cover;display:block}.media-thumb-video,.media-thumb-doc{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative}.media-thumb-video .icon,.media-thumb-doc .icon{width:32px;height:32px}.media-thumb-badge{position:absolute;font-size:.7rem;color:var(--text-primary);background:#00000080;border-radius:999px;padding:2px 6px}.media-thumb-stub{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);color:var(--text-secondary);background:var(--bg-muted, rgba(128, 128, 128, .08))}.media-thumb-stub .icon{width:28px;height:28px}.media-thumb-stub-label{font-size:.7rem}.lightbox-stub{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-2);padding:var(--sp-4) 0}.lightbox-stub-icon{color:var(--text-secondary)}.lightbox-stub-icon .icon{width:40px;height:40px}.lightbox-stub .page-title{margin:var(--sp-2) 0 0}.timeline-event-row-stub .timeline-event-title{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-secondary)}.timeline-event-row-stub .timeline-event-title .icon{width:16px;height:16px;flex-shrink:0}.lightbox-media{display:block;width:100%;max-height:35vh;object-fit:contain;border-radius:var(--radius-md);background:var(--bg-surface);margin:var(--sp-3) 0}.lightbox-description-row{display:inline-flex;align-items:center;gap:8px;margin:var(--sp-1) 0 0}.lightbox-description-row:has(.lightbox-description){display:flex;align-items:flex-start;width:100%}.lightbox-description,.lightbox-description-row .page-subtitle{margin:0;flex:1;min-width:0}.lightbox-description-row .icon-btn{flex-shrink:0}.lightbox-description-add-btn{display:inline-flex;align-items:center;gap:var(--sp-1);margin:var(--sp-1) 0 0;padding:0;border:none;background:none;color:var(--text-secondary);font-size:.85rem;cursor:pointer;width:fit-content}.lightbox-description-add-btn:hover{color:var(--text-primary)}.lightbox-description-add-btn .icon{width:14px;height:14px}.lightbox-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding-right:var(--sp-6)}.lightbox-title-row h3,.lightbox-title-row .page-title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto}.lightbox-title-row #lightbox-edit-btn{flex-shrink:0}.lightbox-title-group{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:1 1 auto}.lightbox-title-group .page-title{flex:1 1 auto}.lightbox-title-group .icon-btn{flex-shrink:0}.lightbox-visibility-badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:3px 10px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-surface-hover);color:var(--text-secondary);font-size:.74rem;font-weight:600;cursor:pointer}.lightbox-visibility-badge:hover{border-color:var(--border-strong);color:var(--text-primary)}.lightbox-visibility-badge .icon{width:12px;height:12px;flex-shrink:0}.lightbox-visibility-badge.lightbox-visibility-static{cursor:default}.lightbox-edit-form{display:grid;gap:var(--sp-3);margin:var(--sp-2) 0 var(--sp-3)}.lightbox-edit-form label{display:grid;gap:var(--sp-1);font-size:.85rem;color:var(--text-secondary)}.lightbox-edit-form input,.lightbox-edit-form textarea{font:inherit;resize:vertical}.lightbox-doc-link{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);margin:var(--sp-3) 0}.lightbox-tags{margin-top:var(--sp-3)}.lightbox-tags-title{margin:0 0 var(--sp-2);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary)}.timeline-media-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.timeline-media-header .lightbox-tags-title{margin:0}.timeline-media-panel{display:flex;flex-direction:column;gap:var(--sp-3);background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:8px;padding:20px;margin:var(--sp-2) 0 var(--sp-4)}.timeline-media-panel .media-grid{margin:0}.timeline-media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);text-align:center;padding:var(--sp-4) 0}.timeline-media-empty .muted{margin:0}.timeline-media-panel .reaction-bar{justify-content:center;padding-top:var(--sp-2);border-top:1px solid var(--border-subtle)}.lightbox-tag-list{list-style:none;margin:0 0 var(--sp-3);padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.lightbox-tag-chip{display:flex;align-items:center;gap:var(--sp-1);padding:4px var(--sp-2);border-radius:999px;background:var(--accent-soft);color:var(--accent-on-soft);font-size:.85rem}.tag-source-badge{font-size:.68rem;opacity:.8}.lightbox-tag-add{position:relative}.lightbox-tag-add input{width:100%}.lightbox-tag-suggestions{position:absolute;z-index:5;top:calc(100% + 4px);left:0;right:0;margin:0;padding:var(--sp-1);list-style:none;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-raised);max-height:200px;overflow-y:auto}.lightbox-tag-suggestions li{padding:var(--sp-2);border-radius:var(--radius-md);cursor:pointer}.lightbox-tag-suggestions li:hover{background:var(--bg-surface-hover)}.comment-section,.comment-section-title{margin-top:var(--sp-3)}.reaction-bar{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:4px var(--sp-2);border:1px solid var(--border-default);border-radius:999px;background:var(--bg-surface);cursor:pointer;font-size:.9rem;line-height:1}.reaction-chip:hover:not(:disabled){background:var(--bg-surface-hover)}.reaction-chip:disabled{cursor:default;opacity:.7}.reaction-chip-active{background:var(--accent-soft);border-color:var(--accent-on-soft)}.reaction-chip-count{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3)}.comment-list-empty{padding:0}.comment-item{display:flex;align-items:flex-start;gap:var(--sp-2);background:var(--bg-inset);border-radius:8px;padding:12px;position:relative}.comment-item-body{flex:1;min-width:0;padding-right:var(--sp-5)}.comment-item-meta{margin:0;display:flex;align-items:baseline;gap:var(--sp-2)}.comment-item-author{font-weight:600;font-size:.85rem}.comment-item-time{font-size:.75rem}.comment-item-text{margin:2px 0 0;font-size:.9rem;white-space:pre-wrap;word-break:break-word}.comment-delete-btn{position:absolute;top:var(--sp-2);right:var(--sp-2);flex-shrink:0}.comment-form{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3)}.comment-form textarea{width:100%;resize:vertical}.comment-form-actions{display:flex;justify-content:flex-end}.media-library-page{width:100%}.media-library-page .breadcrumb{margin-bottom:var(--sp-4)}.media-library-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-4)}.media-library-sidebar{display:flex;flex-direction:column;gap:var(--sp-2)}.media-library-new-album-btn{width:100%;justify-content:center}.media-library-albums{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-1)}.media-library-album-row{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);cursor:pointer;font-size:.88rem;color:var(--text-secondary)}.media-library-album-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-library-album-rename-btn,.media-library-album-delete-btn{flex-shrink:0;width:24px;height:24px;opacity:0}.media-library-album-row:hover .media-library-album-rename-btn,.media-library-album-row:hover .media-library-album-delete-btn,.media-library-album-rename-btn:focus-visible,.media-library-album-delete-btn:focus-visible{opacity:1}.media-library-album-row:hover{background:var(--bg-surface-hover)}.media-library-album-row.active{background:var(--accent-soft);color:var(--accent-on-soft)}.media-library-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3)}.media-library-upload-label{margin-left:auto;cursor:pointer}.media-library-pending-upload{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3);margin-bottom:var(--sp-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface)}@media (max-width: 640px){.media-library-layout{grid-template-columns:1fr}}.timeline-page{width:100%}.timeline-detail-wrap{max-width:1000px;margin:0;padding:24px 24px 24px 0}.timeline-page .lightbox-title-row{padding-right:0}.timeline-page .breadcrumb-link{display:inline-flex;margin-bottom:var(--sp-4)}.timeline-page .breadcrumb{margin-bottom:var(--sp-4)}.timeline-page .breadcrumb .breadcrumb-link{margin-bottom:0}.timeline-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-4)}.timeline-detail-header .breadcrumb{margin-bottom:0}.timeline-detail-header .btn-danger{flex-shrink:0}.timeline-media-picker-upload-label{display:inline-flex;cursor:pointer;margin:var(--sp-2) 0 var(--sp-3)}.timeline-new-event-form{display:grid;gap:var(--sp-2);padding:var(--sp-3);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);margin-bottom:var(--sp-4)}.timeline-year-group{margin-bottom:var(--sp-4)}.timeline-year-label{margin:0 0 var(--sp-2);font-size:.95rem;font-weight:700;color:var(--text-secondary)}.timeline-event-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.timeline-event-row{display:flex;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer}.timeline-event-row:hover{border-color:var(--border-strong)}.timeline-event-date{min-width:100px;color:var(--text-secondary);font-size:.85rem}.timeline-event-title{margin:0;font-weight:600}.timeline-event-location{margin:2px 0 0;font-size:.85rem}.family-feed-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-base);z-index:60}.family-feed-backdrop.opened{opacity:1;pointer-events:auto}.family-feed-panel{position:fixed;top:0;right:0;bottom:0;width:min(400px,100vw);display:flex;flex-direction:column;background:var(--bg-surface-raised);border-left:1px solid var(--border-default);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform var(--transition-base);z-index:61}.family-feed-panel.opened{transform:translate(0)}.family-feed-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-5) var(--sp-3);flex:none}.family-feed-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary)}.family-feed-filters{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0 var(--sp-5) var(--sp-4);flex:none}.family-feed-body{flex:1 1 auto;overflow-y:auto;padding:0 var(--sp-5) var(--sp-5)}.activity-list{--thread-x: 14px;--badge-size: 28px;list-style:none;margin:0;padding:0;position:relative}.activity-list:before{content:"";position:absolute;top:4px;bottom:4px;left:var(--thread-x);width:2px;margin-left:-1px;background:var(--border-default)}.activity-item{position:relative;padding:0 0 var(--sp-5) calc(var(--thread-x) + var(--badge-size) / 2 + var(--sp-3))}.activity-item:last-child{padding-bottom:0}.activity-badge{position:absolute;top:0;left:var(--thread-x);width:var(--badge-size);height:var(--badge-size);margin-left:calc(var(--badge-size) / -2);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:2px solid var(--bg-surface-raised);box-shadow:0 0 0 1px var(--border-default);color:var(--text-on-accent)}.activity-badge svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.activity-badge--add{background:var(--success)}.activity-badge--edit{background:var(--accent)}.activity-badge--birthday{background:var(--warning)}.activity-badge--remove{background:var(--danger)}.activity-card{padding-left:var(--sp-3)}.activity-text{margin:0;font-size:.9rem;line-height:1.45;color:var(--text-secondary)}.activity-text strong{color:var(--text-primary);font-weight:600}.activity-person-link{color:var(--accent-hover);font-weight:600;text-decoration:none;border-radius:var(--radius-sm)}.activity-person-link:hover{text-decoration:underline}.activity-person-link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.activity-timestamp{display:block;margin-top:var(--sp-1);font-size:.78rem;color:var(--text-tertiary)}.family-feed-empty{padding:var(--sp-6) 0;text-align:center;color:var(--text-tertiary);font-size:.9rem}.f3 div.card{background:none;border:none;padding:0}.f3 div.card:hover>div{transform:none}.f3 div.card:hover .card-inner{box-shadow:none}.f3 .f3-svg-circle-hover{color:#4b5563!important;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000059;transition:background-color .2s ease-in-out,transform .15s ease-in-out,box-shadow .15s ease-in-out}.f3 .f3-svg-circle-hover:not(.f3-svg-circle-hover-center){background:var(--genderless-color)!important;color:#fff!important;box-shadow:none}.f3 div.card-male>.f3-svg-circle-hover:not(.f3-svg-circle-hover-center){background:color-mix(in srgb,var(--male-color) 70%,black)!important}.f3 div.card-female>.f3-svg-circle-hover:not(.f3-svg-circle-hover-center){background:color-mix(in srgb,var(--female-color) 70%,black)!important}.f3 div.card>.f3-svg-circle-hover{transform:none}.f3 div.card>.f3-svg-circle-hover.f3-svg-circle-hover-center{transform:translate(-50%)}.f3 div.card:hover>.f3-svg-circle-hover{background:#f3f4f6;transform:translateY(-2px) scale(1.12)!important;box-shadow:0 3px 8px #0006}.f3 div.card:hover>.f3-svg-circle-hover:not(.f3-svg-circle-hover-center){box-shadow:none}.f3 div.card:hover>.f3-svg-circle-hover.f3-svg-circle-hover-center{transform:translate(-50%) translateY(-2px) scale(1.12)!important}.f3-svg-circle-hover>.f3-card-more-menu.dropdown-menu{top:100%;right:0;margin-top:4px;min-width:140px;z-index:40;padding:var(--sp-1);transform-origin:top right;transform:none!important}.f3-card-more-menu.dropdown-menu .dropdown-item{gap:var(--sp-1);min-height:unset;padding:4px 8px;font-size:.78rem}.f3-card-more-menu.dropdown-menu .dropdown-item svg{width:1em;height:1em;flex-shrink:0}.all-nodes-options-menu.dropdown-menu{position:fixed;top:auto;right:auto;z-index:50}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:1200;bottom:calc(100% + var(--sp-2));left:50%;transform:translate(-50%,4px);width:max-content;max-width:220px;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);background:var(--bg-inset);border:1px solid var(--border-default);color:var(--text-primary);font-size:.78rem;font-weight:500;line-height:1.4;text-align:center;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%);transition-delay:.25s}[data-tooltip][data-tooltip-position=bottom]:after{bottom:auto;top:calc(100% + var(--sp-2));transform:translate(-50%,-4px)}[data-tooltip][data-tooltip-position=bottom]:hover:after,[data-tooltip][data-tooltip-position=bottom]:focus-visible:after{transform:translate(-50%)}[data-tooltip][data-tooltip-position=left]:after{bottom:auto;left:auto;top:50%;right:calc(100% + var(--sp-2));transform:translate(4px,-50%)}[data-tooltip][data-tooltip-position=left]:hover:after,[data-tooltip][data-tooltip-position=left]:focus-visible:after{transform:translateY(-50%)}[data-tooltip][data-tooltip-position=right]:after{bottom:auto;left:calc(100% + var(--sp-2));top:50%;transform:translate(-4px,-50%)}[data-tooltip][data-tooltip-position=right]:hover:after,[data-tooltip][data-tooltip-position=right]:focus-visible:after{transform:translateY(-50%)}@media (prefers-reduced-motion: reduce){[data-tooltip]:after{transition:none;transition-delay:0s}}.field-info-dot{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:var(--radius-pill);background:var(--bg-surface-hover-strong);color:var(--text-tertiary);font-size:.65rem;font-style:normal;font-weight:700;line-height:1;cursor:help}.field-hint{display:block;margin-top:var(--sp-1);font-size:.8rem;font-weight:400;color:var(--text-tertiary);min-height:1.1em;transition:color var(--transition-fast)}.field-hint:empty{display:none}.field-hint.field-hint-invalid{color:var(--danger);font-weight:500}.field-hint.field-hint-valid{color:var(--success)}@keyframes field-invalid-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.field-shake{animation:field-invalid-shake .12s ease-in-out 2}@media (prefers-reduced-motion: reduce){.field-shake{animation:none}}