:root{--bg: #05060a;--panel-bg: rgba(14, 18, 28, .86);--panel-border: rgba(255, 255, 255, .1);--text: #e7ecf3;--muted: #93a0b4;--accent: #22c55e;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;background:var(--bg);color:var(--text);overflow:hidden}.app{position:relative;height:100vh;width:100vw}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:14px 18px;z-index:10;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px}.brand__logo{font-size:26px}.brand__title{font-weight:700;font-size:18px;letter-spacing:.5px}.brand__sub{font-size:12px;color:var(--muted)}.search{position:relative;margin-left:auto;width:min(360px,42vw)}.search__input{width:100%;padding:9px 14px;border-radius:10px;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:none}.search__input:focus{border-color:var(--accent)}.search__results{position:absolute;top:110%;left:0;right:0;margin:0;padding:6px;list-style:none;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search__results button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer;text-align:left}.search__results button:hover{background:#ffffff14}.search__results small{color:var(--muted);text-transform:uppercase;font-size:10px}.search__empty{padding:8px 10px;color:var(--muted)}.lang-toggle{padding:9px 12px;border-radius:10px;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.legend{position:absolute;top:78px;left:18px;z-index:9;display:flex;flex-direction:column;gap:14px;padding:14px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px}.legend__title{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.legend__item{display:flex;align-items:center;gap:8px;padding:2px 0}.legend__dot{width:12px;height:12px;border-radius:50%;box-shadow:0 0 8px currentColor}.legend__check{display:flex;align-items:center;gap:8px;cursor:pointer;padding:2px 0}.panel{position:absolute;top:0;right:0;height:100vh;width:min(380px,92vw);z-index:12;overflow-y:auto;padding:22px;background:var(--panel-bg);border-left:2px solid var(--accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slidein .25s ease}@keyframes slidein{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.panel__close{background:none;border:1px solid var(--panel-border);color:var(--muted);border-radius:8px;padding:6px 10px;cursor:pointer;float:right}.panel__domain{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:20px;color:#05060a}.panel__title{margin:10px 0 4px;font-size:24px}.panel__age{color:var(--accent);font-size:13px}.panel__diversity{color:var(--muted);font-size:12px;margin-top:2px}.panel section{margin-top:18px}.panel h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 6px}.panel p{margin:0;line-height:1.55;font-size:14px}.panel ul{margin:0;padding-left:18px;line-height:1.6;font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;padding:4px 10px;border-radius:16px;background:#ffffff12;border:1px solid var(--panel-border)}.panel__nav{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.btn{border:1px solid var(--panel-border);background:#ffffff0f;color:var(--text);padding:8px 12px;border-radius:9px;cursor:pointer;font-size:13px}.btn:hover{background:#ffffff1f}.btn--ghost{background:none}.btn--accent{width:100%;background:var(--accent);color:#05060a;font-weight:700;border:none}.timeline{position:absolute;bottom:54px;left:50%;transform:translate(-50%);width:min(820px,94vw);z-index:9;padding:14px 18px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.timeline__head{display:flex;justify-content:space-between;margin-bottom:10px}.timeline__label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.timeline__age{font-size:13px;color:var(--accent);font-weight:600}.timeline__row{display:flex;align-items:center;gap:12px}.timeline__track{position:relative;flex:1}.timeline__track input[type=range]{width:100%;accent-color:var(--accent)}.timeline__tick{position:absolute;top:-2px;width:2px;height:8px;background:var(--muted);transform:translate(-1px);pointer-events:none}.timeline__scale{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--muted)}.footer{position:absolute;bottom:14px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:18px;z-index:9;pointer-events:none}.footer>*{pointer-events:auto}.hint{font-size:12px;color:var(--muted)}.credits-btn{background:var(--panel-bg);border:1px solid var(--panel-border);color:var(--text);padding:7px 12px;border-radius:9px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(560px,92vw);max-height:86vh;overflow-y:auto;padding:26px;background:#0c1018;border:1px solid var(--panel-border);border-radius:16px}.modal h2{margin-top:0}.credits-idea{background:#fbbf241f;border:1px solid rgba(251,191,36,.4);color:#fde68a;padding:10px 14px;border-radius:10px;font-weight:600}.credits-note{font-size:12px;color:var(--muted)}.sources{padding-left:18px;line-height:1.8}.sources a{color:var(--accent)}.node-label{font-size:11px;color:#e7ecf3;background:#05060a99;padding:1px 6px;border-radius:6px;white-space:nowrap;transform:translate(-50%,-100%);-webkit-user-select:none;user-select:none}.node-label--hot{color:#fff;background:#05060ae6;font-weight:700}.event-label{font-size:10px;color:#cdd6e3;background:#05060ab3;border-left:2px solid #fff;padding:1px 6px;border-radius:4px;white-space:nowrap;-webkit-user-select:none;user-select:none}.loader{color:var(--muted);font-size:14px}@media (max-width: 640px){.legend,.brand__sub{display:none}}