:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}h1{font-size:1.8em;line-height:1.2}.app{width:100%;height:100vh;overflow:hidden;position:relative}.github-banner{position:fixed;top:0;right:0;z-index:200;width:200px;height:200px;overflow:hidden;pointer-events:none}.github-banner span{display:flex;align-items:center;justify-content:center;gap:.35rem;position:absolute;width:280px;top:42px;right:-60px;transform:rotate(45deg);background:#24292e;color:#fff;text-decoration:none;font-size:.8rem;font-weight:600;padding:.4rem 0;box-shadow:0 2px 6px #0000004d;pointer-events:auto}.github-banner:hover span{background:#444d56}.github-banner .github-icon{width:16px;height:16px;fill:#fff;flex-shrink:0}.centered{max-width:600px;margin:2rem auto;padding:1rem;text-align:center}.file-loader{margin:2rem 0}.file-loader label{display:flex;flex-direction:column;gap:.5rem;font-size:1.1rem}.person-picker{display:flex;flex-direction:column;gap:.5rem}.person-search{padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.person-list{max-height:60vh;overflow-y:auto;border:1px solid #eee;border-radius:4px}.person-item{display:flex;justify-content:space-between;width:100%;padding:.5rem .75rem;border:none;border-bottom:1px solid #f0f0f0;background:#fff;cursor:pointer;text-align:left;font-size:.9rem}.person-item:hover,.person-item.active{background:#f0f7ff}.person-name{font-weight:500}.person-dates{color:#888;font-size:.85rem}.person-count{color:#666;font-size:.85rem}.pedigree-chart{width:100%;height:100vh;display:flex;flex-direction:column}.chart-toolbar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#f8f8f8;border-bottom:1px solid #ddd;flex-shrink:0}.chart-toolbar button{padding:.4rem .8rem;cursor:pointer}.chart-toolbar label{display:flex;align-items:center;gap:.3rem}.pedigree-svg{flex:1}.person-detail-panel{position:fixed;top:0;right:0;width:360px;height:100vh;background:#fff;box-shadow:-2px 0 12px #00000026;z-index:100;overflow-y:auto;padding:1.25rem;box-sizing:border-box;animation:pdp-slide-in .2s ease-out}@keyframes pdp-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.pdp-header{position:relative;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.pdp-close{position:absolute;top:0;right:0;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;line-height:1;padding:0 .25rem}.pdp-close:hover{color:#222}.pdp-name{font-size:1.2rem;font-weight:600;color:#222d38;padding-right:2rem}.pdp-gender{margin-right:.4rem}.pdp-gramps-id{font-size:.8rem;color:#94a3b8;margin-top:.2rem}.pdp-lock-btn{display:inline-flex;align-items:center;margin-top:.4rem;padding:.2rem .5rem;font-size:1rem;border-radius:4px;border:1px solid #d1d5db;cursor:pointer;transition:background .15s,border-color .15s}.pdp-lock-closed{background:#fef3c7;border-color:#fcd34d}.pdp-lock-open{background:#ecfdf5;border-color:#6ee7b7}.pdp-lock-btn:hover{filter:brightness(.95)}.pdp-section{margin-bottom:1rem}.pdp-section h3{font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .4rem}.pdp-event{margin-bottom:.5rem;font-size:.9rem;color:#334155}.pdp-event.pdp-muted{color:#94a3b8;font-style:italic}.pdp-place{font-size:.82rem;color:#64748b;margin-top:.1rem}.pdp-desc{font-size:.82rem;color:#64748b;font-style:italic;margin-top:.1rem}.person-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.9rem;padding:0;text-decoration:underline;text-decoration-color:transparent}.person-link:hover{text-decoration-color:#2563eb}.pdp-family-unit{margin-bottom:.6rem;padding-left:.5rem;border-left:2px solid #e5e7eb}.pdp-children{margin-top:.25rem}.pdp-child{padding-left:.75rem}