:root{--color-midnight: #0d1b2a;--color-navy: #1b263b;--color-slate: #415a77;--color-gold: #c9a227;--color-gold-light: #dbb42c;--color-gold-dark: #a6851d;--color-cream: #faf8f0;--color-ivory: #f5f1e3;--color-parchment: #e8e0c8;--color-burgundy: #6b2d3c;--color-burgundy-light: #8b3d4f;--color-teal: #1a535c;--color-teal-light: #2a6b75;--color-ink: #1a1a1a;--color-text: #2c2416;--color-text-muted: #5c503a;--font-display: "Cormorant Garamond", "Georgia", serif;--font-body: "Amiri", "Times New Roman", serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--border-ornate: 2px solid var(--color-gold);--border-subtle: 1px solid var(--color-gold-dark);color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-shell{width:100vw;height:100dvh;min-height:100vh;overflow:hidden;position:relative;touch-action:none;transition:background .4s ease,color .3s ease;background-color:var(--color-ivory);background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(201,162,39,.04) 40px,rgba(201,162,39,.04) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(201,162,39,.04) 40px,rgba(201,162,39,.04) 41px),repeating-linear-gradient(45deg,transparent,transparent 56px,rgba(201,162,39,.02) 56px,rgba(201,162,39,.02) 57px),repeating-linear-gradient(-45deg,transparent,transparent 56px,rgba(201,162,39,.02) 56px,rgba(201,162,39,.02) 57px);color:var(--color-text)}.app-shell.dark-mode{--color-text: #e8e0c8;--color-text-muted: #a69a80;background-color:var(--color-midnight);background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(201,162,39,.06) 40px,rgba(201,162,39,.06) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(201,162,39,.06) 40px,rgba(201,162,39,.06) 41px),repeating-linear-gradient(45deg,transparent,transparent 56px,rgba(201,162,39,.03) 56px,rgba(201,162,39,.03) 57px),repeating-linear-gradient(-45deg,transparent,transparent 56px,rgba(201,162,39,.03) 56px,rgba(201,162,39,.03) 57px);color:var(--color-parchment)}.corner-ornament{position:fixed;width:80px;height:80px;z-index:5;pointer-events:none;opacity:.6}.corner-ornament:before,.corner-ornament:after{content:"";position:absolute;background:var(--color-gold)}.corner-ornament.top-left{top:0;left:0}.corner-ornament.top-left:before{top:12px;left:12px;width:40px;height:2px}.corner-ornament.top-left:after{top:12px;left:12px;width:2px;height:40px}.corner-ornament.top-right{top:0;right:0}.corner-ornament.top-right:before{top:12px;right:12px;width:40px;height:2px}.corner-ornament.top-right:after{top:12px;right:12px;width:2px;height:40px}.corner-ornament.bottom-left{bottom:0;left:0}.corner-ornament.bottom-left:before{bottom:12px;left:12px;width:40px;height:2px}.corner-ornament.bottom-left:after{bottom:12px;left:12px;width:2px;height:40px}.corner-ornament.bottom-right{bottom:0;right:0}.corner-ornament.bottom-right:before{bottom:12px;right:12px;width:40px;height:2px}.corner-ornament.bottom-right:after{bottom:12px;right:12px;width:2px;height:40px}.app-header{position:absolute;top:var(--space-lg);left:50%;transform:translate(-50%);text-align:center;z-index:20;pointer-events:none}.app-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.4rem,3vw + .5rem,2.2rem);letter-spacing:.08em;color:var(--color-gold);text-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.title-decoration{display:inline-block;width:40px;height:2px;background:var(--color-gold);position:relative}.title-decoration:before{content:"";position:absolute;width:6px;height:6px;background:var(--color-gold);transform:rotate(45deg);top:-2px}.title-decoration.left:before{right:-4px}.title-decoration.right:before{left:-4px}.app-subtitle{margin:var(--space-xs) 0 0 0;font-family:var(--font-body);font-size:clamp(.75rem,1.5vw + .2rem,.95rem);font-style:italic;color:var(--color-text-muted);letter-spacing:.15em}.dark-mode .app-subtitle{color:var(--color-text-muted)}.search-container{position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:20;width:min(280px,80vw)}.search-box{position:relative;width:100%}.search-box__input{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--color-text);background:var(--color-cream);border:1px solid var(--color-gold-dark);border-radius:0;box-shadow:inset 0 1px 3px #0000000f,0 2px 8px #00000014;transition:border-color .2s ease,box-shadow .2s ease}.search-box__input::placeholder{color:var(--color-text-muted);font-style:italic}.search-box__input:focus{outline:none;border-color:var(--color-gold);box-shadow:inset 0 1px 3px #0000000f,0 0 0 2px #c9a22733}.search-box__results{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:240px;overflow-y:auto;background:var(--color-cream);border:1px solid var(--color-gold-dark);box-shadow:0 8px 24px #00000026;z-index:100}.search-box__result{padding:.7rem 1rem;border-bottom:1px solid var(--color-parchment);cursor:pointer;font-size:.9rem;transition:background .15s ease}.search-box__result:last-child{border-bottom:none}.search-box__result:hover,.search-box__result:focus-visible{background:var(--color-parchment)}.dark-mode .search-box__input{background:var(--color-navy);border-color:var(--color-gold-dark);color:var(--color-parchment);box-shadow:inset 0 1px 3px #0003,0 2px 8px #0000004d}.dark-mode .search-box__input::placeholder{color:var(--color-text-muted)}.dark-mode .search-box__results{background:var(--color-navy);border-color:var(--color-gold-dark);box-shadow:0 8px 24px #0006}.dark-mode .search-box__result{border-color:#c9a22733;color:var(--color-parchment)}.dark-mode .search-box__result:hover,.dark-mode .search-box__result:focus-visible{background:#c9a22726}.control-panel{position:absolute;bottom:var(--space-lg);right:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);z-index:20}.control-btn{min-width:48px;height:40px;padding:0 var(--space-md);font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.05em;color:var(--color-gold);background:var(--color-cream);border:1px solid var(--color-gold-dark);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.control-btn:hover{background:var(--color-parchment);border-color:var(--color-gold);box-shadow:0 4px 12px #00000026}.control-btn:active{transform:translateY(1px);box-shadow:0 1px 3px #0000001a}.control-btn:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.dark-mode .control-btn{background:var(--color-navy);border-color:var(--color-gold-dark);color:var(--color-gold-light);box-shadow:0 2px 6px #0000004d}.dark-mode .control-btn:hover{background:var(--color-slate);border-color:var(--color-gold)}.family-tree-root{touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent}.family-tree-root:active{cursor:grabbing}.family-node{transition:transform .2s ease,box-shadow .2s ease}.family-node:hover{transform:translateY(-3px)}.loading-screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);background:var(--color-ivory);background-image:repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(201,162,39,.04) 40px,rgba(201,162,39,.04) 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,rgba(201,162,39,.04) 40px,rgba(201,162,39,.04) 41px)}.loading-ornament{position:relative;width:60px;height:60px}.loading-spinner{width:100%;height:100%;border:2px solid var(--color-parchment);border-top-color:var(--color-gold);border-right-color:var(--color-gold);animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-display);font-size:1.3rem;color:var(--color-text);letter-spacing:.1em}.loading-text.error{color:var(--color-burgundy)}.loading-subtext{font-family:var(--font-body);font-size:.9rem;color:var(--color-text-muted)}@media (max-width: 768px){.app-header{top:var(--space-md);width:calc(100% - 2rem)}.app-title{font-size:clamp(1.1rem,5vw,1.5rem);gap:var(--space-sm)}.title-decoration{width:24px}.title-decoration:before{width:4px;height:4px;top:-1px}.app-subtitle{font-size:.7rem;letter-spacing:.1em}.search-container{top:72px;left:50%;right:auto;transform:translate(-50%);width:calc(100% - 2rem);max-width:340px}.control-panel{bottom:var(--space-md);left:50%;right:auto;transform:translate(-50%);flex-direction:row;gap:var(--space-xs);background:var(--color-cream);border:1px solid var(--color-gold-dark);padding:var(--space-xs);box-shadow:0 4px 16px #00000026}.dark-mode .control-panel{background:var(--color-navy);box-shadow:0 4px 16px #0006}.control-btn{min-width:42px;height:36px;padding:0 var(--space-sm);font-size:.8rem}.corner-ornament{width:50px;height:50px;opacity:.4}.corner-ornament:before{width:24px!important}.corner-ornament:after{height:24px!important}.corner-ornament.top-left:before,.corner-ornament.top-left:after{top:8px;left:8px}.corner-ornament.top-right:before,.corner-ornament.top-right:after{top:8px;right:8px}.corner-ornament.bottom-left:before,.corner-ornament.bottom-left:after{bottom:8px;left:8px}.corner-ornament.bottom-right:before,.corner-ornament.bottom-right:after{bottom:8px;right:8px}.family-tree-root{cursor:default}}@media (max-width: 480px){.app-title{font-size:clamp(1rem,4.5vw,1.3rem)}.title-decoration{display:none}.search-box__input{padding:.65rem .85rem;font-size:.9rem}.control-btn{min-width:38px;height:34px;font-size:.75rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-parchment)}::-webkit-scrollbar-thumb{background:var(--color-gold-dark);border:1px solid var(--color-parchment)}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}.dark-mode ::-webkit-scrollbar-track{background:var(--color-navy)}.dark-mode ::-webkit-scrollbar-thumb{background:var(--color-gold-dark);border-color:var(--color-navy)}