:root{--ink:#10131a;--muted:#5f728c;--sky-top:#a9dcff;--sky-mid:#dff4ff;--sky-low:#fff7de;--panel:rgba(255,255,255,0.74);--line:rgba(16,19,26,0.14);--blue:#1f6feb;--peach:#ffb86b;--pink:#ff5f8f}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Avenir Next,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.86) 0 7%,transparent 18%),radial-gradient(circle at 82% 16%,rgba(255,255,255,.72) 0 8%,transparent 21%),radial-gradient(circle at 18% 92%,rgba(255,255,255,.68) 0 9%,transparent 23%),linear-gradient(180deg,var(--sky-top) 0,var(--sky-mid) 48%,var(--sky-low) 100%)}body:after,body:before{content:"";position:fixed;inset:auto -8vw 8vh auto;width:42vw;height:14vw;border-radius:999px;background:rgba(255,255,255,.55);filter:blur(28px);pointer-events:none;z-index:0}body:after{inset:10vh auto auto -10vw;width:50vw;height:16vw;opacity:.75}main{position:relative;z-index:1;min-height:100vh;padding:28px;display:grid;grid-gap:22px;gap:22px}.skyObjects{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.floatObj{position:absolute;display:grid;place-items:center;width:clamp(78px,11vw,150px);aspect-ratio:1;border-radius:999px;font-size:clamp(34px,5vw,72px);color:rgba(16,19,26,.88);box-shadow:inset -12px -16px 32px rgba(16,19,26,.13),inset 12px 14px 28px rgba(255,255,255,.75),0 28px 80px rgba(16,19,26,.16);animation:bob 8s ease-in-out infinite}.sushi{left:-24px;top:13vh;background:linear-gradient(135deg,#fff,#ff8a61 58%,#1f2937 59%);transform:rotate(-18deg)}.cup{left:7vw;bottom:7vh;background:linear-gradient(135deg,#fff 0 52%,#b98557 53%);animation-delay:-2s}.disco{right:-42px;top:22vh;background:radial-gradient(circle at 30% 28%,#fff,#b8c7d9 38%,#515f78);color:white;animation-delay:-4s}.berry{right:11vw;bottom:4vh;background:radial-gradient(circle at 32% 28%,#ffd1dc,#ff4f7b 55%,#b71242);color:#fff;width:clamp(54px,7vw,96px);animation-delay:-6s}@keyframes bob{0%,to{translate:0 0;rotate:-3deg}50%{translate:0 -18px;rotate:4deg}}.atlasWorkspace{display:grid;grid-template-columns:minmax(400px,.36fr) minmax(0,1fr);grid-gap:22px;gap:22px;min-height:calc(100vh - 56px);align-items:stretch}.hero{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:0;padding:clamp(24px,3vw,42px);border:1px solid rgba(255,255,255,.72);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,255,255,.24));box-shadow:0 34px 90px rgba(27,72,128,.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18);overflow:hidden}.eyebrow{margin:0 0 8px;letter-spacing:.18em;font-size:12px;font-weight:900;color:#1658c9}.appTitle,.eyebrow{text-transform:uppercase}.appTitle{width:min(100%,980px);margin:0 0 18px;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(54px,5.2vw,88px);line-height:.82;letter-spacing:-.065em;transform:skew(-4deg);color:transparent;background:linear-gradient(145deg,#ffffff,#232733 18%,#05070a 38%,#f8fafc 50%,#161922 64%,#030305);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1.35px rgba(255,255,255,.64);text-shadow:0 1px 0 rgba(255,255,255,.9),0 18px 42px rgba(16,19,26,.28);filter:drop-shadow(0 18px 22px rgba(16,19,26,.22))}h1{margin:0;max-width:880px;font-size:clamp(28px,3.1vw,44px);line-height:.97;letter-spacing:-.06em}.lede{margin:18px 0 0;max-width:760px;color:#2f435d;font-size:17px;line-height:1.55}.controls{min-width:0;display:grid;grid-gap:13px;gap:13px;padding:16px;border-radius:28px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.78);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.9),0 20px 60px rgba(16,19,26,.12)}label{display:grid;grid-gap:7px;gap:7px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}button,select{width:100%;border:1px solid rgba(16,19,26,.12);border-radius:18px;padding:13px 14px;font:inherit;color:var(--ink);background:rgba(255,255,255,.82);outline:none}button:focus-visible,select:focus{box-shadow:0 0 0 4px rgba(31,111,235,.18)}button{border:0;background:linear-gradient(145deg,#161922,#030305 55%,#3b4257);color:white;font-weight:900;cursor:pointer;transition:transform .18s ease,opacity .18s ease;box-shadow:inset 0 1px rgba(255,255,255,.2),0 14px 32px rgba(16,19,26,.24)}button:hover{transform:translateY(-2px) scale(1.01);opacity:.94}.mapShell{position:relative;overflow:hidden;border-radius:40px;border:1px solid rgba(255,255,255,.82);height:100%;min-height:680px;box-shadow:0 35px 120px rgba(16,61,118,.24);background:rgba(255,255,255,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mapShell:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.65);border-radius:30px;z-index:1;pointer-events:none}.mapCanvas{position:absolute;inset:0}.mapCanvas,.mapboxgl-map{width:100%;height:100%}.mapError,.mapFallback{padding:28px;border-radius:24px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412}.hoverCard{bottom:22px;display:grid;grid-gap:5px;gap:5px;max-width:390px;padding:16px 18px;border-radius:24px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.88);box-shadow:0 20px 60px rgba(15,23,42,.18)}.hoverCard,.qualityBadge{position:absolute;left:22px;z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.qualityBadge{top:22px;max-width:min(420px,calc(100% - 44px));padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);color:#334155;font-size:13px;font-weight:800;box-shadow:0 14px 42px rgba(15,23,42,.14)}.hoverCard strong{font-size:18px}.hoverCard small,.hoverCard span{color:var(--muted)}.notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.notes>div{padding:23px;border-radius:30px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 70px rgba(27,72,128,.12)}.notes h2{margin:0 0 10px;letter-spacing:-.04em}.notes p{margin:0;color:#42566f;line-height:1.55}code{background:rgba(15,23,42,.06);border:1px solid rgba(15,23,42,.08);padding:2px 6px;border-radius:7px}@media (max-width:1100px){.atlasWorkspace{grid-template-columns:minmax(340px,.44fr) minmax(0,1fr)}.appTitle{font-size:clamp(50px,5.4vw,72px)}h1{font-size:clamp(28px,3.4vw,40px)}}@media (max-width:900px){main{padding:14px}.atlasWorkspace{grid-template-columns:1fr;min-height:auto}.hero{min-height:auto}.controls{min-width:0}.notes{grid-template-columns:1fr}.mapShell{height:62vh;min-height:520px}.appTitle{font-size:clamp(46px,17vw,92px);letter-spacing:-.065em}h1{font-size:clamp(30px,8vw,54px)}}