@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #050505;--bg-soft: #0e0e10;--panel: rgba(15, 15, 18, .84);--panel-strong: rgba(22, 22, 26, .98);--text: #f4f0ea;--muted: #a39b92;--line: rgba(255, 255, 255, .12);--accent: #f45d48;--accent-soft: rgba(244, 93, 72, .15);--shadow: 0 28px 90px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,rgba(244,93,72,.2),transparent 22%),radial-gradient(circle at 80% 0%,rgba(255,255,255,.08),transparent 20%),radial-gradient(circle at 50% 120%,rgba(244,93,72,.08),transparent 25%),linear-gradient(180deg,#09090b,#050505 55%,#020203)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:68px 68px;-webkit-mask-image:radial-gradient(circle at center,black 35%,transparent 100%);mask-image:radial-gradient(circle at center,black 35%,transparent 100%)}a{color:inherit}button,a,input,select{font:inherit}#root{min-height:100vh}.page-shell{width:max-content;min-width:calc(100vw - 28px);margin:0 auto;padding:28px 0 56px}.hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);gap:20px;padding:24px;margin-bottom:18px;border:1px solid var(--line);border-radius:24px;background:var(--panel);-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);box-shadow:var(--shadow)}.terminal-line,.legend-kicker,.person-role,.generation-label,.person-badge,.person-id,.relation-chip span,.person-facts dt{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-family:JetBrains Mono,ui-monospace,monospace}.terminal-line,.intro,.legend p,.person-bio,.person-facts dd,.relation-chip strong,.hero-note{color:var(--muted)}.hero-copy{display:grid;gap:10px}.hero h1,.person-card h2{margin:0;font-family:Inter,system-ui,sans-serif;font-weight:800;line-height:1;letter-spacing:-.05em}.hero h1{font-size:clamp(3rem,5vw,5.2rem)}.intro{margin:0;max-width:58ch;font-size:1rem;line-height:1.7}.hero-actions{display:grid;align-content:end;justify-items:end;gap:14px}.hero-note{margin:0;max-width:24ch;text-align:right;font-size:.95rem;line-height:1.5}.edit-button{border:0;border-radius:999px;padding:12px 18px;color:#fff;background:linear-gradient(135deg,#f45d48fa,#ff7a5dbf);box-shadow:0 16px 32px #f45d4838;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;white-space:nowrap}.edit-button:hover{transform:translateY(-1px);box-shadow:0 20px 42px #f45d484d}.legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.legend article{padding:18px 18px 16px;border-radius:22px;border:1px solid var(--line);background:#0d0d10d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.legend-filters{grid-column:1 / -1;display:grid;gap:16px}.legend-filters.is-collapsed{gap:10px}.legend-filters.is-collapsed .legend-filters-head p{margin-bottom:0}.legend-filters.is-collapsed .filter-toolbar{align-items:center}.filter-toggle{border:1px solid rgba(244,93,72,.28);border-radius:999px;min-height:44px;padding:0 14px;color:var(--text);background:#f45d4817;cursor:pointer}.filter-toggle:hover{border-color:#f45d487a;background:#f45d4824}.filter-collapsed-note{margin:0;color:var(--muted);line-height:1.5}.legend-filters-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.legend-filters-head p{margin-top:8px}.filter-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;justify-content:flex-end}.filter-select{display:grid;gap:6px;min-width:160px}.filter-select span,.filter-subtitle,.filter-section-head strong,.filter-section-head span{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-family:JetBrains Mono,ui-monospace,monospace}.filter-section-head span{color:var(--muted)}.filter-select select,.filter-grid input{width:100%;min-height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);padding:10px 12px;outline:none}.filter-select select:focus,.filter-grid input:focus{border-color:#f45d487a;box-shadow:0 0 0 3px #f45d4829}.filter-clear{border:1px solid rgba(255,255,255,.1);border-radius:999px;min-height:44px;padding:0 14px;color:var(--text);background:#ffffff0a;cursor:pointer}.filter-clear:hover{border-color:#f45d4866;background:#f45d4814}.filter-section{padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.filter-section-head{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin-bottom:12px}.filter-grid{display:grid;gap:12px}.filter-grid label{display:grid;gap:7px}.filter-grid-text{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-checkbox-grid{display:flex;flex-wrap:wrap;gap:8px}.filter-checkbox{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff08;cursor:pointer}.filter-checkbox input{margin:0;accent-color:var(--accent)}.filter-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.legend strong,.relation-chip strong{display:block;margin-top:6px;font-size:1rem}.legend p{margin:8px 0 0;line-height:1.5}.tree-board{position:relative;padding:22px 10px 6px;overflow:visible}.connector-layer{position:absolute;inset:0 auto 0 0;width:max-content;min-width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1}.connector path{stroke-linecap:round;fill:none;stroke-width:2.5;opacity:.5}.connector text{font-size:11px;fill:var(--muted);paint-order:stroke;stroke:#050505f2;stroke-width:3px;stroke-linejoin:round}.connector-family path{stroke:#ffffff80}.connector-romance path{stroke:var(--accent)}.connector-legal path{stroke:#ffffff6b;stroke-dasharray:8 7}.connector-custom path{stroke:#f45d48d1;stroke-dasharray:3 8}.generation-stack{display:flex;flex-direction:column;align-items:center;gap:22px;position:relative;z-index:0;width:max-content;min-width:100%}.generation-row{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;min-width:100%}.generation-label{color:#ffffff73;align-self:flex-start;width:100%;text-align:left}.generation-grid{display:flex;flex-wrap:nowrap;width:max-content;gap:100px;align-items:start}.generation-row .generation-grid{align-self:center}.person-card{position:relative;display:grid;justify-items:center;padding:6px 4px 0;border-radius:26px;outline:none;overflow:visible;flex:0 0 auto;cursor:pointer}.person-card:hover,.person-card:focus-visible{z-index:2}.person-core{display:grid;justify-items:center;gap:12px}.person-avatar{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 35%),radial-gradient(circle at 70% 75%,rgba(244,93,72,.25),transparent 40%),linear-gradient(180deg,#151518,#09090a);box-shadow:0 20px 40px #00000073}.person-card.has-warnings .person-avatar{border-color:#f5c942db;box-shadow:0 0 0 1px #f5c94247,0 20px 40px #00000073}.person-avatar img{width:100%;height:100%;object-fit:cover}.person-avatar span{font-family:JetBrains Mono,ui-monospace,monospace;font-size:3.4rem;line-height:1;color:#ffffffe6}.person-label{display:grid;justify-items:center;gap:2px;text-align:center}.person-warning-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;padding:0 8px}.person-warning-panel{display:grid;gap:8px;margin:12px 0 0}.person-warning-pill{padding:8px 10px;border-radius:14px;border:1px solid rgba(245,201,66,.48);background:#f5c9421f;color:#ffe9a3;font-size:.9rem;line-height:1.45}.person-label h2{font-size:1.1rem}.person-popover{width:min(320px,82vw);position:absolute;left:50%;top:146px;transform:translate(-50%) scale(.96);padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#121214fa,#0a0a0cfa);box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:auto;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:3}.person-card.has-warnings .person-popover{border-color:#f5c9426b}.person-card.is-open .person-popover{opacity:1;visibility:visible;transform:translate(-50%) scale(1);pointer-events:auto}.person-popover-head{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px}.person-popover-image{width:74px;height:74px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#19191d,#080809);display:grid;place-items:center}.person-popover-image img{width:100%;height:100%;object-fit:cover}.person-popover-image span{font-family:JetBrains Mono,ui-monospace,monospace;font-size:2.2rem;color:#ffffffe0}.person-popover-meta{min-width:0}.person-id{margin:0 0 4px;color:#ffffff80}.person-popover-meta h3{margin:4px 0 0;font-size:1.18rem;letter-spacing:-.04em}.person-badge{padding:6px 10px;border-radius:999px;color:#fff;background:#ffffff14}.person-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.person-facts div{padding:10px;border-radius:16px;background:#ffffff0a}.person-facts dt,.person-facts dd{margin:0}.person-facts dd{margin-top:6px;font-size:.93rem;line-height:1.45;color:#f4f0eab8}.person-bio{margin:12px 0 0;line-height:1.6;font-size:.95rem}.person-aliases{display:grid;gap:8px;margin-top:12px}.person-aliases-label{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-family:JetBrains Mono,ui-monospace,monospace;color:var(--muted)}.person-aliases-list{display:flex;flex-wrap:wrap;gap:8px}.person-alias-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text)}.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.social-links a,.relation-chip{border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff08}.social-links a{padding:7px 10px;text-decoration:none;text-transform:capitalize}.person-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.relation-chip{min-width:110px;padding:8px 10px}.relation-chip span{display:block;color:var(--accent);margin-bottom:4px}@media(max-width:980px){.hero{grid-template-columns:1fr}.hero-actions{justify-items:start}.hero-note{text-align:left}.legend-filters-head,.filter-section-head{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.page-shell{width:max-content;min-width:calc(100vw - 20px);padding-top:12px}.legend,.filter-grid-text,.filter-subgrid{grid-template-columns:1fr}.person-popover{width:min(290px,88vw)}}