:root{--bg:#f7f2e7;--surface:#fffdf8;--border:#e6dcc7;--text:#2b2420;--text-muted:#6b6155;--accent:#3b7a5a;--accent-dark:#1f4b3a;--accent-soft:#e3ece1;--accent-warm:#d99a2b;--accent-warm-soft:#f6e7c9;--danger:#b3554a;--radius:10px;--person-card-bg:#fbf3e3;--gender-hombre:#4f7ea8;--gender-mujer:#b85c7e;--line-marriage:#b3435f;--line-partnership:#7d5ba6;--line-engagement:#c9852e;--line-ended:#9b8f86;--line-parent-child:#7a5c3e;--line-sibling:#2f8f8a;--font-body:"Manrope", system-ui, -apple-system, sans-serif;--font-display:"Fraunces", Georgia, serif;font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a231c;--surface:#222c23;--border:#384033;--text:#ede8dc;--text-muted:#a89f8c;--accent:#6fae85;--accent-dark:#98d1a3;--accent-soft:#29372a;--accent-warm:#e0ac48;--accent-warm-soft:#3a331f;--danger:#d17c70;--person-card-bg:#27302a;--gender-hombre:#6f9ec6;--gender-mujer:#d081a0;--line-marriage:#d1738d;--line-partnership:#a58bd0;--line-engagement:#dba354;--line-ended:#85786c;--line-parent-child:#a3825d;--line-sibling:#4fb2ac;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1a231c;--surface:#222c23;--border:#384033;--text:#ede8dc;--text-muted:#a89f8c;--accent:#6fae85;--accent-dark:#98d1a3;--accent-soft:#29372a;--accent-warm:#e0ac48;--accent-warm-soft:#3a331f;--danger:#d17c70;--person-card-bg:#27302a;--gender-hombre:#6f9ec6;--gender-mujer:#d081a0;--line-marriage:#d1738d;--line-partnership:#a58bd0;--line-engagement:#dba354;--line-ended:#85786c;--line-parent-child:#a3825d;--line-sibling:#4fb2ac;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{font-size:112.5%;overflow-x:hidden}body{background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-dark);outline-offset:2px}button,.btn-link,input,select,textarea{min-height:44px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0}.btn-link{align-items:center;display:inline-flex}h1,h2{overflow-wrap:break-word;font-family:var(--font-display);font-weight:500}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem}button:hover{background:var(--accent-dark)}button:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--accent-soft)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#8f4038}.btn-link{background:var(--accent-soft);color:var(--accent-dark);white-space:nowrap;border-radius:999px;padding:.3rem .75rem;font-size:.85rem;font-weight:600;line-height:1.3;text-decoration:none}.btn-link:hover{background:var(--accent);color:#fff}.link-group{flex-wrap:wrap;gap:.25rem;display:inline-flex}input,select,textarea{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.45rem .6rem}label{color:var(--text-muted);flex-direction:column;flex:1;gap:.3rem;font-size:.85rem;display:flex}.checkbox-label{flex-direction:row;align-items:center;gap:.5rem}.app-shell{flex-direction:column;height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.brand{text-decoration:none;display:inline-flex}.brand-mark{align-items:center;gap:.5rem;display:inline-flex}.brand-icon{width:1.7rem;height:1.7rem;color:var(--accent-dark);flex:none}.brand-icon-cross{color:var(--accent-dark)}.brand-icon-gold{fill:var(--accent-warm)}.brand-icon-rose{fill:#c97b63}.brand-icon-sage{fill:var(--accent)}.brand-icon-center{fill:var(--surface);stroke:var(--accent-dark);stroke-width:6px}.brand-word{font-family:var(--font-display);white-space:nowrap;font-size:1.25rem;line-height:1}.brand-suma{color:var(--accent-dark);font-weight:600}.brand-plus{color:var(--accent-warm);padding:0 .02em}.brand-familiar{color:var(--text);font-weight:400}.brand-mark.brand-compact .brand-word{display:none}.app-nav{flex:1;align-items:center;gap:1rem;display:flex}.app-nav a{color:var(--text-muted);text-decoration:none}.app-nav a:hover{color:var(--text)}.app-nav-user{color:var(--text-muted);align-items:center;gap:.75rem;margin-left:auto;display:flex}.account-btn{background:var(--accent-soft);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.35rem .9rem;font-weight:600;text-decoration:none}.account-btn:hover{background:var(--accent);color:#fff}.app-user{color:var(--text-muted);align-items:center;gap:.75rem;display:flex}.burger-btn{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:6px;padding:.35rem .6rem;font-size:1.1rem;line-height:1;display:none}.theme-toggle-btn{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;padding:.4rem .55rem;font-size:1rem;line-height:1}.theme-toggle-btn:hover{background:var(--accent-soft)}.language-toggle{border:1px solid var(--border);border-radius:999px;gap:.2rem;padding:.15rem;display:flex}.language-toggle-btn{opacity:.5;filter:grayscale(70%);background:0 0;border:none;border-radius:999px;padding:.3rem .4rem;line-height:1;transition:opacity .25s,filter .25s,background-color .25s,transform .2s;transform:scale(.92)}.language-toggle-btn .flag-icon{border-radius:3px;width:22px;height:auto;display:block}.language-toggle-btn:hover{background:var(--accent-soft);opacity:.8}.language-toggle-btn:active{transform:scale(.85)}.language-toggle-btn.is-active{opacity:1;filter:none;background:var(--accent-soft);transform:scale(1.08)}.app-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.page{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1.5rem;display:flex}.page-loading{text-align:center;color:var(--text-muted);padding:3rem}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.9rem;width:100%;max-width:340px;padding:2rem;display:flex}.auth-card h1{margin:0 0 .5rem;font-size:1.3rem}.auth-switch{color:var(--text-muted);font-size:.85rem}.form-error{color:var(--danger);margin:0;font-size:.85rem}.form-notice{color:var(--accent-dark);margin:0;font-size:.85rem}.invite-link-row{background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.invite-link-intro{color:var(--text-muted);flex-basis:100%;font-size:.82rem}.invite-link-row input{min-width:200px;color:var(--text-muted);background:var(--surface);flex:1;font-size:.82rem}.inline-form{flex-wrap:wrap;gap:.6rem;display:flex}.inline-form input{flex:1;min-width:0;max-width:320px}.inline-form input[type=email]{flex:2 160px}.inline-form select{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;width:auto;min-width:0;max-width:42%;overflow:hidden}.pending-import{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-end;padding:.75rem 1rem}.pending-import label{flex:1;max-width:320px}.pending-import input{max-width:none}.tree-list-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.file-import-label{color:var(--text);white-space:nowrap;cursor:pointer;border-radius:6px;flex-direction:row;flex:none;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:1rem;display:inline-flex}.tree-list{flex-direction:column;gap:.5rem;max-width:480px;padding:0;list-style:none;display:flex}.tree-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;padding:.9rem 1.1rem;text-decoration:none;display:flex}.tree-card:hover{border-color:var(--accent)}.tree-card-role{color:var(--text-muted);font-size:.85rem}.member-list{flex-direction:column;gap:.4rem;max-width:520px;padding:0;list-style:none;display:flex}.member-list li{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:center;gap:.4rem .75rem;padding:.5rem .8rem;display:flex}.member-role{color:var(--text-muted);margin-left:auto;font-size:.8rem}.member-role-select{width:auto;margin-left:auto;padding:.2rem .5rem;font-size:.8rem}.tree-map-page{gap:.75rem}.tree-map-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.toolbar-actions{flex-wrap:wrap;gap:.6rem;display:flex}.tree-map-toolbar h1{align-items:center;gap:.5rem;display:flex}.title-edit-btn{font-size:.85rem;text-decoration:none}.tree-rename-form{flex-wrap:nowrap}.tree-rename-form input{max-width:320px}.demo-banner{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.1rem;display:flex}.demo-banner p{margin:0}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:8px;min-width:160px;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .3rem);right:0;box-shadow:0 4px 12px #0000001f}.dropdown-menu button{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:6px;padding:.4rem .6rem;display:block}.dropdown-menu button:hover{background:var(--accent-soft)}.dropdown-menu button:disabled{opacity:.5;cursor:not-allowed;background:0 0}.tree-map-body{flex:1;gap:1rem;min-height:0;display:flex}.tree-sidebar{flex-direction:column;flex-shrink:0;gap:.6rem;width:220px;display:flex;overflow:hidden}.sidebar-person-list{flex-direction:column;flex:1;gap:.2rem;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.sidebar-person-list li{border-radius:6px;align-items:center;display:flex}.sidebar-person-list li.is-active{background:var(--accent-soft)}.sidebar-person-list li button:first-child{text-align:left;color:var(--text);background:0 0;flex:1;padding:.4rem .5rem}.sidebar-person-list li button:first-child:hover{background:var(--accent-soft)}.tree-canvas-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex:1;min-height:320px;position:relative;overflow:hidden}.expand-tree-btn{z-index:3;background:var(--surface);width:44px;height:44px;color:var(--text);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;display:flex;position:absolute;bottom:.9rem;right:.9rem;box-shadow:0 2px 6px #00000026}.expand-tree-btn:hover{background:var(--accent-soft)}.fullscreen-tree-overlay{z-index:200;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.fullscreen-tree-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.fullscreen-tree-header h2{margin:0;font-size:1.1rem}.fullscreen-tree-body{flex:1;min-height:0;overflow:hidden}.zoom-pan-view{width:100%;height:100%;position:relative}.zoom-pan-surface{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.zoom-pan-surface:active{cursor:grabbing}.zoom-pan-content{transform-origin:0 0;padding:3rem;display:inline-block}.zoom-pan-scrollbar{z-index:2;background:var(--border);opacity:.6;pointer-events:none;border-radius:999px;position:absolute}.zoom-pan-scrollbar-v{width:5px;top:0;bottom:0;left:3px}.zoom-pan-scrollbar-h{height:5px;bottom:3px;left:0;right:0}.zoom-pan-scrollbar-thumb{background:var(--text-muted);border-radius:999px;position:absolute}.zoom-pan-scrollbar-v .zoom-pan-scrollbar-thumb{min-height:24px;left:0;right:0}.zoom-pan-scrollbar-h .zoom-pan-scrollbar-thumb{min-width:24px;top:0;bottom:0}.zoom-pan-controls{z-index:3;flex-direction:column;gap:.4rem;display:flex;position:absolute;bottom:1rem;right:1rem}.zoom-pan-controls button{background:var(--surface);width:44px;height:44px;color:var(--text);border:1px solid var(--border);border-radius:50%;padding:0;font-size:1.1rem;line-height:1;box-shadow:0 2px 6px #00000026}.zoom-pan-controls button:hover{background:var(--accent-soft)}.tree-canvas-scroller{width:max-content;min-width:100%;min-height:100%;padding:3rem}.tree-canvas{position:relative}.tree-connectors{pointer-events:none;z-index:0;position:absolute;top:0;left:0}.tree-cluster-divider{z-index:1;justify-content:center;align-items:center;height:0;display:flex;position:absolute;left:0;right:0}.tree-cluster-divider:before{content:"";border-top:1px dashed var(--border);position:absolute;left:0;right:0}.tree-cluster-divider span{background:var(--surface);color:var(--text-muted);white-space:nowrap;padding:0 .75rem;font-size:.75rem;font-style:italic;position:relative}.person-node{z-index:1;position:absolute;top:10px;left:10px}.person-node-main{border:1px solid var(--border);background:var(--person-card-bg);width:100%;height:100%;color:var(--text);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:2.25rem .35rem .5rem;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 14px -8px #1f4b3a59}.person-node.is-root .person-node-main{box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 5px var(--accent)}.tree-canvas.exporting-capture .person-node.is-root .person-node-main{box-shadow:0 1px 3px #00000014}.person-node-main:hover{background:var(--accent-soft);color:var(--text);transform:translateY(-2px);box-shadow:0 10px 18px -8px #1f4b3a73}.person-node-photo{object-fit:cover;background:var(--accent-soft);border:3px solid var(--gender-hombre);z-index:2;cursor:pointer;border-radius:50%;flex-shrink:0;width:48px;height:48px;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px -4px #1f4b3a80}.person-node.gender-female .person-node-photo{border-color:var(--gender-mujer)}.person-node-photo-empty{display:inline-flex;overflow:hidden}.person-silhouette{width:100%;height:100%;display:block}.person-node-name{font-family:var(--font-display);-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;margin-top:.15rem;font-size:.85rem;font-weight:500;line-height:1.15;display:-webkit-box;overflow:hidden}.person-node-dates{color:var(--text-muted);font-size:.75rem}.person-node.is-me .person-node-main{outline-offset:2px;outline:3px solid #d4a017}.tree-canvas.exporting-capture .person-node.is-me .person-node-main{outline:none}.person-node-me-badge{color:#fff;z-index:2;background:#d4a017;border-radius:999px;padding:.05rem .4rem;font-size:.65rem;font-weight:700;position:absolute;top:-8px;left:-6px}.person-node-placeholder .person-node-main{border-style:dashed;border-color:var(--border);color:var(--text-muted);box-shadow:none;opacity:.75;background:0 0}.person-node-placeholder .person-node-main:hover{opacity:1;border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.person-node-placeholder .person-node-photo-empty{opacity:.6}.person-node-placeholder-plus{border:1px dashed var(--border);background:var(--surface);width:20px;height:20px;color:var(--text-muted);z-index:2;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;line-height:1;display:flex;position:absolute;bottom:-6px;right:-6px}.person-node-placeholder .person-node-main:hover~.person-node-placeholder-plus{border-color:var(--accent);color:var(--accent-dark)}.person-node-expand{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;min-height:0;padding:0;font-size:.75rem;display:flex;position:absolute;top:-6px;right:-6px}.empty-state{color:var(--text-muted);padding:.6rem .75rem;font-size:.85rem}.tree-canvas-status{text-align:center;height:100%;min-height:200px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:.9rem;display:flex}.tree-legend{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.35rem;margin:0;padding:.6rem;font-size:.78rem;list-style:none;display:flex}.tree-legend li{align-items:center;gap:.5rem;display:flex}.legend-swatch{border-radius:2px;flex-shrink:0;width:18px;height:3px}.legend-swatch-dashed{background:0 0;border-top:3px dashed;height:0}.legend-swatch-box{border:2px dashed var(--text-muted);background:0 0;border-radius:4px;width:14px;height:14px}.person-focus-page{gap:1.25rem}.person-focus-page>*{flex-shrink:0}.person-focus-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.me-badge{background:var(--accent);color:#fff;vertical-align:middle;border-radius:999px;margin-left:.6rem;padding:.15rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.person-focus-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=900px){.person-focus-grid{grid-template-columns:1fr}}.person-detail-card,.person-events-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.person-events-card{grid-column:1/-1}.person-back-btn{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:999px;align-self:flex-start;padding:.35rem .9rem .35rem .7rem;font-size:.85rem}.person-back-btn:hover{background:var(--accent-soft);color:var(--text);border-color:var(--accent)}.person-relations-stack{flex-direction:column;gap:.75rem;display:flex}.person-relations-section{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem}.person-relations-parents{border-left-color:var(--line-parent-child)}.person-relations-siblings{border-left-color:var(--line-sibling)}.person-relations-partnerships{border-left-color:var(--line-marriage)}.person-relations-children{border-left-color:var(--accent)}.person-photo{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;max-width:340px;margin-bottom:.75rem}.person-photo-empty{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);justify-content:center;align-items:center;display:flex;overflow:hidden}.person-photo-gallery{margin-bottom:.9rem}.person-photo-gallery-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.person-photo-gallery-header h3{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin:0;font-size:.8rem}.person-photo-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.6rem;display:grid}.gallery-thumb-wrap{position:relative}.gallery-thumb{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:8px;width:100%;display:block}.gallery-thumb-wrap.is-profile .gallery-thumb{border-color:var(--accent);border-width:2px}.gallery-badge{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;min-height:0;padding:0;font-size:.8rem;line-height:1;display:flex;position:absolute;top:-6px}.gallery-badge-profile{background:var(--accent);color:#fff;cursor:default;right:-6px}.gallery-thumb-actions{display:contents}.gallery-badge-action{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);right:-6px}.gallery-badge-action:hover{background:var(--accent-soft);color:var(--text)}.gallery-badge-delete{color:var(--danger);left:-6px;right:auto}.person-detail-card dl{grid-template-columns:auto 1fr;gap:.3rem .8rem;margin:0;display:grid}.person-detail-card dt{color:var(--text-muted);font-size:.8rem}.person-detail-card dd{margin:0}.person-bio{white-space:pre-wrap;margin-top:.75rem}.person-relations-section h2{margin:0 0 .5rem;font-size:.95rem}.relation-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.relation-list li{border-radius:6px;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;padding:.3rem .4rem;display:flex}.relation-list li:hover{background:var(--bg)}.relation-list li button:first-child{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;padding:.25rem .6rem;font-size:.85rem;font-weight:600;text-decoration:none}.relation-list li button:first-child:hover{background:var(--accent);color:#fff}.relation-tag{color:var(--text-muted);margin-left:auto;font-size:.75rem}.relation-type-select{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:.1rem .3rem;font-size:.75rem}.event-list{flex-direction:column;gap:.4rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.event-list li{border:1px solid var(--border);border-radius:6px;padding:.4rem .5rem;font-size:.85rem}.event-list p{color:var(--text-muted);margin:.2rem 0 0}.life-event-form{flex-wrap:wrap;gap:.5rem;display:flex}.life-event-form input{flex:1;min-width:120px}.person-focus-canvas{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:100%;padding:1rem;overflow:auto}.person-focus-canvas-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.person-focus-canvas h2{margin-top:0;font-size:.95rem}.person-focus-canvas-header h2{margin-bottom:0}.person-focus-canvas-frame{border:1px solid var(--border);border-radius:8px;height:min(80vh,900px);margin-bottom:.75rem;position:relative;overflow:hidden}.person-focus-canvas .tree-canvas-scroller{padding:1.5rem}.person-form{flex-direction:column;gap:.75rem;display:flex}.form-row{flex-wrap:wrap;gap:.75rem;display:flex}.form-row label{min-width:140px}.form-actions{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}.gender-field{border:1px solid var(--border);border-radius:8px;align-items:center;gap:1.2rem;padding:.5rem .8rem;display:flex}.gender-field legend{color:var(--text-muted);padding:0 .3rem;font-size:.85rem}.radio-label{color:var(--text);flex-direction:row;align-items:center;gap:.4rem}.radio-label input{width:auto}.photo-field{align-items:center;gap:.75rem;display:flex}.photo-preview{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:64px;height:64px}.photo-preview-empty{background:var(--bg);justify-content:center;align-items:center;display:flex;overflow:hidden}.photo-upload-label{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.85rem}.photo-upload-label:hover{background:var(--accent-soft)}.person-picker-new{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:.75rem}.person-picker-new-title{color:var(--text);margin:0 0 .5rem;font-size:.85rem;font-weight:600}.person-picker{position:relative}.person-picker-menu{background:var(--surface);border:1px solid var(--border);z-index:20;border-radius:8px;max-height:260px;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.person-picker-menu button{text-align:left;width:100%;color:var(--text);background:0 0;border-radius:6px;padding:.4rem .6rem;font-size:.9rem;display:block}.person-picker-menu button:hover{background:var(--accent-soft)}.person-picker-menu button.is-active{background:var(--accent-soft);font-weight:600}.person-picker-new-btn{color:var(--accent-dark);font-weight:600}.person-picker-menu li:not(:first-child){border-top:1px solid var(--border);margin-top:.2rem;padding-top:.2rem}.person-picker-empty{color:var(--text-muted);padding:.4rem .6rem;font-size:.85rem}.account-page{max-width:560px}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.6rem;padding:1.25rem 1.5rem;display:flex}.account-card h2{margin:0 0 .2rem;font-size:1.05rem}.account-redeem-form{flex-wrap:wrap;gap:.5rem;display:flex}.account-redeem-form input{flex:1;min-width:160px}.account-plan-badge{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;align-self:flex-start;padding:.3rem .9rem;font-size:1rem;font-weight:700;display:inline-block}.account-plan-detail{color:var(--text-muted);margin:0}.account-upgrade-actions{flex-wrap:wrap;gap:.75rem;display:flex}.plan-usage-note{color:var(--text-muted);margin:0;font-size:.85rem}.contribution-banner{background:var(--accent-dark);color:var(--surface);border-radius:16px;align-items:center;gap:.75rem;margin:.25rem 0;padding:.75rem 1.1rem;text-decoration:none;display:flex}.contribution-banner:hover{background:var(--accent)}.contribution-banner-stack{flex:none;display:flex}.contribution-banner-avatar{border:2px solid var(--accent-dark);background:var(--accent-warm);width:28px;height:28px;color:var(--text);font-family:var(--font-display,inherit);border-radius:50%;justify-content:center;align-items:center;margin-left:-10px;font-size:.8rem;font-weight:700;display:flex}.contribution-banner-avatar:first-child{margin-left:0}.contribution-banner-avatar:nth-child(2){background:#c97b63}.contribution-banner-avatar:nth-child(3){background:var(--accent-soft);color:var(--accent-dark)}.contribution-banner-text{font-size:.85rem;font-weight:600;line-height:1.4}.contribution-banner-text b{color:var(--accent-warm)}.activity-page{max-width:640px}.activity-subtitle{color:var(--text-muted);margin-top:-.5rem}.activity-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.activity-item{align-items:flex-start;gap:.85rem;display:flex}.activity-avatar{width:40px;height:40px;font-family:var(--font-display);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.activity-body{flex-direction:column;gap:.15rem;padding-top:.35rem;display:flex}.activity-text{font-size:.95rem;line-height:1.5}.activity-icon{font-style:normal}.activity-when{color:var(--text-muted);font-size:.8rem}.contact-page{max-width:560px}.contact-subtitle{color:var(--text-muted);margin-top:-.5rem}.contact-form{flex-direction:column;gap:1rem;display:flex}.contact-form textarea{resize:vertical;font-family:inherit}.contact-login-hint{color:var(--text-muted);margin-right:auto;font-size:.85rem}.contact-success{background:var(--accent-soft);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.admin-page{max-width:720px}.admin-intro{color:var(--text-muted);margin-top:-.4rem}.admin-search{max-width:360px;margin-bottom:.75rem}.admin-user-list{flex-direction:column;gap:.6rem;padding:0;list-style:none;display:flex}.admin-user-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.admin-user-main{flex-direction:column;gap:.2rem;min-width:220px;display:flex}.admin-user-name{align-items:center;gap:.5rem;font-weight:700;display:flex}.admin-user-email{color:var(--text-muted);word-break:break-all;font-size:.9rem}.admin-user-meta{color:var(--text-muted);font-size:.8rem}.admin-badge{background:var(--accent);color:#fff;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.admin-plan-badge{background:var(--accent-soft);color:var(--accent-dark);border-radius:999px;align-self:flex-start;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.admin-user-actions{flex-wrap:wrap;gap:.5rem;display:flex}.admin-edit-form{flex-direction:column;gap:.75rem;display:flex}.admin-field-hint{color:var(--text-muted);margin:-.4rem 0 0;font-size:.8rem}.admin-codes-section{margin-top:2rem}.admin-codes-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.admin-codes-header h2{margin:0}.admin-badge-inactive{background:var(--text-muted)}.modal-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;max-height:90vh;padding:1.25rem 1.5rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.modal-header h2{margin:0;font-size:1.1rem}.crop-viewport{touch-action:none;cursor:grab;background:#000;border-radius:8px;margin:0 auto 1rem;position:relative;overflow:hidden}.crop-viewport:active{cursor:grabbing}.crop-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;position:absolute;top:50%;left:50%}.crop-zoom-label{color:var(--text-muted);flex-direction:column;gap:.3rem;margin-bottom:1rem;font-size:.85rem;display:flex}.crop-zoom-label input[type=range]{width:100%}@media (width<=640px){.app-header{flex-wrap:wrap;row-gap:.5rem;padding:.6rem 1rem}.app-header .brand-word{display:none}.burger-btn{order:2;display:block}.app-nav{border-top:1px solid var(--border);flex-direction:column;flex:100%;order:4;align-items:flex-start;gap:.6rem;margin-top:.3rem;padding-top:.6rem;font-size:.95rem;display:none}.app-nav.is-open{display:flex}.app-nav-user{border-top:1px solid var(--border);width:100%;margin-top:.3rem;margin-left:0;padding-top:.6rem}.app-user{order:3;margin-left:auto;font-size:.8rem}.page,.auth-page{padding:1rem}.auth-card{padding:1.5rem}.tree-map-body{flex-direction:column}.tree-sidebar{width:100%;height:auto;overflow:visible}.tree-canvas-wrap{flex:none;height:min(70vh,700px)}.sidebar-person-list{max-height:160px}.tree-canvas-scroller{padding:1.5rem}.modal-backdrop{padding:.75rem}.modal-card{padding:1rem}}