.header{background:linear-gradient(135deg,var(--forest-deep) 0%,var(--forest-medium) 100%);color:var(--cream);padding:2.5rem 0;position:relative;overflow:hidden;box-shadow:0 4px 20px #1a3a2e66,0 1px #d4af374d}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 50%,rgba(212,175,55,.1) 0%,transparent 40%),radial-gradient(circle at 85% 50%,rgba(107,142,111,.1) 0%,transparent 40%);pointer-events:none}.header-ornament{position:absolute;top:0;width:200px;height:100%;opacity:.08;background-repeat:no-repeat;background-size:contain;pointer-events:none}.header-ornament-left{left:-50px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23d4af37' d='M45,-78C58.1,-71.4,68.4,-58.5,75.2,-44.1C82,-29.7,85.3,-14.8,83.8,-0.7C82.3,13.4,76,26.8,68,38.5C60,50.2,50.3,60.2,38.5,67.8C26.8,75.4,13.4,80.6,-0.5,81.5C-14.4,82.4,-28.7,79,-41.2,71.7C-53.7,64.4,-64.4,53.2,-71.8,40C-79.2,26.8,-83.3,11.6,-82.5,-3.2C-81.7,-18,-76,-32.4,-67.3,-44.5C-58.6,-56.6,-47,-66.4,-33.7,-72.8C-20.4,-79.2,-5.4,-82.2,8.3,-94.5C22,-106.8,31.9,-84.6,45,-78Z' transform='translate(100 100)' /%3E%3C/svg%3E")}.header-ornament-right{right:-50px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236b8e6f' d='M41.3,-72.5C52.4,-64.3,59.2,-51.1,65.4,-37.5C71.6,-23.9,77.2,-10,77.8,4.2C78.4,18.4,74,36.8,65.5,50.9C57,65,44.4,74.8,30.3,78.9C16.2,83,0.6,81.4,-14.8,77.8C-30.2,74.2,-45.4,68.6,-58.3,58.5C-71.2,48.4,-81.8,33.8,-84.9,17.9C-88,2,-83.6,-15.2,-76.1,-30.1C-68.6,-45,-58,-57.6,-44.8,-65.2C-31.6,-72.8,-15.8,-75.4,-0.1,-75.2C15.6,-75,31.2,-80.7,41.3,-72.5Z' transform='translate(100 100)' /%3E%3C/svg%3E")}.header-content{display:flex;align-items:center;gap:2rem;position:relative;z-index:1}.header-icon{font-size:4rem;filter:drop-shadow(0 4px 12px rgba(212,175,55,.3));flex-shrink:0}.header-text{flex:1}.header-title{font-size:2.5rem;margin-bottom:.5rem;font-weight:700;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;line-height:1.2}.header-title .divider{color:var(--gold);font-weight:400;opacity:.6}.header-subtitle{font-size:1rem;opacity:.9;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--gold-light)}@media (max-width: 768px){.header{padding:1.5rem 0}.header-content{flex-direction:column;text-align:center;gap:1rem}.header-icon{font-size:3rem}.header-title{font-size:1.8rem;flex-direction:column;gap:.5rem}.header-title .divider{display:none}.header-subtitle{font-size:.85rem}}.file-upload-section{background:#fff;border-bottom:3px solid var(--gold);padding:1.5rem 0;box-shadow:0 2px 12px #0000000d}.file-upload-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.upload-controls{display:flex;align-items:center;gap:1rem}.file-input-hidden{display:none}.upload-button,.reset-button{display:flex;align-items:center;gap:.7rem;padding:.8rem 1.8rem;font-family:Manrope,sans-serif;font-size:1rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.upload-button{background:linear-gradient(135deg,var(--forest-medium) 0%,var(--sage) 100%);color:#fff}.upload-button:hover{box-shadow:0 6px 20px #2d5a3d4d;transform:translateY(-2px)}.reset-button{background:linear-gradient(135deg,var(--heritage-bronze) 0%,var(--gold) 100%);color:#fff}.reset-button:hover{box-shadow:0 6px 20px #8b6f474d;transform:translateY(-2px)}.upload-icon,.reset-icon{font-size:1.2rem}.format-badge{display:flex;align-items:center;gap:.7rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-radius:10px;font-weight:700;font-size:.95rem;border:2px solid #b1dfbb;box-shadow:0 2px 8px #1557241a}.badge-icon{font-size:1.2rem}@media (max-width: 768px){.file-upload-content{flex-direction:column;align-items:stretch}.upload-controls{flex-direction:column}.upload-button,.reset-button{width:100%;justify-content:center}.format-badge{justify-content:center}}.controls-section{background:var(--parchment);border-bottom:2px solid var(--border);padding:1.2rem 0}.controls-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.control-groups{display:flex;gap:2rem;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:.8rem}.control-label{font-weight:700;font-size:.9rem;color:var(--heritage-bronze);text-transform:uppercase;letter-spacing:.5px}.control-select{padding:.6rem 1.2rem;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:600;border:2px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;transition:all .2s ease;min-width:160px}.control-select:hover{border-color:var(--gold)}.control-select:focus{outline:none;border-color:var(--forest-medium);box-shadow:0 0 0 3px #2d5a3d1a}.legend{display:flex;gap:2rem;align-items:center}.legend-item{display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600}.legend-circle{width:20px;height:20px;border-radius:50%;border:3px solid;box-shadow:0 2px 6px #0000001a}.legend-circle.male{border-color:var(--male-blue);background:#5b8fa31a}.legend-circle.female{border-color:var(--female-rose);background:#c47b8e1a}.legend-divider{opacity:.4;margin:0 .2rem}@media (max-width: 768px){.controls-content{flex-direction:column;align-items:stretch}.control-groups{flex-direction:column;gap:1rem}.control-group{flex-direction:column;align-items:stretch}.control-select{width:100%}.legend{justify-content:center;gap:1.5rem}}.tree-container{width:100%;height:100%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 80%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(45,90,61,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(180,160,220,.03) 0%,transparent 60%),#faf7f0}.tree-container svg{display:block;width:100%;height:100%}.link-direct{fill:none;stroke:#2d5a3d;stroke-width:2px;opacity:.55;marker-end:none}.link-indirect{fill:none;stroke:#e07b39;stroke-width:1.5px;stroke-dasharray:6 4;opacity:.7;marker-end:none;marker-start:none}.link-spouse{fill:none;stroke:#c9a961;stroke-width:2.5px;stroke-dasharray:5 4;opacity:.8;marker-end:none}.family-box{fill:#c9a96109;stroke:#c9a961;stroke-width:1.5px;stroke-dasharray:6 4;pointer-events:none}.node-card{stroke-width:2px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.09));transition:filter .2s ease,stroke-width .2s ease}.node-card.male{fill:#f4f9fc;stroke:#4a7d9a}.node-card.female{fill:#fef5f7;stroke:#b86a7f}.node-card.neutral{fill:#fdf9f3;stroke:#9a8060}.node-card.indirect{fill:#e07b390d;stroke:#d4783a;stroke-dasharray:5 3;stroke-width:1.8px}.tree-node:hover .node-card{filter:drop-shadow(0 5px 20px rgba(0,0,0,.2));stroke-width:3px}.node-name{font-family:Tiro Devanagari Hindi,"Noto Serif Devanagari",Cormorant Garamond,serif;pointer-events:none}.node-info,.node-detail,.node-gender{pointer-events:none;font-family:Tiro Devanagari Hindi,"Noto Serif Devanagari",serif}.tree-legend{position:absolute;top:1rem;left:1rem;z-index:20;display:flex;flex-direction:column;gap:.45rem;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(212,175,55,.25);border-radius:12px;padding:.7rem 1rem;box-shadow:0 2px 14px #00000012}.legend-item{display:flex;align-items:center;gap:.5rem;font-family:Manrope,Inter,sans-serif;font-size:.78rem;font-weight:600;color:#444}.ll{display:inline-block;width:32px;height:3px;border-radius:2px}.ll.direct{background:#2d5a3d;height:2.5px}.ll.indirect{background:repeating-linear-gradient(90deg,#e07b39 0,#e07b39 6px,transparent 6px,transparent 10px);height:2px}.ll.spouse{background:repeating-linear-gradient(90deg,#c9a961 0,#c9a961 5px,transparent 5px,transparent 9px);height:2.5px}.export-controls{position:absolute;bottom:1.5rem;right:1.5rem;z-index:20;display:flex;flex-direction:column;gap:.5rem}.export-btn{padding:.65rem .95rem;border:none;border-radius:10px;cursor:pointer;color:#fff;font-family:Manrope,Inter,sans-serif;font-size:.82rem;font-weight:700;display:flex;align-items:center;gap:.4rem;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 10px #00000026}.export-png{background:linear-gradient(135deg,#8b6f47,#d4af37)}.export-svg{background:linear-gradient(135deg,#2d5a3d,#5a8a6f)}.export-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0003}.export-btn:active{transform:translateY(0)}.tree-tooltip{position:fixed;z-index:9999;pointer-events:none;background:#fff;border:1.5px solid rgba(212,175,55,.35);border-radius:14px;padding:.9rem 1.2rem;max-width:290px;box-shadow:0 8px 32px #00000021;font-family:Manrope,Inter,sans-serif}.tt-name{font-family:Cormorant Garamond,Tiro Devanagari Hindi,serif;font-size:1.12rem;font-weight:700;color:#1a3a2e;border-bottom:1.5px solid rgba(212,175,55,.3);padding-bottom:.4rem;margin-bottom:.4rem}.tt-relation{font-family:Tiro Devanagari Hindi,serif;font-size:.93rem;font-weight:600;color:#2d5a3d;background:#2d5a3d12;border-left:3px solid #2d5a3d;padding:.22rem .5rem;border-radius:0 6px 6px 0;margin-bottom:.4rem;line-height:1.45}.tt-badge{display:inline-block;padding:.16rem .5rem;border-radius:6px;font-size:.74rem;font-weight:700;margin-bottom:.35rem}.indirect-badge{background:#e07b391a;color:#b85a10;border:1px solid #e07b39}.spouse-badge{background:#c9a96126;color:#7a6000;border:1px solid #c9a961}.tt-row{margin:.28rem 0;font-size:.86rem;color:#333;line-height:1.5}.tt-row strong{color:#8b6f47;margin-right:.3rem}.tt-val{font-family:"Tiro Devanagari Hindi",inherit,serif}.avatar{pointer-events:none}.avatar circle,.avatar path{transition:opacity .2s}.tree-node:hover .avatar circle,.tree-node:hover .avatar path{opacity:1!important}.link-direct,.link-indirect{stroke-linejoin:miter;stroke-linecap:square}.statistics-panel{position:absolute;top:2rem;right:2rem;background:#fff;border:3px solid var(--gold);border-radius:16px;padding:2rem;min-width:300px;box-shadow:0 12px 40px #0000001f,0 0 0 1px #d4af3733;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.stats-title{font-size:1.4rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:3px solid var(--gold);color:var(--forest-deep);display:flex;flex-direction:column;gap:.3rem}.stats-title-en{font-size:.9rem;font-weight:600;color:var(--heritage-bronze);font-family:Manrope,sans-serif;text-transform:uppercase;letter-spacing:.5px}.stats-list{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem;padding:.8rem;background:var(--parchment);border-radius:10px;border:1px solid var(--border);transition:all .3s ease}.stat-item:hover{transform:translate(4px);border-color:var(--gold);box-shadow:0 4px 12px #d4af3726}.stat-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-content{flex:1;display:flex;justify-content:space-between;align-items:center}.stat-labels{display:flex;flex-direction:column;gap:.2rem}.stat-label{font-size:.95rem;color:var(--heritage-bronze);font-weight:600}.stat-label-en{font-size:.75rem;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.8rem;font-weight:800;color:var(--forest-deep);font-family:Cormorant Garamond,serif}@media (max-width: 1024px){.statistics-panel{position:relative;top:0;right:0;margin:1rem;width:calc(100% - 2rem);min-width:0}}@media (max-width: 768px){.statistics-panel{padding:1.5rem}.stats-title{font-size:1.2rem}.stat-item{gap:.8rem}.stat-icon,.stat-value{font-size:1.5rem}}.filter-controls{background:#fff;border-bottom:2px solid var(--gold);padding:1rem 0;box-shadow:0 2px 8px #0000000d}.filter-content{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.filter-label{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1rem;color:var(--forest-deep)}.filter-icon{font-size:1.2rem}.filter-groups{display:flex;gap:1.5rem;flex:1;flex-wrap:wrap;align-items:center}.filter-group{display:flex;align-items:center;gap:.7rem}.filter-group-label{font-weight:600;font-size:.9rem;color:var(--heritage-bronze);white-space:nowrap}.filter-select{padding:.6rem 1.2rem;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:600;border:2px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;transition:all .2s ease;min-width:180px}.filter-select:hover{border-color:var(--gold)}.filter-select:focus{outline:none;border-color:var(--forest-medium);box-shadow:0 0 0 3px #2d5a3d1a}.filter-reset{padding:.6rem 1.2rem;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:700;border:2px solid var(--heritage-bronze);border-radius:8px;background:#fff;color:var(--heritage-bronze);cursor:pointer;transition:all .2s ease}.filter-reset:hover{background:var(--heritage-bronze);color:#fff}.filter-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#d4af371a;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--heritage-bronze)}.indicator-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.filter-content{flex-direction:column;align-items:stretch;gap:1rem}.filter-groups{flex-direction:column;gap:1rem}.filter-group{flex-direction:column;align-items:stretch}.filter-select,.filter-reset{width:100%}}.app{min-height:100vh;display:flex;flex-direction:column}.main-container{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--cream);z-index:10}.main-container.fullscreen{z-index:9999}.fullscreen-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:1001;width:50px;height:50px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--forest-medium) 0%,var(--sage) 100%);color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 20px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.fullscreen-toggle:hover{transform:scale(1.1);box-shadow:0 6px 30px #2d5a3d66}.fullscreen-toggle:active{transform:scale(.95)}.fullscreen-controls{position:fixed;top:1.5rem;left:1.5rem;z-index:1001;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:12px;border:2px solid var(--gold);box-shadow:0 8px 30px #00000026;display:flex;gap:1.5rem;flex-wrap:wrap;animation:slideInRight .3s ease-out}.fullscreen-controls-group{display:flex;align-items:center;gap:.7rem}.fullscreen-controls-group label{font-weight:700;font-size:.9rem;color:var(--heritage-bronze);white-space:nowrap}.fullscreen-select{padding:.5rem 1rem;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:600;border:2px solid var(--border);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;transition:all .2s ease}.fullscreen-select:hover{border-color:var(--gold)}.fullscreen-select:focus{outline:none;border-color:var(--forest-medium);box-shadow:0 0 0 3px #2d5a3d1a}.error-banner{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #dc35454d;animation:slideInRight .3s ease-out}.error-banner strong{font-weight:700;margin-right:.5rem}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;background:radial-gradient(circle at 20% 80%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(45,90,61,.05) 0%,transparent 50%),var(--cream);animation:fadeIn .6s ease-out}.welcome-content{text-align:center;max-width:900px}.welcome-icon{font-size:5rem;margin-bottom:1.5rem;animation:scaleIn .5s ease-out;filter:drop-shadow(0 4px 12px rgba(212,175,55,.2))}.welcome-content h2{font-size:3rem;margin-bottom:1rem;color:var(--forest-deep);animation:fadeInUp .6s ease-out .1s both}.welcome-content>p{font-size:1.2rem;color:var(--ink-soft);margin-bottom:3rem;animation:fadeInUp .6s ease-out .2s both}.format-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.format-card{background:#fff;padding:2rem;border-radius:12px;border:2px solid var(--border);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both}.format-card:nth-child(1){animation-delay:.3s}.format-card:nth-child(2){animation-delay:.4s}.format-card:nth-child(3){animation-delay:.5s}.format-card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 12px 40px #d4af3726}.format-card h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--heritage-bronze)}.format-card p{color:var(--ink-soft);font-size:.95rem;line-height:1.6}@media (max-width: 768px){.welcome-content h2{font-size:2rem}.format-cards{grid-template-columns:1fr}}.back-btn{position:absolute;top:1rem;left:1rem;z-index:30;display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(45,90,61,.25);border-radius:10px;color:#2d5a3d;font-family:Manrope,Inter,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:0 2px 10px #00000014;transition:background .2s,box-shadow .2s,transform .15s}.back-btn:hover{background:#2d5a3d;color:#fff;border-color:#2d5a3d;box-shadow:0 4px 16px #2d5a3d40;transform:translateY(-1px)}.back-btn:active{transform:translateY(0)}:root{--heritage-bronze: #8b6f47;--forest-deep: #1a3a2e;--forest-medium: #2d5a3d;--sage: #6b8e6f;--gold: #d4af37;--gold-light: #e8d4a0;--cream: #faf7f0;--parchment: #f5f1e8;--ink: #1a1a1a;--ink-soft: #4a4a4a;--male-blue: #5b8fa3;--female-rose: #c47b8e;--border: #d9cfb8}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope,-apple-system,system-ui,sans-serif;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Cormorant Garamond,serif;font-weight:700;letter-spacing:-.02em}.hindi-text{font-family:Tiro Devanagari Hindi,serif}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--parchment)}::-webkit-scrollbar-thumb{background:var(--heritage-bronze);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--forest-medium)}::selection{background:var(--gold);color:var(--ink)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.text-gradient{background:linear-gradient(135deg,var(--gold) 0%,var(--heritage-bronze) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}