@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/syne-400-Cxi0TOPX.woff2)format("woff2")}@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/syne-600-D9-2m3Mz.woff2)format("woff2")}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/syne-700-C17SFKTr.woff2)format("woff2")}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/syne-800-NtQ2gzkx.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/ibm-plex-mono-300-DkITX8y4.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-400-kZzMVqjC.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/ibm-plex-mono-500-CPGfAHrL.woff2)format("woff2")}@font-face{font-family:"M PLUS 1p";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/m-plus-1p-400-Dr7D2oxq.woff2)format("woff2")}@font-face{font-family:"M PLUS 1p";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/m-plus-1p-500-BuRNA41-.woff2)format("woff2")}@font-face{font-family:"M PLUS 1p";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/m-plus-1p-700-C0CvA8uW.woff2)format("woff2")}:root{--bg:#070b0f;--bg-panel:#0b1018;--bg-panel2:#0f1520;--border:#1a2535;--border-hi:#243044;--text:#f7f7f7;--text-dim:#bacbe1;--text-muted:#90afd6;--accent:#e84c3d;--accent2:#f0a500;--accent-dim:#e84c3d1f;--accent2-dim:#f0a50026;--accent2-glow:#f0a50014;--ocean:#060a0e;--land:#0e1620;--japan:#111d2c;--japan-hi:#f0a50038;--japan-line:#1e2e44;--font-display:"M PLUS 1p", "Syne", sans-serif;--font-mono:"IBM Plex Mono", "M PLUS 1p", monospace;--topbar-h:34px;--sidebar-w:360px}html,body,#app{background:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font-display);overflow:hidden}a{color:var(--text-muted);text-decoration:underline}ruby{ruby-align:center}rt{color:var(--text-muted);font-size:.6em;font-weight:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}#topbar{height:var(--topbar-h);z-index:100;border-bottom:1px solid var(--border);background:#090d11;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}#topbar-left{align-items:center;gap:14px;display:flex}.topbar-title{letter-spacing:.06em;color:#e2eaf4;font-size:17px;font-weight:600}.topbar-sub{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;border-left:1px solid var(--border-hi);padding-left:14px;font-size:10px;font-weight:300;line-height:1}#topbar-right{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:8px;font-size:11px;display:flex}#eew-status-container{cursor:pointer;align-items:center;margin-right:12px;display:flex}.dot-idle{background:var(--text-dim);border-radius:50%;width:6px;height:6px}.dot-live{background:#30d158;border-radius:50%;width:6px;height:6px}.dot-error{background:var(--accent);border-radius:50%;width:6px;height:6px}.dot-loading{background:var(--accent2);border-radius:50%;width:6px;height:6px}#layout{height:100%;padding-top:var(--topbar-h);box-sizing:border-box;display:flex;position:relative}#sidebar{width:var(--sidebar-w);background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;transition:margin-left .3s;display:flex;overflow:hidden}.sidebar-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.sidebar-tab{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-size:13px;font-weight:500;transition:background-color .2s,border-color .2s,color .2s}.sidebar-tab:hover{color:var(--text-dim);background:var(--bg-panel2)}.sidebar-tab.active{color:var(--text);border-bottom-color:var(--accent2);background:var(--bg-panel2)}.sidebar-tab-content{flex-direction:column;flex:1;display:none;overflow:hidden}.sidebar-tab-content.active{display:flex}.history-search-controls{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;margin-bottom:14px;padding-bottom:14px;display:flex}.history-search-header{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:2px;font-size:11px}.search-presets{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.search-preset-btn{background:var(--bg-panel2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-display);cursor:pointer;text-align:center;border-radius:4px;padding:8px 4px;font-size:11px;font-weight:500;line-height:1.3;transition:background-color .2s,border-color .2s,color .2s}.search-preset-btn:hover{background:var(--bg-panel);border-color:var(--border-hi);color:var(--text)}.search-preset-btn.active{color:var(--accent2);background:#f0a5001f;border-color:#f0a50080}.preset-label{pointer-events:none}.history-custom-fields{border:1px solid var(--border);background:#0f152080;border-radius:4px;flex-direction:column;gap:8px;padding:10px;animation:.2s search-fields-in;display:flex}@keyframes search-fields-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-field-group{flex-direction:column;gap:4px;display:flex}.search-field-group select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.search-field-group select option{background:var(--bg-panel2);color:var(--text)}.search-field-label{color:var(--text-muted);letter-spacing:.03em;font-size:11px;font-weight:500}.search-field-row{align-items:center;gap:6px;display:flex}.search-field-sep{color:var(--text-muted);flex-shrink:0;font-size:12px}.search-input{background:var(--bg-panel2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:3px;flex:1;min-width:0;padding:5px 7px;font-size:12px;transition:background-color .2s,border-color .2s,color .2s}.search-input:hover{border-color:var(--border-hi)}.search-input:focus{border-color:var(--border-hi);outline:none;box-shadow:0 0 0 2px #ffffff0f}.search-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.search-input[type=number]{-moz-appearance:textfield}.search-input[type=number]::-webkit-inner-spin-button{opacity:.5}.search-input[type=number]::-webkit-outer-spin-button{opacity:.5}.history-search-btn{width:100%;color:var(--accent2);font-family:var(--font-display);cursor:pointer;text-align:center;letter-spacing:.04em;background:#f0a5001a;border:1px solid #f0a50066;border-radius:4px;padding:10px;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}.history-search-btn:hover{background:#f0a5002e;border-color:#f0a50099}.history-search-btn:active{transform:scale(.98)}.history-search-btn.loading{opacity:.7;cursor:not-allowed}.history-results-summary{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.03em;padding:6px 0 2px;font-size:11px}#sidebar.hidden{margin-left:calc(-1 * var(--sidebar-w));display:flex!important}.sidebar-toggle-btn{left:var(--sidebar-w);background:var(--bg-panel);border:1px solid var(--border-hi);cursor:pointer;width:20px;height:40px;color:var(--text-dim);z-index:101;border-radius:0 6px 6px 0;justify-content:center;align-items:center;margin:0;padding:0;font-size:14px;line-height:1;transition:left .3s,background-color .2s,border-color .2s,color .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-toggle-btn.closed{left:0}.sidebar-toggle-btn:hover{background:var(--bg-panel2);color:var(--text);border-color:var(--border)}.toggle-arrow{transition:transform .3s;display:inline-block}.toggle-arrow.rotated{transform:rotate(180deg)}.sidebar-header{border-bottom:1px solid var(--border);padding:18px 16px 12px}.sidebar-section{scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent;flex:1;padding:18px 16px 12px;overflow-y:auto}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px;font-size:9px;font-weight:500}#eq-list,#history-list{flex-direction:column;gap:2px;list-style:none;display:flex}.eq-item{cursor:pointer;border:2px solid #0000;border-radius:5px;padding:12px 14px;transition:background-color .15s,border-color .15s;display:flex}.eq-item:hover{background:var(--bg-panel2);border-color:var(--border-hi)}.eq-item.active{background:var(--accent-dim);border-color:#e84c3d4d}.eq-item.loading{opacity:.7;cursor:wait}.eq-content{align-items:stretch;gap:12px;width:100%;display:flex}.eq-left{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.eq-footer{align-items:center;gap:8px;margin-top:4px;display:flex}.eq-item.placeholder{cursor:default;text-align:center;border:1px dashed var(--border);border-radius:5px;padding:16px 14px}.eq-mag{color:var(--text);font-size:14px;font-weight:700;line-height:1}.eq-mag-label{font-family:var(--font-mono);color:var(--text-dim);margin-left:2px;font-size:12px}.eq-intensity-container{flex-shrink:0;justify-content:center;align-items:center;width:60px;display:flex}.eq-intensity-container .intensity-badge{border-radius:3px;width:60px;height:60px;box-shadow:0 2px 6px #0000004d}.eq-location{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.eq-location-ja{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.eq-location-en{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.eq-time{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:11px}.eq-intensity-badge{font-family:var(--font-mono);letter-spacing:.06em;background:var(--bg-panel2);border:1px solid var(--border-hi);color:var(--text-dim);border-radius:3px;padding:2px 6px;font-size:9px}.eq-depth{font-family:var(--font-mono);color:var(--text-muted);font-size:9px}.load-older-btn{border:1px solid var(--border);background:var(--bg-panel2);width:100%;color:var(--text);cursor:pointer;text-align:center;border-radius:5px;margin-top:10px;padding:10px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s}.load-older-btn:hover{background:var(--bg-panel);border-color:var(--border-hi)}.load-older-btn.loading{opacity:.7;cursor:not-allowed}#history-load-more-btn{display:none}.sidebar-footer{border-top:1px solid var(--border);background:var(--bg-panel);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px;display:flex}.live-mode-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:var(--bg-panel2);border-radius:5px;align-items:center;gap:10px;padding:4px 8px;transition:background-color .2s,border-color .2s,color .2s;display:flex}.live-mode-toggle:hover{background:var(--bg-panel);border-color:var(--border-hi)}.live-mode-toggle input[type=checkbox]{display:none}.toggle-switch{background:var(--border);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:18px;transition:background-color .3s;display:inline-flex;position:relative}.toggle-switch:after{content:"";background:var(--bg-panel);border-radius:50%;width:14px;height:14px;transition:left .3s;position:absolute;left:2px}.live-mode-toggle input[type=checkbox]:checked~.toggle-switch{background:#32b464}.live-mode-toggle input[type=checkbox]:checked~.toggle-switch:after{left:16px}.toggle-label{color:var(--text);white-space:nowrap;font-size:12px;font-weight:500}.settings-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:var(--bg-panel2);color:var(--text);border-radius:5px;align-items:center;gap:10px;padding:4px 8px;font-family:inherit;transition:background-color .2s,border-color .2s,color .2s;display:flex}.settings-btn:hover{background:var(--bg-panel);border-color:var(--border-hi)}.settings-btn .settings-icon{font-size:16px}.settings-btn .toggle-label{text-align:left;font-size:12px;font-weight:500}.sidebar-loading-container{z-index:10;width:100%;height:0;position:relative}.sidebar-loading-popup{border:1px solid var(--border-hi);white-space:nowrap;pointer-events:none;opacity:1;background:#0c1119;border-radius:20px;align-items:center;gap:10px;padding:8px 16px;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.sidebar-loading-container.hidden{display:block!important}.sidebar-loading-container.hidden .sidebar-loading-popup{opacity:0;transform:translate(-50%,10px)}.loading-spinner{border:2px solid var(--text-muted);border-top-color:var(--accent2);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.8s linear infinite loading-spin;display:inline-block}@keyframes loading-spin{to{transform:rotate(360deg)}}.loading-label{color:var(--text-dim);font-size:12px;font-weight:500;font-family:var(--font-display)}.loading-label .mono{font-family:var(--font-mono);color:var(--text);font-weight:600}#map-container{flex:1;position:relative;overflow:hidden}#map{width:100%;height:100%}.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left{display:none}#settings-popup{z-index:1000;box-sizing:border-box;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.settings-popup-content{border:1px solid var(--border-hi);box-sizing:border-box;background:#0b1018fa;border-radius:6px;flex-direction:column;width:auto;max-width:90%;max-height:calc(100vh - 32px);display:flex;overflow:hidden;box-shadow:0 4px 24px #000000b3}.settings-popup-header{border-bottom:1px solid var(--border-hi);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}#settings-close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:12px;display:flex}#settings-close-btn:hover{color:var(--text)}.settings-popup-body{color:var(--text);scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent;padding:12px 16px;font-size:13px;line-height:1.5;overflow-y:auto}.settings-popup-body::-webkit-scrollbar{width:6px}.settings-popup-body::-webkit-scrollbar-track{background:0 0}.settings-popup-body::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}.settings-columns{gap:24px;display:flex}.settings-left{flex-direction:column;width:320px;display:flex}.settings-right{flex-direction:column;width:280px;display:flex}.settings-section{padding:4px 0 12px}.settings-divider{background:var(--border-hi);height:1px;margin:0 -12px 12px}.popup-setting{box-sizing:border-box;width:100%}.popup-setting .toggle-label{text-align:left;flex-grow:1}.settings-section>.dropdown-group,#eew-provider-info{margin-top:10px}.credits-section{color:var(--text-dim)}.settings-popup-body p{margin-bottom:8px}.settings-popup-body p:last-child{margin-bottom:0}.home-location-settings{flex-direction:column;gap:8px;display:flex}.home-location-header{color:var(--text);margin-bottom:4px;font-weight:500}.home-location-dropdowns{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.dropdown-group{flex-direction:column;gap:4px;display:flex}.dropdown-group label{color:var(--text-dim);font-size:12px;font-weight:500}.dropdown-group select,.dropdown-group input{box-sizing:border-box;width:100%}.dropdown-group select{background:var(--bg-panel2);border:1px solid var(--border);color:var(--text);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:3px;padding:6px 8px;font-size:12px;transition:all .15s}.dropdown-group select option{background:var(--bg-panel2);color:var(--text)}.dropdown-group select:hover{border-color:var(--border-hi)}.dropdown-group select:focus{border-color:var(--border-hi);outline:none;box-shadow:0 0 0 2px #ffffff1a}.map-info-box{z-index:30;border:1px solid var(--border-hi);background:#0c1119;border-radius:6px;flex-direction:column;max-width:320px;max-height:calc(100% - 24px);transition:opacity .2s;display:flex;position:absolute;top:12px;left:12px}.map-info-box.hidden{opacity:0;pointer-events:none;display:flex!important}.info-box-content{flex-direction:column;min-height:0;padding:10px;display:flex;overflow:hidden}.info-box-header{flex-shrink:0;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;display:grid}.info-box-location{grid-area:1/1;align-self:start;min-width:0}.info-box-location-ja{color:var(--text);text-overflow:ellipsis;margin-bottom:2px;font-size:18px;font-weight:700;line-height:1.2;overflow:hidden}.info-box-location-en{color:var(--text-dim);text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.info-box-intensity-container{flex-shrink:0;grid-area:1/2;justify-content:flex-end;align-self:flex-start;align-items:flex-start;display:flex}.info-box-intensity-container .intensity-badge{border-radius:4px;width:54px;height:54px;box-shadow:0 2px 6px #0000004d}.info-box-details{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:6px;margin-top:8px;margin-bottom:8px;padding-top:6px;display:flex}.info-box-row{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.info-label{color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;font-size:12px}.info-value{color:var(--text);text-align:right;flex-shrink:0}.info-bold-label{font-weight:600}.info-box-flash-badge{will-change:opacity;background:#f59e0b26;border:1px solid #f59e0b80;border-radius:3px;grid-area:2/1;place-self:center start;align-items:center;gap:4px;margin-top:0;padding:2px 8px;animation:2s ease-in-out infinite flash-badge-pulse;display:inline-flex}.info-box-eew-serial{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;grid-area:2/2;place-self:center;font-size:12px}.flash-badge-text{font-family:var(--font-mono);color:#f59e0b;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}@keyframes flash-badge-pulse{0%,to{opacity:1}50%{opacity:.6}}.observations-flash-notice{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:3px;flex-direction:column;gap:2px;margin-bottom:6px;padding:8px 10px;display:flex}.flash-notice-text{color:#f59e0b;font-size:11px;font-weight:500}.flash-notice-text-en{color:#f59e0bb3;font-size:10px;font-family:var(--font-mono)}#area-tooltip,#home-intensity-display{background:var(--bg-panel);border:1px solid var(--border-hi);border-top:2px solid var(--accent2);pointer-events:none;border-radius:4px;align-items:center;gap:16px;width:max-content;min-width:160px;padding:10px 14px 11px;transition:opacity .1s;display:flex}#area-tooltip{z-index:50;position:absolute;transform:translate(14px,-50%);box-shadow:0 4px 24px #0009}#area-tooltip.hidden{opacity:0;pointer-events:none;display:flex!important}.tooltip-content{flex-direction:column;display:flex}.tooltip-code{letter-spacing:.18em;color:var(--accent2);text-transform:uppercase;margin-bottom:4px;font-size:9px;transition:color .1s;display:none}.tooltip-ja{color:var(--text);margin-bottom:3px;font-size:16px;font-weight:700;line-height:1.2}.tooltip-en{color:var(--text-dim);font-size:13px;font-weight:500}.tooltip-intensity-container{flex-shrink:0;justify-content:center;align-items:center;display:flex}.tooltip-intensity-container .intensity-badge{border-radius:2px;width:40px;height:40px}.epicenter-marker{cursor:pointer;justify-content:center;align-items:center;display:flex}.epicenter-marker img{filter:drop-shadow(0 2px 4px #00000080);width:32px;height:32px}.home-marker{cursor:pointer;justify-content:center;align-items:center;display:flex}.home-marker img{filter:drop-shadow(0 2px 4px #00000080);width:18px;height:18px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:var(--text);white-space:normal;text-align:center;pointer-events:none;opacity:0;visibility:hidden;border:1px solid var(--border-hi);z-index:1000;background:#0b1018f2;border-radius:4px;width:max-content;max-width:160px;margin-bottom:6px;padding:8px 10px;font-size:11px;line-height:1.3;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 4px 12px #0006}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(-4px)}.sidebar-footer [data-tooltip]:first-child:after{left:0;transform:translate(0)translateY(-8px)}.sidebar-footer [data-tooltip]:first-child:hover:after{transform:translate(0)translateY(-4px)}.sidebar-footer [data-tooltip]:last-child:after{left:auto;right:0;transform:translate(0)translateY(-8px)}.sidebar-footer [data-tooltip]:last-child:hover:after{transform:translate(0)translateY(-4px)}.search-presets [data-tooltip]:after{margin-top:6px;margin-bottom:0;top:100%;bottom:auto;transform:translate(-50%)translateY(8px)}.search-presets [data-tooltip]:hover:after{transform:translate(-50%)translateY(4px)}.search-presets [data-tooltip]:first-child:after{left:0;transform:translate(0)translateY(8px)}.search-presets [data-tooltip]:first-child:hover:after{transform:translate(0)translateY(4px)}.search-presets [data-tooltip]:last-child:after{left:auto;right:0;transform:translate(0)translateY(8px)}.search-presets [data-tooltip]:last-child:hover:after{transform:translate(0)translateY(4px)}.settings-popup-body .settings-section:first-child [data-tooltip]:after,#live-mode-setting[data-tooltip]:after{margin-top:6px;margin-bottom:0;top:100%;bottom:auto;transform:translate(-50%)translateY(8px)}.popup-setting:has(#live-mode-toggle)[data-tooltip]:after{margin-top:6px;margin-bottom:0;top:100%;bottom:auto;transform:translate(-50%)translateY(8px)}.settings-popup-body .settings-section:first-child [data-tooltip]:hover:after,#live-mode-setting[data-tooltip]:hover:after{transform:translate(-50%)translateY(4px)}.popup-setting:has(#live-mode-toggle)[data-tooltip]:hover:after{transform:translate(-50%)translateY(4px)}#map-widgets{z-index:20;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:14px;right:14px}#map-legend{border:1px solid var(--border-hi);pointer-events:none;background:#0d121a;border-radius:4px;flex-direction:column;gap:4px;padding:6px 8px;display:flex;box-shadow:0 4px 12px #00000080}.legend-title{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}#intensity-legend,#lpgm-legend{flex-direction:column;gap:4px;display:flex}#intensity-legend.hidden,#lpgm-legend.hidden{display:none!important}.legend-items{gap:6px;display:flex}.legend-item{flex-direction:column;align-items:center;gap:4px;display:flex}.legend-item img,.legend-item .intensity-badge{image-rendering:auto;border-radius:2px;width:20px;height:20px}.legend-item>span{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.legend-divider{background:var(--border-hi);height:1px;margin:2px 0}.epicenter-legend{flex-direction:row;justify-content:center;gap:8px}.epicenter-legend img{filter:drop-shadow(0 2px 4px #00000080);width:18px;height:18px}.epicenter-legend span{color:var(--text-dim);font-size:12px}.observations-list-wrapper{border-top:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.observations-list-header,.observations-intensity-header,.shakemap-toggle-header,.lpgm-toggle-header{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;padding:6px 8px;transition:background .15s,color .15s;display:flex}.observations-list-header,.observations-intensity-header{gap:8px}.observations-list-header:hover,.observations-intensity-header:hover,.shakemap-toggle-header:hover,.lpgm-toggle-header:hover{background:var(--accent2-glow)}.observations-list-toggle,.observations-toggle{color:var(--accent2);text-align:center;flex-shrink:0;width:12px;font-size:11px;transition:transform .2s;display:inline-block}.observations-list-toggle.rotated{transform:rotate(90deg)}.observations-list-label,.observations-intensity-label,.shakemap-toggle-label,.lpgm-toggle-label{color:var(--accent2);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.observations-list-container{scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent;flex-direction:column;gap:6px;min-height:0;padding:0;font-size:12px;transition:max-height .2s,opacity .2s,padding .2s;display:flex;overflow-y:auto}.observations-list-container.collapsed{opacity:0;max-height:0;padding:0;overflow:hidden}.observations-intensity-section{flex-direction:column;display:flex}.observations-intensity-header{border-radius:3px 3px 0 0;padding:4px 8px}.observations-intensity-content{flex-direction:column;gap:4px;padding-top:4px;padding-left:8px;transition:max-height .2s,opacity .2s;display:flex}.observations-intensity-content.collapsed{display:none}.observation-pref{flex-direction:column;gap:0;display:flex}.observation-area{flex-direction:column;gap:0;margin-left:8px;padding:2px 0;display:flex}.observation-city{flex-direction:column;gap:0;margin-left:8px;padding:1px 0;display:flex}.observation-row{flex-wrap:wrap;align-items:baseline;gap:2px 6px;display:flex}.observation-ja{color:var(--text);white-space:nowrap;font-size:12px;font-weight:500}.pref-row .observation-ja{font-size:14px;font-weight:600}.area-row .observation-ja{color:var(--text-dim)}.city-row .observation-ja{color:var(--text-muted);font-size:12px}.observation-dot{color:var(--border-hi);font-weight:700}.observation-en{white-space:nowrap;font-size:12px}.pref-row .observation-en{font-size:13px;font-weight:600}.area-row .observation-en{color:var(--text-dim);font-weight:500}.city-row .observation-en{color:var(--text-muted);font-size:12px}.observation-icon{color:var(--border-hi);text-align:center;flex-shrink:0;width:16px;font-size:9px}.observation-text-en{color:inherit;font-family:var(--font-mono)}.map-toggles-wrapper{border-top:1px solid var(--border);flex-direction:row;flex-shrink:0;transition:opacity .2s;display:flex}.shakemap-toggle-wrapper,.lpgm-toggle-wrapper{flex-direction:column;flex:1;display:flex}.shakemap-toggle-wrapper{border-right:1px solid var(--border)}.shakemap-toggle-header,.lpgm-toggle-header{justify-content:center;height:100%}.shakemap-toggle-wrapper.active .shakemap-toggle-header,.lpgm-toggle-wrapper.active .lpgm-toggle-header{background:var(--accent2-dim)}.shakemap-toggle-label,.lpgm-toggle-label{text-align:center}#eew-list-container{margin-bottom:4px}#eew-test-banner{z-index:25;color:#fff;font-family:var(--font-display);letter-spacing:.05em;pointer-events:none;white-space:nowrap;background:#b91c1ce6;border:1px solid #ef4444cc;border-radius:4px;padding:6px 18px;font-size:13px;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0009}.eew-list-item{background:var(--bg-panel2);cursor:pointer;border-radius:5px;padding:12px 14px;transition:background .15s}.eew-list-item:hover{background:var(--bg-panel)}.eew-list-header{font-family:var(--font-display)}.obs-intensity-group .auto-open{pointer-events:none}.intensity-badge{aspect-ratio:1;-webkit-user-select:none;user-select:none;box-sizing:border-box;vertical-align:middle;flex-shrink:0;font-family:"M PLUS 1p",sans-serif;font-weight:700;line-height:1;display:inline-block;position:relative;overflow:hidden;container-type:size}.intensity-badge .intensity-value{color:inherit;justify-content:center;align-items:center;font-family:"M PLUS 1p",sans-serif;font-size:75cqw;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intensity-badge-composite .intensity-num{color:inherit;font-family:"M PLUS 1p",sans-serif;font-size:75cqw;line-height:1;position:absolute;top:50%;left:40%;transform:translate(-50%,-50%)}.intensity-badge-composite .intensity-sign{color:inherit;font-family:"M PLUS 1p",sans-serif;font-size:54cqw;line-height:1;position:absolute;top:33%;left:74%;transform:translate(-50%,-50%)}.intensity-badge.size-sm{border-radius:2px;width:20px;height:20px}.intensity-badge.size-md{border-radius:2px;width:40px;height:40px}.intensity-badge.size-lg{border-radius:4px;width:54px;height:54px;box-shadow:0 2px 6px #0000004d}.intensity-badge.size-xl{border-radius:3px;width:60px;height:60px;box-shadow:0 2px 6px #0000004d}.preset-btn-row{gap:6px;margin-top:8px;display:flex}.preset-action-btn{background:var(--bg-panel2);border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border-radius:4px;flex:1;padding:6px 8px;font-family:inherit;font-size:11px;font-weight:500;transition:background-color .15s,border-color .15s,opacity .15s,color .15s}.preset-action-btn:hover:not(:disabled){background:var(--bg-panel);border-color:var(--border-hi)}.preset-action-btn:disabled{opacity:.35;cursor:not-allowed}.preset-delete-btn:hover:not(:disabled){color:#ff6b6b;border-color:#e74c3c}#preset-editor-popup{z-index:1050;box-sizing:border-box;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.preset-editor-content{border:1px solid var(--border-hi);box-sizing:border-box;background:#0b1018fa;border-radius:6px;flex-direction:column;width:780px;max-width:96%;max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 8px 36px #000000d9}.preset-editor-body{scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent;max-height:calc(100vh - 150px);padding:16px 20px;overflow-y:auto}.preset-editor-body::-webkit-scrollbar{width:6px}.preset-editor-body::-webkit-scrollbar-track{background:0 0}.preset-editor-body::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}.preset-editor-sections{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}@media (width<=720px){.preset-editor-sections{grid-template-columns:1fr}}.preset-section-title{color:var(--text-dim);letter-spacing:.1em;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:4px;font-size:11px;font-weight:600}.preset-color-table{flex-direction:column;gap:6px;display:flex}.preset-color-row{border:1px solid var(--border);background:#ffffff05;border-radius:4px;align-items:center;gap:10px;padding:5px 8px;transition:background-color .15s,border-color .15s;display:flex}.preset-color-row:hover{border-color:var(--border-hi);background:#ffffff0d}.preset-badge-preview-cell{flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.preset-badge-preview-cell .intensity-badge{border-radius:3px;width:28px;height:28px}.preset-rank-label{width:26px;font-family:var(--font-mono);color:var(--text-dim);text-align:center;flex-shrink:0;font-size:12px;font-weight:700}.preset-color-field{flex:1;align-items:center;gap:5px;display:flex}.preset-color-field-label{color:var(--text-muted);text-transform:uppercase;flex-shrink:0;width:28px;font-size:10px;font-weight:600}.preset-picker-input{appearance:none;border:1px solid var(--border-hi);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;width:26px;height:26px;padding:0}.preset-picker-input::-webkit-color-swatch-wrapper{padding:0}.preset-picker-input::-webkit-color-swatch{border:none;border-radius:3px}.preset-picker-input::-moz-color-swatch{border:none;border-radius:3px}.preset-hex-input{width:68px;font-family:var(--font-mono);background:var(--bg-panel2);border:1px solid var(--border);color:var(--text);box-sizing:border-box;text-align:center;text-transform:uppercase;border-radius:3px;padding:4px 6px;font-size:11px;transition:border-color .15s,box-shadow .15s}.preset-hex-input:focus{border-color:var(--border-hi);outline:none;box-shadow:0 0 0 2px #ffffff1a}.preset-hex-input.invalid{color:#ff6b6b;border-color:#e74c3c}.preset-editor-footer{border-top:1px solid var(--border-hi);background:var(--bg-panel);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.preset-editor-footer-actions{gap:8px;display:flex}.preset-editor-btn-secondary{background:var(--bg-panel2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:6px 14px;font-family:inherit;font-size:12px;transition:all .15s}.preset-editor-btn-secondary:hover{background:var(--bg-panel);color:var(--text);border-color:var(--border-hi)}.preset-editor-btn-primary{color:#fff;cursor:pointer;background:#1e6ee6;border:1px solid #2b7af0;border-radius:4px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.preset-editor-btn-primary:hover{background:#2b7af0}#preset-prompt-modal{z-index:1100;box-sizing:border-box;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.preset-prompt-content{border:1px solid var(--border-hi);background:#0b1018fa;border-radius:6px;flex-direction:column;width:380px;max-width:95%;display:flex;overflow:hidden;box-shadow:0 6px 32px #000000e6}.preset-prompt-body{flex-direction:column;gap:10px;padding:16px;font-size:13px;display:flex}.preset-prompt-body label{color:var(--text);font-weight:500}.preset-prompt-error{color:#ff6b6b;font-size:11px;line-height:1.3}.preset-prompt-footer{border-top:1px solid var(--border-hi);background:var(--bg-panel);justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}