*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}:root{--bg: #eef3f8;--surface: #ffffff;--border: #d5dbe5;--primary: #3c6ca8;--primary-soft: #587ec4;--text: #2e3440;--text-light: #6b7483;--shadow: 0 4px 14px rgba(0, 0, 0, .08)}body{font-family:-apple-system,BlinkMacSystemFont,Noto Sans KR,system-ui,sans-serif;background-color:var(--bg);color:var(--text)}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-shell{width:100%;max-width:480px;margin:0 auto}.app-header{height:64px;background:#fffd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--border)}.app-logo{height:36px;object-fit:contain}.app-content{flex:1;overflow-y:auto;padding:16px 16px 80px;background:var(--bg)}.page{max-width:900px;margin:0 auto}.page-title{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--text)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.news-card{background-color:var(--surface);border-radius:12px;overflow:hidden;cursor:pointer;border:1px solid var(--border);display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .16s ease-out,box-shadow .16s ease-out,border-color .16s ease-out}.news-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;border-color:var(--primary-soft)}.news-card-image-wrapper{width:100%;aspect-ratio:3 / 2;overflow:hidden}.news-card-image{width:100%;height:100%;object-fit:cover}.news-card-body{padding:8px 10px 10px}.news-card-title{font-size:13px;line-height:1.4;margin-bottom:4px;color:var(--text)}.news-card-date{font-size:11px;color:var(--text-light)}.map-page .page-title{margin-bottom:4px}.map-status{font-size:12px;color:var(--text-light);margin-bottom:2px}.map-status-sub{font-size:11px;color:var(--text-light);margin-bottom:10px}.map-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.map-container{width:100%;height:min(60vh,460px)}.sub-text{font-size:12px;color:var(--text-light);margin-bottom:10px}.alert-empty-box{margin-top:16px;padding:18px;text-align:center;background:var(--surface);border-radius:12px;border:1px solid var(--border);color:var(--text-light);box-shadow:var(--shadow)}.alert-section{margin-top:18px}.alert-heading{font-size:14px;font-weight:600;margin-bottom:10px;color:var(--text)}.alert-box{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:10px;border:1px solid var(--border);padding:12px 14px;margin-bottom:10px;box-shadow:var(--shadow)}.alert-title{font-size:13px;color:var(--text);flex:1;margin-right:12px}.alert-status{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;min-width:68px;text-align:center;color:#fff}.alert-status.orange{background-color:#e67e22}.alert-status.green{background-color:#27ae60}.alert-status.red{background-color:#c0392b}.settings-page p{font-size:14px;color:var(--text-light);line-height:1.5}.bottom-nav-wrapper{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;pointer-events:none}.bottom-nav{width:100%;max-width:480px;height:64px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--border);background-color:#f8f9fcf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.bottom-nav-item{flex:1;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}.bottom-nav-icon{font-size:22px;color:#677083;transition:color .16s ease-out,transform .16s ease-out}.bottom-nav-item.active{background:radial-gradient(circle at top,rgba(88,126,196,.2),transparent 60%)}.bottom-nav-item.active .bottom-nav-icon{color:var(--primary);transform:translateY(-1px)}@media(min-width:768px){.app-root{align-items:center;justify-content:center}.app-shell{border-radius:24px;overflow:hidden;box-shadow:0 10px 32px #00000038;background:var(--bg)}.app-content{min-height:calc(100vh - 144px)}}.map-loading-placeholder{width:100%;height:min(60vh,460px);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:14px;background:#f0f2f5}