@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";:root{--ui-font: "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text: #01100d;--background: #edfdfc;--primary: #23ead0;--secondary: #87ccf4;--accent: #5194ef;--card-bg: #ffffff;--card-border: rgba(2,6,23,.06)}html,body,#root{height:100%;margin:0}body{font-family:var(--ui-font);font-weight:400;color:var(--text);background:#eaf6f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--ui-font);margin:0}h1{font-weight:800;font-size:28px}.app-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 6px 18px #0f172a0f,inset 0 1px #fff9}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:10px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,opacity .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:var(--text);border-color:var(--card-border)}.btn:hover{box-shadow:0 6px 18px #0206171f}.github-banner{display:flex;justify-content:center;padding:12px 0 6px;margin-top:14px;background:transparent;border-top:1px solid rgba(2,6,23,.03)}.github-banner a{display:inline-flex;align-items:center;gap:6px;color:#344e54;text-decoration:none;font-weight:700;font-size:13px}.github-banner a:hover{opacity:.95}.world-map-title{font-size:1.6rem;font-weight:700;margin-bottom:1rem;text-align:center;color:var(--text)}.country-shape{stroke:#222;stroke-width:.8;transition:stroke .2s,fill .3s ease;cursor:pointer}.country-shape:hover{stroke:#000;stroke-width:1.2}.country-shape:active{fill:#222!important;outline:none}.country-shape:focus,.country-shape:focus-visible,.world-map-container svg:focus{outline:none!important;box-shadow:none!important}.world-map-container svg,.country-shape{-webkit-tap-highlight-color:transparent}.world-map-container{display:flex;flex-direction:column;align-items:center;min-height:70vh;width:100%;padding-top:2vh;box-sizing:border-box;max-width:1400px;margin-left:auto;margin-right:auto}.world-map-container svg{width:100%;height:auto;max-width:1400px;display:block}.page-wrapper{display:flex;flex-direction:column;align-items:center;padding:28px;box-sizing:border-box;min-height:100vh;color:var(--text)}.page-container{width:100%;max-width:1400px}.app-header{display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto 24px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.app-brand{display:flex;align-items:center;gap:12px}.app-brand .logo{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.app-card{background:var(--card-bg);border-radius:12px;box-shadow:0 6px 18px #0f172a0f,inset 0 1px #fff9;padding:20px;border:1px solid var(--card-border)}.card-title{font-size:1.125rem;font-weight:700;margin-bottom:12px}.clean-header{text-align:center;margin-bottom:18px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.clean-header h1{margin:0;font-size:1.6rem;font-weight:800;color:var(--text)}.clean-header p{margin:6px 0 0;color:#6b7280;font-size:.95rem}.valuebar-container{display:block}.valuebar-track{border-radius:999px;overflow:hidden;height:40px;border:1px solid rgba(2,6,23,.06);transition:background-color .35s ease,border-color .35s ease}.valuebar-segment{flex:1 1 0;transition:background-color .35s ease}.valuebar-ticks .tick-labels{margin-top:8px;display:flex;justify-content:space-between;color:#374151}.tick-mark{width:1px;height:10px;background:#0f172a14}.palette-group{display:flex;gap:12px;align-items:center}.palette-swatch{display:grid;grid-auto-flow:column;gap:6px;align-items:center;padding:6px;border-radius:999px;cursor:pointer;transition:box-shadow .18s ease,border-color .18s ease}.palette-swatch span{width:18px;height:18px;border-radius:50%;display:inline-block;box-shadow:0 1px 3px #02061714}.palette-swatch{background:transparent;border-radius:999px;padding:6px;display:inline-flex;align-items:center;justify-content:center}.swatch-dot{width:28px;height:28px;border-radius:50%;box-shadow:0 6px 18px #02061714;transition:transform .22s ease,box-shadow .22s ease}.palette-swatch:hover .swatch-dot{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 26px #0206171f}.map-tooltip{position:fixed;z-index:9999;pointer-events:none;background:#020617eb;color:#fff;padding:8px 10px;border-radius:6px;font-size:13px;box-shadow:0 6px 18px #0206171f;transform:translateZ(0)}.valuebar-container{width:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.valuebar-track{display:flex;width:100%;height:32px;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.valuebar-segment{flex:1 1 0}.valuebar-segment.border{box-shadow:inset -1px 0 #ffffff1f}.valuebar-ticks{position:relative;width:100%;height:18px;margin-top:6px}.valuebar-ticks .tick-labels{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#0f172a}.valuebar-ticks .tick-mark{position:absolute;top:0;width:1px;height:8px;background:#0f172a99}.valuebar-small{font-size:12px}.help-overlay{position:fixed;inset:0;background:#02061780;display:flex;align-items:center;justify-content:center;z-index:2000}.help-card{background:var(--card-bg, #fff);color:var(--text, #091421);width:420px;max-width:calc(100% - 40px);border-radius:8px;box-shadow:0 10px 30px #02061726;padding:16px}.help-header{display:flex;align-items:center;justify-content:space-between}.help-header h2{margin:0;font-size:1.1rem}.help-close{background:transparent;border:0;font-size:1.4rem;cursor:pointer}.help-body{margin-top:12px;font-size:.95rem}.help-body ol{padding-left:18px}.help-note{margin-top:10px;font-size:.9rem;color:#4a5568}
