:root{--ink:#f8f4eb;--muted:#aeb8ca;--line:#c5d3eb24;--surface:#131c2d;--paper:#f4efe4}*{box-sizing:border-box}html{background:#0c1321}body{color:var(--ink);background:#0c1321;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 70% -10%,#243a5d 0,#0000 32rem),#0c1321;min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:70px;padding:0 clamp(1.25rem,5vw,5rem);display:flex}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:.72rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{align-items:end;gap:3px;width:25px;height:21px;display:inline-flex;transform:rotate(20deg)}.brand-mark i{background:#e8b968;border-radius:7px;width:6px;display:block}.brand-mark i:first-child{height:10px}.brand-mark i:nth-child(2){background:#83bf9d;height:20px}.brand-mark i:nth-child(3){background:#8dbad8;height:14px}.domain-select{border:1px solid var(--line);color:#e6eaf1;background:#ffffff09;border-radius:999px;align-items:center;gap:.5rem;padding:.52rem .75rem;font-size:.79rem;display:flex}.domain-pulse{background:#83bf9d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #83bf9d1c}.chevron{color:#92a2ba;margin-left:.15rem}.intro{justify-content:space-between;align-items:end;gap:2rem;max-width:1320px;margin:0 auto;padding:clamp(3.4rem,7vw,6.1rem) clamp(1.25rem,5vw,5rem) clamp(2.2rem,4vw,3.7rem);display:flex}.eyebrow{color:#e8b968;letter-spacing:.13em;margin:0 0 1rem;font-size:.69rem;font-weight:700}.intro h1{letter-spacing:-.065em;max-width:710px;margin:0;font-size:clamp(2.5rem,5vw,4.7rem);font-weight:650;line-height:.98}.intro h1 em{color:#d9be88;font-family:Georgia,serif;font-weight:400}.lede{color:var(--muted);max-width:510px;margin:1.35rem 0 0;font-size:1rem;line-height:1.65}.graph-stats{flex-shrink:0;gap:1.7rem;padding-bottom:.35rem;display:flex}.graph-stats div{gap:.25rem;display:grid}.graph-stats strong{letter-spacing:-.05em;font-size:1.55rem}.graph-stats span{color:#9ba9bc;font-size:.73rem}.workspace{background:var(--paper);color:#172037;border-radius:22px 22px 0 0;max-width:1460px;margin:0 auto;overflow:hidden;box-shadow:0 -1px #ffffff14}.filter-bar{background:#fbf8f2;border-bottom:1px solid #d9d2c4;align-items:center;gap:1rem;padding:1rem clamp(1rem,2.5vw,2rem);display:flex}.search-box{color:#6d7586;background:#fff;border:1px solid #d9d2c4;border-radius:9px;align-items:center;gap:.45rem;min-width:min(100%,280px);padding:.58rem .8rem;display:flex}.search-box span{font-size:1.25rem;line-height:0}.search-box input{color:#1e293b;background:0 0;border:0;outline:0;width:240px;min-width:0;font-size:.79rem}.search-box input::placeholder{color:#8e97a5}.filter-group{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.filter{color:#657084;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:center;gap:.38rem;padding:.46rem .6rem;font-size:.73rem;display:inline-flex}.filter:hover{background:#eee9df}.filter.active{color:#fff;background:#252f42}.filter i{border-radius:50%;width:7px;height:7px;display:block}.attribute-bar{background:#f5f1e8;border-bottom:1px solid #d9d2c4;padding:1rem clamp(1rem,2.5vw,2rem) 1.1rem}.attribute-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.attribute-kicker{color:#596579;letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:700;display:block}.attribute-heading p{color:#737c8b;margin:.3rem 0 0;font-size:.73rem}.clear-layers{color:#546074;white-space:nowrap;background:#fbf8f2;border:1px solid #cfc6b5;border-radius:6px;padding:.38rem .55rem;font-size:.7rem}.clear-layers:hover{background:#eae4d8}.attribute-controls{gap:.55rem;margin-top:.8rem;display:flex}.layer-select,.layer-search{color:#657084;background:#fffdf9;border:1px solid #d6cdbd;border-radius:7px;align-items:center;font-size:.72rem;display:flex}.layer-select{gap:.55rem;padding-left:.65rem}.layer-select select{appearance:none;color:#253147;font:inherit;background:0 0;border:0;border-left:1px solid #e3dbce;border-radius:0 7px 7px 0;outline:0;padding:.5rem 1.7rem .5rem .55rem;font-weight:700}.layer-search{gap:.4rem;padding:.46rem .65rem}.layer-search span{font-size:1rem;line-height:0}.layer-search input{color:#253147;background:0 0;border:0;outline:0;width:190px;font-size:.75rem}.attribute-chips{flex-wrap:wrap;gap:.35rem;max-height:101px;margin-top:.7rem;padding-right:.2rem;display:flex;overflow:auto}.attribute-chip{color:#5d687a;background:#fffdf9;border:1px solid #d5ccbc;border-radius:999px;padding:.34rem .58rem;font-size:.68rem}.attribute-chip:hover{color:#263248;background:#ece5d7}.attribute-chip.active{color:#fffdf7;background:#35445c;border-color:#35445c}.graph-layout{grid-template-columns:minmax(0,1fr) 300px;min-height:625px;display:grid}.graph-stage{background:#111a2b;flex-direction:column;min-width:0;display:flex;position:relative}.stage-toolbar{color:#9ba9bd;border-bottom:1px solid #c7d3e821;justify-content:space-between;align-items:center;gap:1rem;min-height:53px;padding:.6rem 1rem .55rem 1.25rem;font-size:.72rem;display:flex}.stage-toolbar b{color:#f4eee1}.toolbar-actions{align-items:center;gap:.35rem;display:flex}.focus-toggle{color:#c3cede;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;display:inline-flex}.focus-toggle input{accent-color:#e8b968}.icon-button,.text-button{color:#c3cede;background:#ffffff06;border:1px solid #c7d3e82b;border-radius:6px;height:27px}.icon-button{width:28px;font-size:1rem}.text-button{padding:0 .55rem;font-size:.7rem}.icon-button:hover,.text-button:hover{color:#fff;background:#ffffff1a}.graph-canvas{background-image:radial-gradient(#acbfde1f 1px,#0000 1px);background-size:19px 19px;width:100%;height:515px;min-height:430px}.canvas-tip{color:#dbe5f473;pointer-events:none;margin:0;font-size:.66rem;position:absolute;bottom:.75rem;left:1rem}.detail-panel{background:#fbf8f2;border-left:1px solid #d9d2c4;padding:1.65rem 1.45rem}.detail-heading{align-items:center;gap:.45rem;display:flex}.kind-dot{border-radius:999px;width:9px;height:9px}.detail-kicker{color:#6b7484;letter-spacing:.1em;text-transform:uppercase;font-size:.67rem;font-weight:700}.detail-panel h2{letter-spacing:-.045em;margin:.78rem 0 .65rem;font-size:1.6rem;line-height:1.07}.entity-portrait{aspect-ratio:1.42;background:#1b2638;border-radius:10px;margin:0 0 1rem;overflow:hidden;box-shadow:inset 0 0 0 1px #1c283a1f}.entity-portrait img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.detail-description{color:#556073;margin:0;font-size:.86rem;line-height:1.6}.attribute-list{gap:.62rem;margin-top:1rem;display:grid}.attribute-row>span{color:#7a8390;letter-spacing:.07em;text-transform:uppercase;margin-bottom:.28rem;font-size:.62rem;font-weight:700;display:block}.tag-list{flex-wrap:wrap;gap:.35rem;display:flex}.tag-list i{color:#5e6878;background:#ebe6dc;border-radius:5px;padding:.3rem .45rem;font-size:.67rem;font-style:normal}.detail-divider{background:#dcd5c9;height:1px;margin:1.35rem 0 1rem}.relationship-heading{color:#202a3d;justify-content:space-between;font-size:.72rem;font-weight:700;display:flex}.relationship-heading span:last-child{color:#697588}.relationship-list{gap:.52rem;margin:.7rem 0 0;padding:0;list-style:none;display:grid}.relationship-list li{grid-template-columns:16px 1fr;align-items:start;gap:.35rem;display:grid}.relation-arrow{color:#7a8597;padding-top:.04rem;font-size:.86rem}.relationship-list strong,.relationship-list small{display:block}.relationship-list strong{color:#273247;font-size:.76rem}.relationship-list small{color:#717d90;margin-top:.1rem;font-size:.67rem}.source-note{color:#7c8591;border-top:1px solid #dcd5c9;margin:1.6rem 0 0;padding-top:.75rem;font-size:.65rem}.empty-detail{flex-direction:column;justify-content:center;min-height:100%;display:flex}.empty-detail h2{margin-top:.6rem}footer{color:#8390a4;background:var(--paper);justify-content:center;gap:.7rem;padding:2rem 1rem 2.5rem;font-size:.7rem;display:flex}@media (width<=860px){.intro{display:block}.graph-stats{margin-top:2rem}.filter-bar{flex-direction:column;align-items:flex-start}.search-box,.search-box input{width:100%}.attribute-controls{flex-direction:column;align-items:stretch}.layer-search input{width:100%}.graph-layout{grid-template-columns:1fr}.detail-panel{border-top:1px solid #d9d2c4;border-left:0}.graph-canvas{height:470px}.stage-toolbar{padding-left:1rem}.focus-toggle span{display:none}}@media (width<=520px){.topbar{height:61px}.domain-select{font-size:.7rem}.intro h1{font-size:2.65rem}.graph-stats{gap:1.25rem}.graph-stats strong{font-size:1.35rem}.stage-toolbar{font-size:.65rem}.graph-canvas{height:420px;min-height:390px}.canvas-tip{display:none}.filter{padding-left:.45rem;padding-right:.45rem}.filter-group{gap:.15rem}}