@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.member-node{width:160px;padding:.6rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all var(--transition-speed) ease;position:relative;z-index:2}.member-node:hover{transform:translateY(-3px);box-shadow:0 4px 12px -2px #0006;border-color:#ffffff4d}.member-node.selected{border-color:var(--accent-color);background:#1e293bf2;box-shadow:0 0 15px #38bdf833}.member-node.selected.female{border-color:var(--female-color);box-shadow:0 0 15px #f472b633}.avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--bg-gradient);border:1.5px solid var(--card-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--accent-color)}.member-node.female .avatar-placeholder{border-color:var(--female-color);color:var(--female-color)}.info h3{font-size:.85rem;font-weight:600;line-height:1.2}.glow-ring{position:absolute;inset:-3px;border-radius:14px;border:1.5px solid var(--accent-color);opacity:.5;pointer-events:none;animation:pulse 2s infinite cubic-bezier(.4,0,.6,1)}.member-node.female .glow-ring{border-color:var(--female-color)}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.05);border-width:4px}}.canvas-container{width:100%;height:100%;cursor:grab;position:relative;overflow:hidden}.canvas-container:active{cursor:grabbing}.canvas-layer{position:absolute;top:0;left:0;transform-origin:0 0;transition:transform .05s linear}.tree-link{fill:none;stroke:var(--line-color);stroke-width:2px;stroke-linecap:round;transition:stroke .3s ease}.nodes-layer{position:absolute;top:0;left:0}.detail-panel{position:absolute;top:0;right:0;bottom:0;width:350px;background:#0f172ad9;border-left:1px solid var(--card-border);padding:2rem;box-shadow:-10px 0 30px #00000080;z-index:20;animation:slideIn .3s cubic-bezier(.175,.885,.32,1) forwards;overflow-y:auto}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.close-btn{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;padding:0;border-radius:50%}.panel-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;margin-bottom:2rem;text-align:center}.panel-header h2{font-size:1.5rem;font-weight:600}.panel-avatar{width:100px;height:100px;border-radius:50%;background:var(--bg-gradient);border:3px solid var(--accent-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:3rem;color:var(--accent-color);box-shadow:0 0 20px var(--accent-glow)}.panel-avatar.female{border-color:var(--female-color);color:var(--female-color);box-shadow:0 0 20px var(--female-glow)}.panel-content h4{color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.info-group{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--card-border)}.info-group p{font-size:1.1rem;font-weight:400}.children-list{list-style:none}.children-list li{padding:.5rem 0;color:var(--text-primary);font-size:1.05rem;border-bottom:1px dashed rgba(255,255,255,.05)}.children-list li:last-child{border-bottom:none}.bio-text,.no-data{color:var(--text-secondary)!important;font-size:.95rem!important;font-style:italic}.clickable-relative{cursor:pointer;transition:color .2s ease}.clickable-relative:hover{color:var(--accent-color);text-decoration:underline}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{position:absolute;top:0;left:0;right:0;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:10;border-bottom:1px solid var(--card-border)}.app-header h1{font-size:1.5rem;font-weight:600;letter-spacing:1px}.lang-switcher{display:flex;gap:.5rem}.app-main{flex:1;position:relative;overflow:hidden;height:calc(100vh - 70px);margin-top:70px}:root{--bg-color: #0f172a;--bg-gradient: radial-gradient(circle at 50% 0%, #1e293b 0%, #0f172a 100%);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--accent-glow: rgba(56, 189, 248, .5);--female-color: #f472b6;--female-glow: rgba(244, 114, 182, .5);--card-bg: rgba(30, 41, 59, .7);--card-border: rgba(255, 255, 255, .1);--line-color: #334155;--font-family: "Inter", sans-serif;--transition-speed: .3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);min-height:100vh;overflow:hidden}.glass{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn{background:#ffffff1a;border:1px solid var(--card-border);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-family:var(--font-family);font-weight:500;transition:all var(--transition-speed) ease}.btn:hover{background:#fff3;border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.btn.active{background:var(--accent-color);color:#000;border-color:var(--accent-color)}