:root{color-scheme:dark;--ink:#07131b;--navy:#101d24;--panel:rgba(11,26,33,.93);--panel2:#172b34;--line:rgba(192,208,199,.17);--gold:#d6b779;--gold-pale:#ecddbc;--teal:#6ac5b9;--off:#d8d9ca;--muted:#879ba0}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#07141a;color:var(--off);font-family:'Trebuchet MS',Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 72% 66% at 50% 51%,transparent 50%,rgba(5,13,21,.53) 100%);z-index:1}.masthead{position:absolute;z-index:4;top:0;left:0;right:0;height:96px;display:flex;align-items:center;gap:18px;padding:16px 29px;background:linear-gradient(180deg,rgba(5,17,25,.97) 0%,rgba(5,17,25,.82) 76%,rgba(5,17,25,0) 100%);border-top:3px solid #b99b66}.monogram{font-family:Georgia,serif;font-size:32px;color:var(--gold);border:1px solid rgba(214,183,121,.5);width:66px;height:62px;display:flex;align-items:center;justify-content:center;letter-spacing:-5px;padding-right:8px;flex-shrink:0}.monogram span{font-size:14px;letter-spacing:0;margin:0 4px}.identity{flex:1;min-width:0}.eyebrow,.rail-eyebrow,.section-cap,.section-title,.micro-title,.label,.section-index,.range-heading,.range-end,.tiny-glow,.header-right,.bottom-stat span,.metric span,.loading-kicker{font:700 10px/1.3 Arial,sans-serif;letter-spacing:1.8px;color:var(--gold)}.eyebrow{color:#ae9a76}.sep{color:#6d7778;margin:0 6px}.identity h1{font:normal 25px/1.04 Georgia,serif;letter-spacing:3.2px;color:#f4e9d2;margin:6px 0 4px}.identity h1 em{font-size:18px;font-style:normal;color:var(--gold)}.identity p{font:italic 13px Georgia,serif;color:#91a3a5;margin:0}.header-right{display:flex;align-items:center;gap:11px;color:#cbd5c7;white-space:nowrap}.live-dot{width:7px;height:7px;border-radius:50%;background:#59d4ac;box-shadow:0 0 13px #59d4ac}.outlined{color:var(--gold-pale);background:rgba(214,183,121,.07);border:1px solid rgba(214,183,121,.43);padding:12px 14px;margin-left:13px;letter-spacing:1.5px;font-size:10px}.outlined:hover,.action-row button:hover{background:rgba(214,183,121,.2)}.left-rail,.right-rail{position:absolute;z-index:3;background:var(--panel);border:1px solid var(--line);box-shadow:0 16px 60px rgba(0,0,0,.2)}.left-rail{left:22px;top:115px;bottom:110px;width:270px;display:flex;flex-direction:column;backdrop-filter:blur(22px)}.rail-eyebrow{padding:21px 18px 13px}.tab-buttons{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tab-buttons button{flex:1;border:0;background:transparent;color:#93a4a4;padding:13px 10px;font-size:10px;letter-spacing:1.6px}.tab-buttons button.active{background:rgba(214,183,121,.12);border-bottom:2px solid var(--gold);color:var(--gold-pale)}.scroll-panel{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#45616a transparent}.hidden{display:none!important}.site-item{padding:13px 16px;border-bottom:1px solid rgba(196,204,192,.1);display:flex;align-items:center;gap:11px;cursor:pointer;transition:background .18s}.site-item:hover,.site-item.active{background:rgba(215,183,119,.105)}.site-icon{width:36px;height:36px;flex-shrink:0;border:1px solid rgba(214,183,121,.32);display:flex;align-items:center;justify-content:center;color:var(--gold);font:20px Georgia,serif}.site-info{flex:1;min-width:0}.site-info b{display:block;font:normal 12px/1.3 Georgia,serif;letter-spacing:.5px;color:#e9e0cc}.site-info small{display:block;color:var(--muted);font:10px/1.5 Arial,sans-serif;margin-top:4px}.site-arrow{font-size:15px;color:var(--gold)}.rail-bottom{padding:17px 19px 20px;border-top:1px solid var(--line)}.rail-bottom strong{font:27px Georgia,serif;color:#f0e6cc;display:block;margin:6px 0}.rail-bottom small{color:#7d9698;font:10px Arial,sans-serif}.scale-line{height:4px;width:100%;background:repeating-linear-gradient(90deg,var(--gold) 0 25%,#536c6d 25% 50%);margin:9px 0}.right-rail{right:22px;top:115px;bottom:110px;width:325px;padding:0 16px 14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#45616a transparent;backdrop-filter:blur(22px)}.section-cap{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);height:46px}.tiny-glow{letter-spacing:1px;color:var(--teal);font-size:9px}.date-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0 13px}.date-row strong{font:15px Georgia,serif;color:#e9ddc2;display:block;margin-top:5px}.label{color:#779097;font-size:9px}.small-square{height:32px;width:34px;border:1px solid var(--line);background:#22363d;color:var(--gold);font-size:18px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.metric{border:1px solid var(--line);background:linear-gradient(138deg,rgba(62,92,89,.18),rgba(14,24,32,.5));padding:11px 10px 8px;min-height:82px}.metric span,.bottom-stat span{font-size:9px;color:#8daba9;letter-spacing:1.1px;display:block}.metric strong{display:inline-block;font:23px Georgia,serif;color:#f4e7c9;margin-top:6px}.metric small{color:#92a6a6;font:10px Arial,sans-serif;margin-left:3px}.section-title{display:flex;justify-content:space-between;color:#c7b68b;border-top:1px solid var(--line);padding-top:14px;margin-top:18px;margin-bottom:9px}.section-index{color:#70878b}.control-group{margin:12px 0 15px}.range-heading{display:flex;justify-content:space-between;align-items:center;letter-spacing:1.15px;font-size:9px;color:#b1c1bb}.range-heading label{cursor:pointer}.range-heading b{font-size:11px;letter-spacing:0;color:#e5c68a}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(90deg,#b99c6b 0%,#6f9e91 80%,#344952 80%);border-radius:2px;outline:none;margin:14px 0 6px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#eddfbf;width:13px;height:13px;border:3px solid #294049;border-radius:50%;box-shadow:0 0 0 1px #d1b779}input[type=range]::-moz-range-thumb{background:#eddfbf;width:11px;height:11px;border:2px solid #294049;border-radius:50%}.range-end{display:flex;justify-content:space-between;font-size:8px;color:#687e82}.toggle-row{padding:7px 0;font:700 9px Arial,sans-serif;letter-spacing:1px;color:#9cb4af}.toggle-row label{display:flex;gap:9px;align-items:center;cursor:pointer}.toggle-row input{accent-color:#d1b579}.history{width:100%;height:95px;display:block;margin:4px 0 10px}.action-row{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:11px}.action-row button{background:rgba(201,167,111,.09);border:1px solid rgba(201,167,111,.31);color:#d8c9a7;font:700 9px Arial,sans-serif;letter-spacing:1.2px;padding:10px 5px}.bottom-panel{position:absolute;z-index:3;left:310px;right:364px;bottom:22px;height:75px;border:1px solid rgba(220,200,162,.24);background:rgba(10,24,31,.9);backdrop-filter:blur(16px);display:flex;align-items:center;padding:0 18px;gap:26px}.selected-indicator{display:flex;align-items:center;gap:13px;flex:1;min-width:0}.selected-ring{color:var(--gold);font:35px Georgia,serif}.selected-indicator .micro-title{font-size:9px;display:block}.selected-indicator b{display:block;color:#f2e2c6;font:15px Georgia,serif;letter-spacing:1px;margin:4px 0}.selected-indicator span:last-child{display:block;font:11px Arial,sans-serif;color:#9bb0ac;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bottom-stat{border-left:1px solid var(--line);padding-left:19px;min-width:116px}.bottom-stat strong{font:19px Georgia,serif;color:#e1cf9f;display:block;margin-top:6px;white-space:nowrap}.quick-nav{position:absolute;z-index:3;left:50%;transform:translateX(-50%);bottom:114px;display:flex;gap:5px;background:rgba(10,25,32,.83);border:1px solid rgba(216,200,160,.2);padding:5px;backdrop-filter:blur(10px)}.quick-nav button{border:0;background:none;color:#a5bdb9;font:700 10px Arial,sans-serif;letter-spacing:1px;padding:9px 13px}.quick-nav button.active{background:#c0a56f;color:#18252a}.hotkeys{position:absolute;z-index:2;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;font:9px Arial,sans-serif;letter-spacing:1.6px;color:rgba(205,213,194,.62)}.hotkeys i{color:var(--gold);font-style:normal;padding:0 8px}.tooltip{position:absolute;z-index:8;pointer-events:none;padding:9px 12px;background:#101e26;border:1px solid var(--gold);color:#ecd9b2;font:11px Arial,sans-serif}.note{font:11px/1.6 Arial,sans-serif;color:#94a8a2;padding:0 16px}.error{position:absolute;z-index:30;bottom:18px;left:50%;transform:translateX(-50%);background:#482525;border:1px solid #b86c6c;color:white;padding:14px;max-width:80%}#networkCanvas{width:100%;height:auto;display:block}#loading{position:absolute;inset:0;display:grid;place-items:center;z-index:20;background:radial-gradient(circle at center,#193b40,#07151f 70%)}.loading-card{text-align:center;width:min(440px,90%)}.loading-sun{font:76px Georgia,serif;color:var(--gold)}.loading-kicker{color:var(--gold);margin:5px}.loading-card h2{font:normal 66px Georgia,serif;letter-spacing:12px;color:#f3e6ca;margin:15px 0 5px}.loading-card p{font:italic 17px Georgia,serif;color:#94aca7;margin:0 0 25px}.load-track{height:3px;background:#354a4b}.load-track div{width:5%;height:100%;background:var(--gold);transition:width .25s}.loading-card small{display:block;font:10px Arial,sans-serif;color:#789b9a;letter-spacing:2px;margin:14px}.night #world{filter:saturate(.75)}@media(max-width:1100px){.left-rail{width:229px;left:12px}.right-rail{right:12px;width:286px}.bottom-panel{left:253px;right:310px;gap:9px;padding:0 10px}.bottom-stat{display:none}.identity h1{font-size:19px}.header-right #status{display:none}}@media(max-width:760px){.masthead{height:75px;padding:8px 10px;gap:8px}.monogram{width:40px;height:42px;font-size:20px}.identity .eyebrow{font-size:8px}.identity h1{font-size:15px;letter-spacing:1px}.identity p{font-size:10px}.outlined{padding:8px;margin:0;font-size:9px}.left-rail{top:auto;bottom:135px;left:8px;width:185px;height:260px}.left-rail .rail-bottom{display:none}.right-rail{top:82px;bottom:135px;right:8px;width:202px;padding:0 9px}.metric{padding:6px;min-height:62px}.metric strong{font-size:16px}.metric span{font-size:7px}.metric small{display:none}.range-heading{font-size:8px}.section-title{font-size:8px}.bottom-panel{left:8px;right:8px;bottom:42px;height:78px}.quick-nav{bottom:132px;left:50%;transform:translateX(-50%)}.quick-nav button{font-size:9px;padding:6px}.hotkeys{font-size:7px;letter-spacing:0;bottom:8px}.selected-indicator b{font-size:12px}.selected-indicator span:last-child{font-size:9px}}