@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Dancing+Script:wght@700&display=swap";:root{--bg-base:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border-color:#334155;--primary-color:#4f46e5;--primary-hover:#4338ca;--danger-color:#e11d48;--success-color:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);font-family:system-ui,sans-serif;overflow:hidden}.print-area{display:none}.btn{cursor:pointer;color:#fff;background:var(--bg-surface);border:none;border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary:hover{background:var(--bg-surface-hover)}.btn-danger{color:var(--danger-color);border-color:var(--danger-color);background:0 0}.btn-danger:hover{background:var(--danger-color);color:#fff}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-icon:hover{background:var(--bg-surface-hover);color:#fff}.topbar{background:var(--bg-surface);z-index:10;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;width:100%;padding:16px;display:flex;position:absolute;top:0}.canvas-container{cursor:grab;width:100vw;height:100vh;position:relative}.canvas-container:active{cursor:grabbing}.world{width:0;height:0;position:absolute;top:50%;left:50%}.tree-line{stroke:var(--primary-color);stroke-width:2px;fill:none;opacity:.6}.spouse-line{stroke:#fb7185;stroke-width:2px;stroke-dasharray:4 4;fill:none;opacity:.8}.family-card{background:var(--bg-surface);border:2px solid var(--border-color);-webkit-user-select:none;user-select:none;border-radius:12px;width:256px;padding:16px;transition:border-color .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 6px #0000004d}.family-card:hover{border-color:var(--primary-color);z-index:5}.family-card.is-dragging{cursor:grabbing;z-index:100;box-shadow:0 20px 25px -5px #00000080}.family-card.M{border-left-width:4px;border-left-color:#3b82f6}.family-card.F{border-left-width:4px;border-left-color:#ec4899}.card-actions{border-top:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:4px;margin-top:12px;padding-top:8px;display:grid}.btn-add-rel{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;padding:6px 4px;font-size:.65rem}.btn-add-rel:hover{background:var(--bg-surface-hover);color:#fff}.btn-print-card{background:var(--bg-base);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:-12px;right:-12px}.family-card:hover .btn-print-card{opacity:1}.btn-print-card:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);background:#0000001a;justify-content:space-between;padding:16px 24px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;width:100%;display:flex}label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}input[type=text],input[type=date],select,textarea{background:var(--bg-base);border:1px solid var(--border-color);color:#fff;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:.875rem}input:focus,select:focus,textarea:focus{border-color:var(--primary-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:landscape;margin:10mm}body{height:auto;overflow:visible;color:#000!important;background:#fff!important}.no-print{display:none!important}.print-area{background:#fff;width:100%;height:100%;display:block;position:static}.pedigree-board{justify-content:flex-start;align-items:center;gap:15px;width:100%;height:100%;display:flex}.pedigree-generation{flex-direction:column;flex:1;justify-content:space-around;height:100%;display:flex;position:relative}.pedigree-node-wrapper{flex:1;align-items:center;display:flex;position:relative}.pedigree-card{box-sizing:border-box;z-index:2;text-align:center;width:100%;padding:8px;position:relative}.pedigree-name{margin-bottom:2px;font-size:10pt;font-weight:700;line-height:1.1}.pedigree-dates{color:#555;font-size:8pt}.connector-right,.connector-up,.connector-down{z-index:1;border-style:solid;border-color:#000;position:absolute}.connector-right{border-width:1px 0 0;border-bottom-style:none;border-bottom-color:currentColor;border-left-style:none;border-left-color:currentColor;border-right-style:none;border-right-color:currentColor;width:15px;top:50%;right:-15px}.connector-up{border-width:1px 0 0 1px;border-bottom-style:none;border-bottom-color:currentColor;border-right-style:none;border-right-color:currentColor;width:15px;top:50%;bottom:0;left:-15px}.connector-down{border-width:0 0 1px 1px;border-top-style:none;border-top-color:currentColor;border-right-style:none;border-right-color:currentColor;width:15px;top:0;bottom:50%;left:-15px}.layout-simplista .pedigree-card{background:#fff;border:1px solid #333;border-radius:4px}.layout-simplista .connector-right,.layout-simplista .connector-up,.layout-simplista .connector-down{border-color:#999}.layout-elegante .pedigree-board{background-color:#fffdf8;border:4px double #5c4033;padding:10px}.layout-elegante .pedigree-card{background:#fffaf0;border:3px double #5c4033;font-family:Georgia,serif}.layout-elegante .connector-right,.layout-elegante .connector-up,.layout-elegante .connector-down{border-width:1.5px;border-color:#8d6e63}.layout-blocos .pedigree-card{background:#e2e8f0;border:none;border-radius:8px;box-shadow:2px 2px #cbd5e1}.layout-blocos .pedigree-card.genero-m{border-left:4px solid #3b82f6}.layout-blocos .pedigree-card.genero-f{border-left:4px solid #ec4899}.layout-blocos .connector-right,.layout-blocos .connector-up,.layout-blocos .connector-down{border-width:2px;border-color:#94a3b8}.gen-1 .connector-up,.gen-1 .connector-down,.gen-last .connector-right{display:none}}