*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #121620;--panel-dark: #1a1f2b;--card-dark: #252b39;--orange-alert: #ff8c00;--text-main: #ffffff;--shindo-blue: #1a2a5a}body,html{height:100%;width:100%;background:var(--bg-dark);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica}#map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#eew-panel{position:fixed;top:0;left:0;width:350px;height:100vh;background:var(--panel-dark);display:flex;flex-direction:row;z-index:100;border-right:1px solid rgba(255,255,255,.05)}.icon-gutter{width:65px;background:#0000004d;display:flex;flex-direction:column;align-items:center;padding:20px 0;gap:20px}.side-icon{width:24px;height:24px;opacity:.6;cursor:pointer;transition:.2s}.active-icon{opacity:1}#dynamic-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.status-bar{background:var(--orange-alert);color:#fff;padding:12px;text-align:center;font-weight:700;font-size:13px}.quake-card{background:var(--card-dark);margin:8px 12px;padding:12px;border-radius:6px;display:flex;align-items:center;gap:12px}.shindo-box{width:32px;height:32px;background:var(--shindo-blue);display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;color:#fff}@media (max-width: 768px){#map{height:50vh}#eew-panel{top:auto;bottom:0;width:100%;height:50vh;flex-direction:column-reverse;border-right:none;border-top:1px solid rgba(255,255,255,.1)}.icon-gutter{width:100%;height:65px;flex-direction:row;justify-content:space-around;padding:0 10px;background:var(--bg-dark);padding-bottom:env(safe-area-inset-bottom)}#dynamic-content{padding-bottom:5px}}