*{margin:0;padding:0;box-sizing:border-box}:root{--panel-bg: rgba(13, 18, 30, .82);--panel-border: rgba(255, 255, 255, .09);--text: #e8ecf4;--text-muted: #98a2b8;--accent: #6f8fd9;font-size:15px}html,body,#root{height:100%;overflow:hidden}body{font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1px 1px at 34% 68%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 56% 14%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1px 1px at 72% 42%,rgba(255,255,255,.45) 50%,transparent 51%),radial-gradient(1px 1px at 88% 76%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 20% 88%,rgba(255,255,255,.4) 50%,transparent 51%),radial-gradient(1px 1px at 44% 36%,rgba(255,255,255,.35) 50%,transparent 51%),radial-gradient(1px 1px at 66% 90%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1px 1px at 94% 8%,rgba(255,255,255,.55) 50%,transparent 51%),radial-gradient(ellipse at 50% 45%,#101a30,#070b14 55%,#04060c)}.app{position:relative;height:100%}.loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.loading-globe{font-size:4rem;animation:spin 4s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header{position:absolute;top:1.1rem;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.8)}.app-header h1{font-size:1.5rem;font-weight:700;letter-spacing:.04em}.app-header p{color:var(--text-muted);font-size:.85rem;margin-top:.15rem}.legend{position:absolute;top:1.1rem;left:1.1rem;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:240px}.language-toggle{display:flex;justify-content:flex-end;gap:3px;margin-bottom:.45rem}.language-toggle button{border:1px solid var(--panel-border);background:transparent;color:var(--text-muted);border-radius:5px;padding:.2rem .42rem;font:700 .65rem/1.2 inherit;cursor:pointer}.language-toggle button:hover{color:var(--text)}.language-toggle button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.mode-toggle{display:flex;gap:4px;margin-bottom:.7rem;background:#ffffff0f;border-radius:8px;padding:3px}.mode-toggle button{flex:1;border:none;background:transparent;color:var(--text-muted);font-size:.78rem;padding:.35rem .5rem;border-radius:6px;cursor:pointer;font-family:inherit}.mode-toggle button.active{background:var(--accent);color:#fff}.legend ul{list-style:none;display:flex;flex-direction:column;gap:.32rem}.legend li{display:flex;align-items:center;gap:.5rem;font-size:.78rem}.legend li.muted-li{color:var(--text-muted);font-style:italic}.legend li{flex-direction:column;align-items:stretch}.legend-row{display:flex;align-items:center;gap:.5rem}.legend-desc{margin:.15rem 0 .25rem 1.35rem;font-size:.68rem;line-height:1.4;color:var(--text-muted)}.info-toggle{margin-top:.6rem;width:100%;background:none;border:none;color:var(--accent);font-size:.72rem;cursor:pointer;font-family:inherit;text-align:left;padding:0}.info-toggle:hover{text-decoration:underline}.swatch{display:inline-block;width:14px;height:14px;border-radius:4px;flex-shrink:0;border:1px solid rgba(255,255,255,.25)}.time-slider{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);width:min(720px,calc(100vw - 2rem));background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;padding:.9rem 1.3rem 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.time-top{display:flex;align-items:baseline;gap:1rem;margin-bottom:.4rem}.play-btn{align-self:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--panel-border);background:var(--accent);color:#fff;font-size:1rem;cursor:pointer;flex-shrink:0}.play-btn:hover{filter:brightness(1.15)}.year-display{font-size:2.3rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1}.event-caption{color:var(--text-muted);font-size:.85rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-wrap{position:relative}input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(90deg,#40507a,#6f8fd9);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:0 1px 8px #0009;cursor:grab}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--accent);cursor:grab}.slider-ticks{position:relative;height:14px;margin-top:4px}.tick{position:absolute;transform:translate(-50%);font-size:.62rem;color:var(--text-muted)}.info-panel{position:absolute;top:1.1rem;right:1.1rem;bottom:9.5rem;width:min(380px,calc(100vw - 2rem));background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;overflow:hidden;animation:slide-in .22s ease-out}@keyframes slide-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.panel-header{display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem .8rem;border-bottom:1px solid var(--panel-border)}.panel-header .swatch{width:20px;height:20px;border-radius:6px}.panel-header h2{font-size:1.15rem;line-height:1.2}.panel-header .sub{color:var(--text-muted);font-size:.78rem;margin-top:.1rem}.close-btn{margin-left:auto;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:.2rem .4rem}.close-btn:hover{color:var(--text)}.panel-body{overflow-y:auto;padding:.9rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:1.1rem}.panel-body section h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.45rem}.chip{display:inline-block;padding:.28rem .65rem;border-radius:999px;font-size:.82rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}.muted{color:var(--text-muted);font-size:.8rem;margin-top:.3rem}.regime-desc{margin-top:.35rem;padding:.5rem .6rem;border-left:3px solid var(--panel-border);background:#ffffff0a;border-radius:0 8px 8px 0;font-size:.76rem;line-height:1.45;color:var(--text-muted)}.regime-timeline{display:flex;margin-top:.6rem;border-radius:6px;overflow:hidden;min-height:26px}.regime-seg{flex:1;display:flex;align-items:center;justify-content:center;font-size:.6rem;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);opacity:.55;padding:.15rem .1rem;white-space:nowrap}.regime-seg.active{opacity:1;outline:2px solid #fff;outline-offset:-2px;z-index:1}.ruler{display:flex;flex-direction:column;padding:.35rem .5rem;border-radius:8px;font-size:.85rem}.ruler span{color:var(--text-muted);font-size:.75rem}.ruler.current{background:#6f8fd929;border:1px solid rgba(111,143,217,.35)}.ruler-list{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;max-height:220px;overflow-y:auto}details summary{cursor:pointer;color:var(--accent);font-size:.8rem;margin-top:.5rem}.conflict{border:1px solid var(--panel-border);border-radius:10px;margin-bottom:.45rem;overflow:hidden}.conflict-head{display:flex;align-items:center;gap:.5rem;width:100%;background:#ffffff0a;border:none;color:var(--text);font-family:inherit;font-size:.83rem;padding:.5rem .6rem;cursor:pointer;text-align:left}.conflict-head:hover{background:#ffffff14}.conflict-name{flex:1;min-width:0}.conflict-name em{font-style:normal;font-size:.76rem}.expander{color:var(--text-muted)}.conflict-body{padding:.6rem .7rem .7rem;font-size:.8rem;line-height:1.45}.conflict-body p{margin-bottom:.5rem}.episodes{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.5rem}.episode{display:flex;align-items:center;gap:.45rem;font-size:.74rem;color:var(--text-muted)}.episode.active{color:var(--text);font-weight:600}.episode .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.link-btn{background:none;border:1px solid var(--accent);color:var(--accent);border-radius:8px;padding:.3rem .6rem;font-size:.76rem;cursor:pointer;font-family:inherit}.link-btn:hover{background:#6f8fd926}.globe-tooltip{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:.4rem .6rem;font-size:.8rem;color:var(--text)}.globe-tooltip span{color:var(--text-muted);font-size:.72rem}.credits{position:absolute;bottom:.35rem;left:50%;transform:translate(-50%);width:min(900px,calc(100vw - 1rem));text-align:center;font-size:.62rem;color:#98a2b8bf;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.8)}@media (max-width: 720px){.app-header{display:none}.legend{max-width:180px;padding:.55rem}.info-panel{top:auto;bottom:10.5rem;right:.6rem;left:.6rem;width:auto;max-height:45vh}.time-slider{bottom:1.4rem;padding:.7rem .9rem 1.3rem}.year-display{font-size:1.7rem}}