html,body,#root{margin:0;padding:0;height:100%;width:100%;background:#f6f7f9;color:#1f242b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow:hidden}.app{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#fff,#f0f3f8 35%,#d6dce3 75%,#b8bfc8)}.ui-overlay{position:absolute;z-index:10;pointer-events:none}.ui-overlay--bottom{bottom:24px;left:50%;transform:translate(-50%)}.ui-overlay--left{top:24px;left:24px;display:flex;flex-direction:column;gap:16px}.ui-overlay--bottom-left{bottom:24px;left:24px}.app-title{pointer-events:none;color:#0a1a3a}.app-title__main{font-size:28px;font-weight:700;line-height:1.1;text-transform:uppercase;text-shadow:0 1px 2px rgba(255,255,255,.6)}.app-title__sub{margin-top:5px;font-size:14px;color:#5a6677;text-transform:uppercase;font-weight:600;letter-spacing:.02em}.ui-overlay--top{top:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px}.ui-overlay--bottom-right{bottom:48px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:380px}.ui-overlay--top-right{top:24px;right:24px;display:flex;align-items:center;gap:8px}.ui-overlay--center{top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.loading-msg{pointer-events:none;font-size:14px;font-weight:600;color:#eef2f8;background:#10141ca8;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:10px 20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:loading-pulse 1.4s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.55}50%{opacity:1}}.year-slider--live{min-width:0;text-align:center}.year-slider--live .year-slider__label{margin-bottom:0}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff3b3b;margin-right:6px;vertical-align:baseline;animation:live-blink 1.4s ease-in-out infinite}@keyframes live-blink{0%,to{opacity:.25}50%{opacity:1}}.event-display{text-align:right;color:#1f242b;text-shadow:0 1px 2px rgba(255,255,255,.7);animation:event-fade-in .32s ease-out}.event-display__year{font-size:16px;font-weight:600;color:#06f;margin-bottom:4px;font-variant-numeric:tabular-nums}.event-display__text{font-size:18px;font-weight:500;line-height:1.3}@keyframes event-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.app-credit,.app-disclaimer{font-size:10px;color:#7a828c;text-shadow:0 1px 2px rgba(255,255,255,.6);white-space:nowrap;text-align:right}.app-disclaimer{opacity:.85}.app-copyright{white-space:nowrap;text-align:right}.app-copyright{font-size:10px;color:#6a7280;text-shadow:0 1px 2px rgba(255,255,255,.6)}.year-slider{pointer-events:auto;background:#ffffffeb;border-radius:12px;padding:12px 18px;min-width:360px;color:#2a2f36;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #141e320f,0 8px 24px #141e3229}.year-slider__label{font-size:17px;font-weight:600;margin-bottom:10px;color:#06f;text-align:center;text-transform:uppercase;font-variant-numeric:tabular-nums}.year-slider__row{display:flex;align-items:center;gap:12px}.year-slider__play{flex:none;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,102,255,.55);background:#fff;color:#06f;cursor:pointer;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s ease,transform 80ms ease}.year-slider__play:hover{background:#f0f5ff}.year-slider__play:active{transform:scale(.94)}.year-slider__play:disabled,.year-slider__input:disabled{cursor:not-allowed}.year-slider--disabled{filter:grayscale(1);opacity:.45}.year-slider__input{flex:1;accent-color:#0066ff}.tip{background:#ffffffeb!important;color:#1f242b!important;border:0!important;border-radius:12px!important;padding:10px 14px!important;font-size:12px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #141e320f,0 8px 24px #141e3229!important;pointer-events:none!important}.tip__name{font-weight:600;font-size:13px;margin-bottom:4px;color:#0a1a3a}.tip__row{display:flex;gap:12px;align-items:baseline;justify-content:space-between}.tip__year{color:#06f;font-variant-numeric:tabular-nums}.tip__pop{font-weight:600;font-variant-numeric:tabular-nums}.tip__spark{display:block;margin-top:6px}.tip__meta{display:flex;justify-content:space-between;gap:12px;margin-top:4px;font-size:11px;color:#5a6677;font-variant-numeric:tabular-nums}.tip__yoy--up{color:#06f;font-weight:600}.tip__yoy--down{color:#c3382a;font-weight:600}.tip__quakehead{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.tip__mag{font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}.tip__place{font-weight:600;font-size:12px;color:#0a1a3a}.year-slider__tz{font-size:11px;font-weight:600;color:#8a97a8;margin-left:4px}.ranking{pointer-events:auto;background:#ffffffa6;border-radius:12px;padding:14px 16px;width:340px;color:#1f242b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 2px #141e320f,0 8px 24px #141e3229}.ranking__title{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#06f;text-transform:uppercase;margin-bottom:10px;font-weight:600;cursor:pointer;font-family:inherit}.ranking__chevron{display:inline-block;width:6px;height:6px;border-right:1.6px solid #0066ff;border-bottom:1.6px solid #0066ff;transform:rotate(45deg) translate(-1px,-1px);transition:transform .2s ease}.ranking[data-collapsed=true] .ranking__chevron{transform:rotate(-45deg)}.ranking[data-collapsed=true] .ranking__title{margin-bottom:0}.ranking__list{position:relative}.ranking__item{position:absolute;top:0;left:0;right:0;height:28px;display:grid;grid-template-columns:20px 1fr 44px 42px;gap:8px;align-items:center;font-size:12px;cursor:pointer;border-radius:4px;transition:transform .32s cubic-bezier(.2,.7,.3,1),background-color .12s ease;will-change:transform}.ranking__item.is-hovered{background:#ffb2002e}.ranking__rank{text-align:right;color:#8b95a3;font-variant-numeric:tabular-nums;font-weight:600}.ranking__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking__bar-bg{height:6px;background:#ff602014;border-radius:3px;overflow:hidden}.ranking__bar{height:100%;background:linear-gradient(90deg,#ffb020,#ff3030);border-radius:3px}.ranking__bar.is-negative{background:linear-gradient(90deg,#ff8d8d,#ff3b3b)}.ranking__pop{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:#0a1a3a}.view-toggle{pointer-events:auto;position:relative;display:inline-flex;background:#ffffffeb;border-radius:999px;padding:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #141e320f,0 8px 24px #141e3229}.view-toggle__pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#06f;border-radius:999px;pointer-events:none;transition:transform .28s cubic-bezier(.2,.7,.3,1)}.view-toggle__pill[data-mode=cities]{transform:translate(100%)}.view-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:9px 18px 5px;border-radius:999px;font-size:13px;line-height:1.3;font-weight:600;color:#06f;cursor:pointer;position:relative;z-index:1;transition:color .2s ease;flex:1 1 0;min-width:96px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.view-toggle__btn.is-active{color:#fff}.metric-toggle{pointer-events:auto;position:relative;display:inline-flex;background:#ffffffeb;border-radius:999px;padding:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #141e320f,0 8px 24px #141e3229}.metric-toggle__pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(33.333% - 4px);background:#06f;border-radius:999px;pointer-events:none;transition:transform .28s cubic-bezier(.2,.7,.3,1)}.metric-toggle__pill[data-metric=growth]{transform:translate(100%)}.metric-toggle__pill[data-metric=tfr]{transform:translate(200%)}.metric-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:9px 16px 5px;border-radius:999px;font-size:13px;line-height:1.3;font-weight:600;color:#06f;cursor:pointer;position:relative;z-index:1;transition:color .2s ease;flex:1 1 0;min-width:84px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.metric-toggle__btn.is-active{color:#fff}.lang-toggle{pointer-events:auto;position:relative;display:inline-flex;background:#ffffffeb;border-radius:999px;padding:3px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #141e320f,0 8px 24px #141e3229}.lang-toggle__pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:#06f;border-radius:999px;pointer-events:none;transition:transform .22s cubic-bezier(.2,.7,.3,1)}.lang-toggle__pill[data-lang=en]{transform:translate(100%)}.lang-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#06f;cursor:pointer;position:relative;z-index:1;transition:color .2s ease;min-width:36px}.lang-toggle__btn.is-active{color:#fff}.auto-rotate{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 12px;border:0;border-radius:999px;background:#ffffffeb;color:#06f;font-size:13px;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #141e320f,0 8px 24px #141e3229;transition:background .12s ease,color .12s ease}.auto-rotate:hover:not(.is-active){background:#0066ff14}.auto-rotate.is-active{background:#06f;color:#fff}.auto-rotate__icon{display:inline-block;font-size:14px;line-height:1}.auto-rotate.is-active .auto-rotate__icon{animation:auto-rotate-spin 4s linear infinite}@keyframes auto-rotate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reset-view{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;padding:7px 14px 7px 12px;border:0;border-radius:999px;background:#ffffffeb;color:#06f;font-size:13px;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #141e320f,0 8px 24px #141e3229;transition:background .12s ease,transform 80ms ease}.reset-view:hover{background:#0066ff14}.reset-view:active{transform:scale(.96)}.reset-view__icon{font-size:14px;line-height:1}.ui-overlay--rank-toast{bottom:145px;left:50%;transform:translate(-50%)}.rank-toast{display:inline-flex;align-items:baseline;gap:12px;padding:10px 18px;background:#fffffff5;color:#0a1a3a;border-radius:999px;font-size:14px;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #141e320f,0 8px 24px #141e322e;animation:rank-toast-cycle 3.2s cubic-bezier(.2,.7,.3,1) forwards}.rank-toast__year{color:#06f;font-weight:700;font-variant-numeric:tabular-nums;font-size:13px}.rank-toast__text strong{font-weight:700;color:#0a1a3a}@keyframes rank-toast-cycle{0%{opacity:0;transform:translateY(8px)}14%{opacity:1;transform:translateY(0)}86%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@media(min-width:641px)and (max-width:1140px){.ui-overlay--top{top:80px}.ui-overlay--bottom-left,.ui-overlay--bottom-right{bottom:122px}.ranking__list{max-height:calc(100vh - 310px);overflow-y:auto}}@media(max-width:640px){.ui-overlay--left{top:12px;left:12px;gap:8px}.ui-overlay--top-right{top:12px;right:12px;gap:6px}.ui-overlay--top{top:56px;left:12px;right:12px;transform:none;gap:5px}.ui-overlay--top .mode-toggle{width:100%}.ui-overlay--top .mode-toggle__btn{min-width:0;padding:6px 4px;font-size:10px;letter-spacing:0}.app-title__main{font-size:16px}.app-title__sub{font-size:9px;margin-top:2px}.view-toggle__btn{padding:5px 8px;min-width:58px;font-size:10px}.metric-toggle__btn{padding:5px 6px;min-width:56px;font-size:10px}.view-toggle__btn:first-of-type{text-align:center}.auto-rotate,.reset-view{padding:8px 10px;gap:0;font-size:12px}.auto-rotate__label,.reset-view span:not(.reset-view__icon){display:none}.ui-overlay--bottom{bottom:12px;left:12px;right:12px;width:auto;transform:none}.year-slider{min-width:0;width:100%;box-sizing:border-box;padding:8px 12px}.year-slider__label{font-size:14px;margin-bottom:6px}.year-slider__play{width:28px;height:28px}.ui-overlay--bottom-left{bottom:92px;left:12px}.ui-overlay--bottom-right{bottom:92px;right:12px;max-width:calc(100% - 200px)}.ui-overlay--rank-toast{bottom:168px}.rank-toast{font-size:12px;padding:8px 14px;gap:8px;max-width:calc(100% - 24px);white-space:normal;text-align:center}.rank-toast__year{font-size:11px}.ranking{width:auto;min-width:180px;max-width:230px;padding:8px 12px}.ranking__item{grid-template-columns:16px 1fr 34px 32px;gap:6px;height:24px;font-size:10px}.ranking__bar-bg{height:4px}.event-display__year{font-size:11px;margin-bottom:2px}.event-display__text{font-size:12px;line-height:1.25}.app-copyright{font-size:9px}.app-credit,.app-disclaimer{font-size:9px;white-space:normal}}.app-title{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .16s ease}.app-title:hover{opacity:.82}html,body,#root{background:#000;color:#e8edf5}.app{background:radial-gradient(circle at 50% 45%,#20356a,#182a55 22%,#101d3c 42%,#0a1226 60%,#03060f,#000)}.app-title{color:#eef2f8}.app-title__main{text-shadow:0 1px 4px rgba(0,0,0,.7)}.app-title__sub{color:#8b97a8}.app-credit,.app-disclaimer{color:#6b7484;text-shadow:none}.app-copyright{color:#5d6675;text-shadow:none}.event-display{color:#eef2f8;text-shadow:0 1px 3px rgba(0,0,0,.6)}.event-display__year{color:#cdd6e2}.event-display__text{color:#eef2f8}.year-slider,.ranking,.reset-view,.auto-rotate,.lang-toggle{background:#10141ca8!important;border:1px solid rgba(255,255,255,.08);box-shadow:0 1px 2px #0006,0 10px 30px #00000080!important}.year-slider{color:#d8dee8}.year-slider__label{color:#eef2f8}.year-slider__tz{color:#8b97a8}.year-slider__play{background:#ffffff0f;border-color:#ffffff47;color:#eef2f8}.year-slider__play:hover{background:#ffffff24}.year-slider__input{accent-color:#eef2f8}.ranking{color:#d8dee8}.ranking__title{color:#eef2f8}.ranking__chevron{border-color:#8b97a8}.ranking__rank{color:#6f7a8a}.ranking__pop{color:#f3f6fb}.ranking__bar-bg{background:#ffffff12}.reset-view,.auto-rotate{color:#eef2f8}.reset-view:hover,.auto-rotate:hover:not(.is-active){background:#ffffff1f!important}.auto-rotate.is-active{background:#eef2f8!important;color:#0a0d12}.lang-toggle__btn{color:#cdd6e2}.lang-toggle__pill{background:#eef2f8}.lang-toggle__btn.is-active{color:#0a0d12}.tip{background:#10141ceb!important;color:#e8edf5!important;box-shadow:0 1px 2px #0006,0 10px 30px #0000008c!important}.tip__place{color:#eef2f8}.tip__meta{color:#97a3b4}.app-title:focus-visible{outline:2px solid #0066ff;outline-offset:4px;border-radius:6px}.mode-toggle{pointer-events:auto;position:relative;display:inline-flex;background:#10141ca8;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:3px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 2px #0006,0 10px 30px #00000080}.mode-toggle__pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/4);background:#eef2f8;border-radius:999px;pointer-events:none;transition:transform .22s cubic-bezier(.2,.7,.3,1)}.mode-toggle__pill[data-mode=live]{transform:translate(100%)}.mode-toggle__pill[data-mode=realtime]{transform:translate(200%)}.mode-toggle__pill[data-mode=tohoku]{transform:translate(300%)}.mode-toggle__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;color:#cdd6e2;cursor:pointer;position:relative;z-index:1;transition:color .2s ease;white-space:nowrap;flex:1 1 0;text-align:center;min-width:112px}.mode-toggle__btn.is-active{color:#0a0d12}