@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--ink: #dce8ef;--muted: #95aebb;--edge: rgba(216, 230, 239, .16);--surface: rgba(8, 21, 35, .76);--surface-strong: rgba(10, 24, 39, .9);--accent: #ffbf69;--accent-strong: #ff8f4d;--accent-soft: rgba(255, 191, 105, .16);--paper: #0e2437;--map-paper: #17324a;--map-glow: rgba(102, 176, 220, .18);--shadow: 0 24px 70px rgba(0, 0, 0, .32);color:var(--ink);font-family:Space Grotesk,Trebuchet MS,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100svh}body{margin:0;background:radial-gradient(circle at top left,rgba(57,112,145,.35),transparent 36%),radial-gradient(circle at right center,rgba(255,163,97,.16),transparent 24%),linear-gradient(180deg,#04101b,#0c2133 48%,#07131f)}button,select,input{font:inherit}.app-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr}.top-bar{display:flex;gap:.7rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid var(--edge);background:linear-gradient(180deg,#04101bf0,#091927d6),radial-gradient(circle at top right,rgba(255,191,105,.1),transparent 35%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);position:relative;z-index:2}.brand-block{order:1;flex:0 0 auto;display:flex;align-items:center;min-height:2.8rem;min-width:0}.brand-block h1,.projection-select span,.pane-title{margin:0}.brand-block h1{display:inline-flex;align-items:center;min-height:2.8rem;font-size:clamp(1.2rem,1.6vw,1.55rem);letter-spacing:-.04em;line-height:1;white-space:nowrap}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.toolbar-group{display:inline-flex;gap:.45rem;padding:.35rem;border:1px solid var(--edge);border-radius:999px;background:#0c1b2ab8;box-shadow:inset 0 1px #ffffff08}.toolbar-switch{display:inline-flex;gap:.18rem;padding:.24rem;border:1px solid var(--edge);border-radius:999px;background:#0c1b2adb;box-shadow:inset 0 1px #ffffff08,0 10px 24px #0000002e}.top-bar-controls-rail{order:2;flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;padding-top:2.35rem;margin-top:-2.35rem;scrollbar-width:none}.top-bar-controls-rail::-webkit-scrollbar{display:none}.top-bar-controls{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;min-width:0;width:max-content}.top-bar-reset,.top-bar-pane-group{flex-shrink:0}.top-bar-switch{transform:none}.top-bar-switch-anchor{width:auto;flex-shrink:0}.top-bar-day-night-wrap{display:inline-flex;align-items:center;gap:.5rem;margin-left:.05rem;flex-shrink:0}.top-bar-day-night-panel{display:flex;align-items:center;gap:.45rem;padding:.42rem .6rem;border-radius:999px;width:auto}.toolbar-text-button{min-height:2.8rem;padding:.68rem 1rem;border:1px solid var(--edge);border-radius:999px;background:#0c1b2ad1;color:var(--ink);cursor:pointer;font-size:.88rem;font-weight:600;letter-spacing:.01em;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.toolbar-text-button:hover:not(:disabled),.toolbar-text-button:focus-visible:not(:disabled){background:#7ac1e91f;border-color:#7ac1e942;transform:translateY(-1px);outline:none}.toolbar-text-button[data-active=true]{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:#ffbf694d;color:#111824;box-shadow:0 10px 20px #ff8f4d2e}.toolbar-text-button[data-active=true]:hover:not(:disabled),.toolbar-text-button[data-active=true]:focus-visible:not(:disabled){background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#111824}.icon-button-anchor{display:inline-flex}.icon-button{position:relative;width:2.65rem;height:2.65rem;border:0;border-radius:999px;display:grid;place-items:center;background:transparent;color:var(--muted);cursor:pointer;transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease}.icon-button svg{width:1.22rem;height:1.22rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.floating-tooltip{position:fixed;z-index:50;transform:translate(-50%);padding:.42rem .6rem;border-radius:.65rem;border:1px solid rgba(221,232,239,.14);background:#07131eeb;box-shadow:0 12px 28px #00000047;color:var(--ink);font-size:.72rem;font-weight:500;line-height:1.2;letter-spacing:.01em;white-space:nowrap;pointer-events:none}.icon-button:hover:not(:disabled),.icon-button:focus-visible:not(:disabled){color:#f8fcff;background:#7ac1e924;transform:translateY(-1px);outline:none}.icon-button[data-active=true]{color:#111824;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 10px 20px #ff8f4d2e}.icon-button[data-active=true]:hover:not(:disabled),.icon-button[data-active=true]:focus-visible:not(:disabled){color:#111824;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 12px 24px #ff8f4d38}.icon-button:disabled{cursor:not-allowed;opacity:.42}.toolbar-menu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.75rem;align-items:end;padding:.85rem .95rem;border:1px solid var(--edge);border-radius:1rem;background:linear-gradient(180deg,#081623f5,#0a1b2be6),radial-gradient(circle at top right,rgba(255,191,105,.08),transparent 42%);box-shadow:inset 0 1px #ffffff08}.day-night-field{display:inline-flex;align-items:center;gap:.35rem;min-width:auto;font-size:.72rem;color:var(--muted)}.day-night-field span{text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;white-space:nowrap}.day-night-checkbox span{font-size:.78rem}.day-night-field input{min-width:0;width:auto;padding:.48rem .62rem;border:1px solid rgba(216,230,239,.14);border-radius:.75rem;background:#0d1d2bf0;color:var(--ink);box-shadow:inset 0 1px #ffffff08}.day-night-field input:disabled{opacity:.72;cursor:not-allowed}.day-night-checkbox{display:inline-flex;align-items:center;gap:.35rem;min-height:0;padding:0 .15rem 0 .05rem;color:var(--muted);white-space:nowrap}.day-night-checkbox input{width:1rem;height:1rem;accent-color:var(--accent)}.projection-select{order:3;flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:var(--muted);white-space:nowrap}.projection-select span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.projection-select select{min-width:10rem;padding:.58rem .75rem;border-radius:.9rem;border:1px solid var(--edge);background:#0d1d2be6;color:var(--ink);box-shadow:inset 0 1px #ffffff08}.top-bar-day-night-panel .day-night-field:first-child input{width:8rem}.top-bar-day-night-panel .day-night-field:nth-child(2) input{width:6.6rem}.workspace{display:grid;grid-template-columns:minmax(22rem,1fr) minmax(0,2fr);gap:1rem;padding:1rem;min-height:0}.pane{min-height:0;position:relative;border:1px solid var(--edge);border-radius:1.5rem;overflow:hidden;box-shadow:var(--shadow)}.pane-globe{background:radial-gradient(circle at 30% 22%,rgba(37,103,150,.2),transparent 26%),radial-gradient(circle at 75% 80%,rgba(255,168,94,.1),transparent 18%),linear-gradient(180deg,#04101cf0,#051019f5)}.pane-map{background:radial-gradient(circle at 15% 10%,rgba(132,185,214,.12),transparent 24%),linear-gradient(180deg,#11324af5,#0b1f2ef0)}.pane-label{position:absolute;top:1rem;left:1rem;z-index:1;display:grid;gap:.15rem;padding:.65rem .85rem;border-radius:.95rem;border:1px solid rgba(221,232,239,.12);background:#07131e9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pane-title{font-size:.9rem;font-weight:700}.pane-subtitle{font-size:.74rem;color:var(--muted)}.pane-metrics-overlay{position:absolute;right:1rem;bottom:1rem;left:1rem;z-index:1;display:grid;gap:.8rem;padding:.9rem 1rem 1rem;border:1px solid rgba(221,232,239,.12);border-radius:1rem;background:#07131eb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none}.pane-metrics-header{display:grid;gap:.16rem}.pane-metrics-kicker{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.pane-metrics-title{font-size:.9rem;font-weight:600;color:var(--ink)}.pane-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.pane-metrics-item{display:grid;gap:.18rem;min-width:0;padding:.58rem .68rem;border:1px solid rgba(221,232,239,.08);border-radius:.9rem;background:#ffffff08}.pane-metrics-label{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.pane-metrics-value{font-family:IBM Plex Mono,monospace;font-size:.84rem;color:#fff7e1}.pane-metrics-message{margin:0;font-size:.8rem;line-height:1.45;color:var(--ink)}.pane canvas{display:block;width:100%;height:100%}.globe-stage-shell{position:absolute;inset:4.7rem 1rem 1rem;display:grid;place-items:center}.globe-stage{display:block}.map-canvas-stack{position:absolute;inset:0;background:radial-gradient(circle at 60% 15%,var(--map-glow),transparent 28%),linear-gradient(180deg,#0f263885,#09182529);cursor:crosshair}.map-layer{position:absolute;inset:0;width:100%;height:100%}.map-layer-overlay{pointer-events:none}@media(max-width:920px){.top-bar{display:grid;grid-template-columns:1fr;justify-items:start}.brand-block,.projection-select,.top-bar-controls{order:initial;margin-left:0}.brand-block,.projection-select{grid-column:1}.brand-block{grid-row:auto}.projection-select{grid-row:auto;justify-self:stretch;display:grid;gap:.35rem;white-space:normal}.projection-select select{min-width:0;width:100%}.top-bar-controls{display:grid;grid-template-columns:1fr;row-gap:.8rem;justify-content:stretch;overflow-x:visible}.top-bar-reset,.top-bar-pane-group,.top-bar-switch-anchor,.top-bar-day-night-wrap{grid-column:1;justify-self:start}.top-bar-switch{left:0;transform:none}.top-bar-day-night-wrap{display:grid;gap:.8rem;margin-left:0}.top-bar-day-night-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.75rem;align-items:end;border-radius:1rem;padding:.85rem .95rem;width:100%}.top-bar-day-night-panel .day-night-field{display:grid;gap:.35rem}.top-bar-day-night-panel .day-night-field span{font-size:.68rem}.top-bar-day-night-panel .day-night-field:first-child input,.top-bar-day-night-panel .day-night-field:nth-child(2) input{width:100%}}@media(max-width:960px){.workspace{grid-template-columns:1fr;grid-template-rows:minmax(20rem,42svh) minmax(24rem,1fr)}.pane-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar-menu{grid-template-columns:1fr;align-items:stretch}.day-night-checkbox{min-height:0;padding:0}}@media(max-width:640px){.pane-metrics-grid{grid-template-columns:1fr}}
