:root{--ink-1:#281f18;--ink-2:#5b4f46;--surface-1:#f3ede5;--surface-2:#e9dfd2;--surface-3:#ddd0c1;--accent:#1f3f68;--accent-soft:#3a638f;--danger:#8a2f17;--ok:#2d6f47}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink-1);background:radial-gradient(circle at 20% 10%,#f5f0e8 0%,#ebe0d3 45%,#ddcebd 100%);margin:0;font-family:"Source Sans 3",sans-serif}button,input{font:inherit}h1,h2,h3,.brand p{letter-spacing:-.01em;font-family:Sora,sans-serif}.shell{grid-template-rows:auto 1fr;height:100dvh;display:grid;overflow:hidden}.header{border-bottom:1px solid color-mix(in srgb, var(--ink-2) 22%, transparent);background:color-mix(in srgb, var(--surface-1) 88%, #fff 12%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;padding:14px clamp(14px,2vw,24px) 10px;position:sticky;top:0}.brand{align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.brand p{margin:0;font-size:clamp(1rem,1.8vw,1.2rem)}.brand small{color:var(--ink-2)}.tabs{grid-template-columns:repeat(6,minmax(100px,1fr));gap:8px;margin-bottom:12px;display:grid}.tab{border:1px solid color-mix(in srgb, var(--ink-2) 30%, transparent);background:color-mix(in srgb, var(--surface-2) 65%, #fff 35%);min-height:44px;color:var(--ink-1);cursor:pointer;border-radius:8px;padding:6px 8px;transition:transform .18s,background-color .18s}.tab:hover{transform:translateY(-1px)}.tab.is-active{background:var(--accent);color:#f5f3ef}.sex-filter{gap:8px;display:flex}.chip{border:1px solid color-mix(in srgb, var(--ink-2) 35%, transparent);background:#f8f3ec;border-radius:999px;min-height:40px;padding:8px 14px}.chip.is-active{color:#f3ede5;background:#173451}.content{grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid;overflow:hidden}.map-area{grid-template-rows:minmax(0,1fr) auto;gap:12px;min-height:0;padding:14px;display:grid}.sidebar-area{border-left:1px solid color-mix(in srgb, var(--ink-2) 25%, transparent);background:color-mix(in srgb, var(--surface-1) 85%, #fff 15%);padding:14px;overflow:auto}.map-panel{border:1px solid color-mix(in srgb, var(--ink-2) 30%, transparent);background:linear-gradient(170deg,#f5f0e8 0%,#e0d2c2 100%);border-radius:14px;height:100%;min-height:0;position:relative}.world-map{width:100%;height:100%;display:block}.map-tooltip{z-index:20;pointer-events:none;color:#f2ece3;background:#1e3858;border-radius:10px;gap:2px;padding:6px 10px;font-size:13px;display:grid;position:fixed}.timeline{grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;display:grid}.timeline input{width:100%}.timeline-play{border:1px solid color-mix(in srgb, var(--ink-2) 35%, transparent);background:color-mix(in srgb, var(--surface-2) 70%, #fff 30%);width:34px;height:34px;color:var(--ink-1);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.timeline-play:hover{background:color-mix(in srgb, var(--surface-3) 70%, #fff 30%)}.timeline-play-icon{font-size:.9rem;line-height:1}.legend{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.legend-gradient{border-radius:999px;flex:1;height:8px}.sidebar-block{margin-bottom:18px}.sidebar-block h2{margin:0 0 8px}.hero-metric{margin:0;font-size:2rem}.muted{color:var(--ink-2);margin-top:4px}.ranking{color:var(--accent);font-weight:600}.callout{font-size:1.1rem;font-weight:600}.status{border-radius:999px;padding:6px 10px;font-weight:600;display:inline-block}.status.ok{color:var(--ok);background:#e6f3ec}.status.warn{color:var(--danger);background:#f8e9e3}.chart-card{border:1px solid color-mix(in srgb, var(--ink-2) 25%, transparent);background:#f8f2ea;border-radius:10px;margin-bottom:10px;padding:10px}.chart-card h3{margin:0 0 6px;font-size:.95rem}.bars-list{gap:8px;display:grid}.bar-row{grid-template-columns:1fr 2fr auto;align-items:center;gap:8px;display:grid}.bar-track{background:#e1d5c9;border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:#345c88;height:100%}.gauge-wrap{height:12px;margin:10px 0;position:relative}.gauge-track,.gauge-fill{border-radius:999px;position:absolute;inset:0}.gauge-track{background:#dfd0bf}.gauge-fill{background:linear-gradient(90deg,#8a2f17,#e1be7d,#2d6f47)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat-card{border:1px solid color-mix(in srgb, var(--ink-2) 25%, transparent);background:#fcf7f0;border-radius:8px;gap:4px;padding:8px;display:grid}.stat-card span{color:var(--ink-2);font-size:.8rem}.stat-card strong{font-family:Sora,sans-serif}.source-toggle{gap:8px;margin:8px 0 10px;display:flex}.source-toggle .chip{min-height:32px;padding:5px 12px;font-size:.82rem}.data-notes{color:var(--ink-2);font-size:.9rem}.error-text{color:var(--danger)}.population-ranks{margin-top:12px}.population-rank-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.population-rank-columns h3{margin:0 0 6px;font-size:.92rem}.population-rank-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.population-rank-list li{justify-content:space-between;gap:8px;font-size:.9rem;display:flex}.gate{place-items:center;min-height:100vh;padding:20px;display:grid}.gate-panel{border:1px solid color-mix(in srgb, var(--ink-2) 22%, transparent);background:linear-gradient(160deg,#f6efe7 0%,#e7d8c8 100%);border-radius:14px;width:min(620px,100%);padding:clamp(18px,4vw,34px)}.gate-form{gap:8px;margin-top:16px;display:grid}.gate-form input{background:#fffaf4;border:1px solid #b4a79a;border-radius:8px;min-height:44px;padding:0 12px}.gate-form button{background:var(--accent);color:#f5eee5;cursor:pointer;border:none;border-radius:10px;min-height:44px}.floating-brand,.bottom-sheet{display:none}@media (width<=1024px){.shell{grid-template-rows:1fr;height:100dvh;overflow:hidden}.header{display:none}.content{grid-template-columns:minmax(0,1fr);height:100dvh;min-height:100dvh;overflow:hidden}.map-area{flex-direction:column;height:100%;min-height:0;padding:0;display:flex;position:relative}.map-panel{border-radius:0;flex:1;min-height:0;overflow:hidden}.sidebar-area{display:none}.population-rank-columns{grid-template-columns:minmax(0,1fr)}.floating-brand{z-index:4;pointer-events:none;background:linear-gradient(#f3ede5d9 0%,#f3ede500 100%);padding:10px 14px;display:block;position:absolute;top:0;left:0;right:0}.floating-brand p{letter-spacing:-.01em;color:var(--ink-2);margin:0;font-family:Sora,sans-serif;font-size:.85rem}.bottom-sheet{z-index:10;background:color-mix(in srgb, var(--surface-1) 94%, #fff 6%);will-change:transform;pointer-events:auto;border-radius:16px 16px 0 0;flex-direction:column;height:100dvh;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #281f181f}.sheet-handle-area{cursor:grab;touch-action:none;flex-shrink:0;place-items:center;padding:10px 0 4px;display:grid}.sheet-handle-area:active{cursor:grabbing}.sheet-handle{background:color-mix(in srgb, var(--ink-2) 40%, transparent);border-radius:999px;width:36px;height:4px}.sheet-tabs{flex-shrink:0;padding:6px 12px 0}.sheet-tabs .tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px}.sheet-tabs .tab{min-height:38px;padding:4px 6px;font-size:.85rem}.sheet-sex-filter{flex-shrink:0;padding:0 12px 8px}.sheet-sex-filter .sex-filter{gap:6px}.sheet-sex-filter .chip{min-height:34px;padding:6px 12px;font-size:.85rem}.sheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:0 12px 24px;overflow-y:auto}.timeline{flex-shrink:0;padding:6px 10px}}@media (width<=1024px) and (orientation:landscape){.sheet-tabs .tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet-tabs .tab{min-height:34px;font-size:.8rem}.sheet-sex-filter .chip{min-height:30px;padding:4px 10px}}