:root{color:#0f172a;background:#e9eef5;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%;background:#e9eef5}body{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100dvh}.app-stage{min-height:100dvh;display:flex;justify-content:center;background:linear-gradient(90deg,rgba(11,42,74,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(11,42,74,.08) 1px,transparent 1px),#e9eef5;background-size:28px 28px}.phone-shell{width:min(100%,460px);height:100dvh;min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#f7f9fc;box-shadow:0 18px 50px #0f172a29}.app-header{position:sticky;top:0;z-index:20;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;color:#fff;background:linear-gradient(180deg,#09284a,#123b67);border-bottom:1px solid rgba(255,255,255,.08)}.app-header-danger{background:linear-gradient(180deg,#4a1010,#7a1d1d)}.brand-lockup,.header-actions,.person-heading,.panel-head,.page-title-row,.map-footer,.alert-row,.setting-row,.safe-zone-card,.callout{display:flex;align-items:center}.brand-lockup{gap:10px;min-width:0}.brand-lockup strong{display:block;font-size:17px;line-height:1.15}.brand-lockup span{display:block;margin-top:2px;color:#ffffffc7;font-size:11px;line-height:1.2}.brand-mark{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:#0b2a4a;background:#fff;border-radius:8px}.header-actions{gap:8px}.icon-button{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;color:inherit;background:#ffffff21}.icon-button.light{color:#0f172a;background:#eaf2ff}.icon-button.subtle{color:#0f172a;background:#eef4fb}.live-chip{height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;color:#d8f6ff;background:#14b8a629;border:1px solid rgba(125,211,252,.28);border-radius:999px;font-size:12px;white-space:nowrap}.chip-danger{color:#fff0f0;background:#fca5a52e;border-color:#fecaca57}.content{flex:1;overflow-y:auto;padding:16px 14px 12px}.page-stack{display:grid;gap:12px}.dashboard-screen{gap:8px}.dashboard-screen .page-title-row{min-height:36px}.dashboard-screen .page-title-row h1{font-size:20px}.page-title-row{justify-content:space-between;gap:12px;min-height:48px}.page-title-row h1{margin:3px 0 0;font-size:24px;line-height:1.15}.eyebrow{display:block;color:#0d7280;font-size:12px;font-weight:800}.person-card,.panel,.status-banner,.map-card,.callout,.quick-actions button,.emergency-call{border:1px solid #dfe7f1;border-radius:8px;background:#fff;box-shadow:0 10px 26px #0f172a12}.person-card{display:flex;gap:12px;padding:14px}.dashboard-screen .person-card{gap:10px;padding:10px}.avatar{width:58px;height:58px;display:grid;place-items:center;flex:0 0 auto;color:#0b2a4a;background:radial-gradient(circle at 50% 33%,#ffd3ad 0 21%,transparent 22%),linear-gradient(180deg,#9dd7f7 0,#9dd7f7 48%,#1f6ed4 49%,#1f6ed4);border:3px solid #e5edf6;border-radius:50%}.dashboard-screen .avatar{width:48px;height:48px;border-width:2px}.avatar span{width:26px;height:26px;display:grid;place-items:center;margin-top:13px;color:#0b2a4a;background:#ffffffd6;border-radius:50%;font-weight:900}.dashboard-screen .avatar span{width:22px;height:22px;margin-top:11px;font-size:13px}.person-main{min-width:0;flex:1}.person-heading{justify-content:space-between;gap:8px;margin-bottom:10px}.dashboard-screen .person-heading{margin-bottom:6px}.person-heading strong{font-size:18px}.dashboard-screen .person-heading strong{font-size:16px}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.status-pill.safe{color:#027a48;background:#dff8ea}.status-pill.danger{color:#b42318;background:#ffe4e4}.person-meta{display:grid;gap:6px;margin:0}.dashboard-screen .person-meta{gap:4px}.person-meta div,.detail-list div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px}.dashboard-screen .person-meta div{grid-template-columns:70px minmax(0,1fr)}.person-meta dt,.detail-list dt{color:#64748b;font-size:12px}.person-meta dd,.detail-list dd{min-width:0;margin:0;color:#162033;font-size:13px;font-weight:700;overflow-wrap:anywhere}.battery-text{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;color:#027a48!important}.status-banner{gap:12px;padding:13px}.dashboard-screen .status-banner{gap:9px;padding:10px}.status-banner.inset{margin-top:12px;box-shadow:none}.status-banner.safe{border-color:#bbe8d1;background:#eefbf5}.status-banner.danger{border-color:#ffc9c9;background:#fff1f1}.status-banner-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px}.dashboard-screen .status-banner-icon{width:36px;height:36px}.status-banner.safe .status-banner-icon{color:#079455;background:#d6f5e5}.status-banner.danger .status-banner-icon{color:#d92d20;background:#ffe0e0}.status-banner strong,.status-banner span{display:block}.status-banner strong{font-size:16px;line-height:1.25}.dashboard-screen .status-banner strong{font-size:14px}.status-banner span{margin-top:4px;color:#475569;font-size:12px;line-height:1.45}.dashboard-screen .status-banner span{margin-top:2px;line-height:1.3}.map-card{position:relative;overflow:hidden;display:flex;flex-direction:column}.map-card.medium{height:330px}.dashboard-screen .map-card.medium{height:min(34dvh,275px);min-height:240px}.map-card.large{height:390px}.map-card.xlarge{height:500px}.map-toolbar{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;overflow:hidden;border:1px solid #d9e5f1;border-radius:8px;background:#fffffff5;box-shadow:0 8px 18px #0f172a1a}.map-tab{min-width:54px;padding:9px 10px;color:#44546a;font-size:13px;font-weight:800;text-align:center}.map-tab.active{color:#0b2a4a;background:#fff}.naver-map,.fallback-map{flex:1;min-height:0}.fallback-map{position:relative;overflow:hidden;background:linear-gradient(145deg,transparent 0 39%,rgba(255,255,255,.62) 39% 42%,transparent 42% 100%),linear-gradient(25deg,transparent 0 38%,rgba(203,213,225,.88) 38% 42%,transparent 42% 100%),linear-gradient(90deg,rgba(210,219,231,.8) 1px,transparent 1px),linear-gradient(0deg,rgba(210,219,231,.8) 1px,transparent 1px),#f2f6fa;background-size:100% 100%,100% 100%,40px 40px,40px 40px,100% 100%}.map-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(75deg,transparent 0 55%,rgba(142,179,229,.5) 55% 58%,transparent 58%),linear-gradient(0deg,transparent 0 72%,rgba(170,217,186,.75) 72% 82%,transparent 82%)}.route-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 4px 5px rgba(15,23,42,.15))}.district-label{position:absolute;z-index:1;padding:4px 7px;color:#516174;background:#ffffffc7;border-radius:6px;font-size:11px;font-weight:800}.label-school{top:18%;left:20%}.label-apartment{top:55%;left:19%}.label-road{right:14%;bottom:22%}.map-badge{position:absolute;z-index:2;transform:translate(-50%,-50%);min-width:48px;padding:7px 9px;color:#fff;border:2px solid rgba(255,255,255,.92);border-radius:999px;box-shadow:0 8px 18px #0f172a2e;font-size:11px;font-weight:900;text-align:center;white-space:nowrap}.map-badge.safe{background:#12a05c}.map-badge.danger{background:#dc2626}.map-badge.current{background:#1f6ed4;animation:pulse 1.15s ease-in-out infinite}.map-warning{position:absolute;right:10px;bottom:44px;z-index:4;max-width:220px;display:inline-flex;align-items:center;gap:5px;padding:8px 10px;color:#5f3c00;background:#fff7cdf0;border:1px solid #f6d66a;border-radius:8px;font-size:12px;font-weight:800}.map-footer{min-height:42px;justify-content:space-between;gap:8px;padding:9px 11px;color:#475569;background:#fffffff2;border-top:1px solid #e2e8f0;font-size:12px}.map-footer span{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-footer strong{color:#0f172a;white-space:nowrap}.naver-html-marker{min-width:44px;padding:7px 9px;color:#fff;border:2px solid #fff;border-radius:999px;box-shadow:0 8px 18px #0f172a33;font-size:12px;font-weight:900;text-align:center}.naver-html-marker.safe{background:#12a05c}.naver-html-marker.danger{background:#dc2626}.naver-html-marker.current{background:#1f6ed4}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-screen .summary-grid{gap:8px}.summary-item{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 8px;padding:12px;border:1px solid #dfe7f1;border-radius:8px;background:#fff}.dashboard-screen .summary-item{grid-template-columns:30px minmax(0,1fr);padding:9px}.summary-item div{grid-row:1 / span 2;width:34px;height:34px;display:grid;place-items:center;color:#1f6ed4;background:#e8f2ff;border-radius:8px}.dashboard-screen .summary-item div{width:30px;height:30px}.summary-item span{color:#64748b;font-size:12px;font-weight:700}.summary-item strong{min-width:0;font-size:16px;overflow-wrap:anywhere}.dashboard-screen .summary-item strong{font-size:15px}.panel{padding:14px}.panel-head{justify-content:space-between;gap:8px;margin-bottom:12px}.panel-head.compact{margin-bottom:8px}.panel-head h2{margin:2px 0 0;font-size:18px;line-height:1.2}.panel-head.compact h2{margin:0}.panel-head span{color:#1f6ed4;font-size:12px;font-weight:900}.route-timeline{display:grid;gap:0}.timeline-point{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;min-height:54px;padding-bottom:8px}.timeline-point:before{content:"";position:absolute;top:17px;bottom:-2px;left:8px;width:2px;background:#d7e0ea}.timeline-point:last-child:before{display:none}.timeline-dot{width:18px;height:18px;margin-top:3px;border:3px solid #d7e0ea;border-radius:50%;background:#fff}.timeline-point.complete.safe .timeline-dot,.timeline-point.current.safe .timeline-dot{border-color:#12a05c;background:#12a05c}.timeline-point.complete.exit .timeline-dot,.timeline-point.current.exit .timeline-dot{border-color:#ef4444;background:#ef4444}.timeline-point.current .timeline-dot{box-shadow:0 0 0 5px #1f6ed41f}.timeline-point strong,.timeline-point span{display:block}.timeline-point strong{font-size:14px;line-height:1.3}.timeline-point span{margin-top:3px;color:#64748b;font-size:12px}.timeline-point.future{opacity:.45}.alert-list{display:grid;gap:8px}.alert-list.spacious{gap:12px}.alert-panel{padding:14px;border:1px solid #ffc9c9;border-radius:8px;background:snow;box-shadow:0 10px 26px #0f172a12}.alert-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.alert-panel-head h2{margin:2px 0 0;font-size:18px;line-height:1.2}.alert-panel-head strong{flex:0 0 auto;padding:5px 9px;color:#b42318;background:#ffe4e4;border-radius:999px;font-size:12px}.mock-alert-list{display:grid;gap:10px}.mock-alert-card{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #ffd0d0;border-left:4px solid #ef4444;border-radius:8px;background:#fff}.mock-alert-icon{width:38px;height:38px;display:grid;place-items:center;color:#d92d20;background:#ffe4e4;border-radius:8px}.mock-alert-body{min-width:0}.mock-alert-title-row,.mock-alert-meta{display:flex;align-items:center}.mock-alert-title-row{justify-content:space-between;gap:8px}.mock-alert-title-row strong{min-width:0;font-size:14px;line-height:1.25}.mock-alert-title-row span{flex:0 0 auto;padding:3px 7px;color:#991b1b;background:#fff1f1;border-radius:999px;font-size:11px;font-weight:900}.mock-alert-card p{margin:5px 0 8px;color:#475569;font-size:12px;line-height:1.4}.mock-alert-meta{flex-wrap:wrap;gap:6px}.mock-alert-meta span{min-height:22px;display:inline-flex;align-items:center;padding:3px 7px;color:#64748b;background:#f8fafc;border:1px solid #edf2f7;border-radius:999px;font-size:11px;font-weight:800}.alert-row{justify-content:space-between;gap:9px;min-height:58px;padding:10px 0;border-bottom:1px solid #edf2f7}.alert-row:last-child{border-bottom:0}.alert-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%}.alert-row.success .alert-icon{color:#079455;background:#dff8ea}.alert-row.info .alert-icon{color:#1f6ed4;background:#e8f2ff}.alert-row.warning .alert-icon{color:#d92d20;background:#ffe4e4}.alert-row div:nth-child(2){min-width:0;flex:1}.alert-row strong,.alert-row span{display:block}.alert-row strong{font-size:14px;line-height:1.25}.alert-row span{margin-top:3px;color:#64748b;font-size:12px;line-height:1.35}.alert-row time{color:#334155;font-size:12px;font-weight:800;white-space:nowrap}.location-readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.location-readout div{min-width:0;padding:12px;border:1px solid #dfe7f1;border-radius:8px;background:#f8fbff}.location-readout span,.location-readout strong{display:block}.location-readout span{color:#64748b;font-size:12px}.location-readout strong{margin-top:4px;font-size:14px;overflow-wrap:anywhere}.route-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.route-stat{padding:12px;border-radius:8px}.route-stat.safe{background:#ecfdf3}.route-stat.danger{background:#fff1f1}.route-stat span,.route-stat strong{display:block}.route-stat span{color:#64748b;font-size:12px;font-weight:800}.route-stat strong{margin-top:5px;font-size:18px}.segment-list{display:grid;gap:9px}.segment-row{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:44px;opacity:.45}.segment-row.visible{opacity:1}.segment-marker{width:12px;height:12px;border-radius:50%;background:#cbd5e1}.segment-row.safe .segment-marker{background:#12a05c}.segment-row.exit .segment-marker{background:#ef4444}.segment-row strong,.segment-row span{display:block}.segment-row strong{font-size:14px}.segment-row span{margin-top:2px;color:#64748b;font-size:12px}.current-badge{padding:4px 8px;color:#1f6ed4!important;background:#e8f2ff;border-radius:999px;font-size:11px!important;font-weight:900}.current-badge.danger{color:#b42318!important;background:#ffe4e4}.callout{gap:9px;padding:12px;font-size:13px;font-weight:800}.callout.danger{color:#b42318;border-color:#ffc9c9;background:#fff1f1}.safe-zone-card{gap:12px;padding:4px 0 14px;border-bottom:1px solid #edf2f7}.zone-emblem,.settings-icon{width:48px;height:48px;display:grid;place-items:center;color:#079455;background:#dff8ea;border-radius:8px}.safe-zone-card strong,.safe-zone-card span{display:block}.safe-zone-card strong{font-size:16px}.safe-zone-card span{margin-top:3px;color:#64748b;font-size:12px}.detail-list{display:grid;gap:10px;margin:13px 0 0}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-actions.single-action{grid-template-columns:1fr}.quick-actions button{min-width:0;min-height:78px;display:grid;place-items:center;gap:6px;padding:11px 6px;color:#1f6ed4}.quick-actions span{color:#0f172a;font-size:12px;font-weight:800}.emergency-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.emergency-call{min-width:0;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-weight:900}.emergency-call.police{background:#b42318;border-color:#b42318}.emergency-call.fire{background:#d92d20;border-color:#d92d20}.setting-row{justify-content:space-between;gap:12px;min-height:64px;border-bottom:1px solid #edf2f7}.setting-row:last-child{border-bottom:0}.setting-row.action-row{align-items:flex-start;padding:14px 0}.setting-row strong,.setting-row span{display:block}.setting-row strong{font-size:15px}.setting-row span{margin-top:3px;color:#64748b;font-size:12px}.switch{position:relative;width:50px;height:30px;flex:0 0 auto}.switch input{position:absolute;opacity:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#cbd5e1}.switch span:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0f172a33;transition:transform .2s ease}.switch input:checked+span{background:#12a05c}.switch input:checked+span:after{transform:translate(20px)}.secondary-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;padding:0 12px;color:#0f172a;border:1px solid #cfe2ff;border-radius:8px;background:#e8f2ff;font-size:12px;font-weight:900}.secondary-button:disabled{cursor:default;opacity:.82}.secondary-button.updating svg{animation:spin .8s linear infinite}.bottom-nav{position:sticky;bottom:0;z-index:18;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #dfe7f1;box-shadow:0 -10px 24px #0f172a14}.bottom-nav button{min-width:0;min-height:54px;display:grid;place-items:center;gap:3px;padding:6px 2px;color:#64748b;border:0;border-radius:8px;background:transparent;font-size:11px;font-weight:800}.bottom-nav button.active{color:#1f6ed4;background:#e8f2ff}.drawer-backdrop,.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:#070f1c75}.drawer{width:min(86%,360px);height:100%;display:flex;flex-direction:column;padding:16px;background:#fff;box-shadow:18px 0 40px #0f172a3d}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.drawer-head strong,.drawer-head span{display:block}.drawer-head strong{font-size:20px}.drawer-head span{margin-top:3px;color:#64748b;font-size:12px}.drawer-items{display:grid;gap:8px;padding:14px 0}.drawer-item{min-height:48px;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px;color:#334155;border:1px solid transparent;border-radius:8px;background:transparent;text-align:left;font-weight:800}.drawer-item.active{color:#1f6ed4;border-color:#cfe2ff;background:#eef6ff}.support-strip{display:flex;align-items:center;gap:11px;margin-top:auto;padding:14px;color:#fff;background:#0b2a4a;border-radius:8px}.support-strip strong,.support-strip span{display:block}.support-strip span{margin-top:4px;color:#ffffffd1;font-size:12px}.modal-backdrop{z-index:50;display:grid;place-items:center;padding:20px}.emergency-modal{width:min(100%,360px);padding:24px 20px 20px;text-align:center;background:#fff;border:1px solid #ffd0d0;border-radius:8px;box-shadow:0 24px 60px #0f172a42}.notice-modal{width:min(100%,340px);padding:24px 20px 20px;text-align:center;background:#fff;border:1px solid #bbe8d1;border-radius:8px;box-shadow:0 24px 60px #0f172a42}.notice-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 14px;color:#079455;background:#dff8ea;border-radius:50%}.notice-modal h1{margin:0;color:#075e3f;font-size:22px;line-height:1.22}.notice-modal p{margin:10px 0 18px;color:#475569;font-size:14px;line-height:1.5}.modal-icon{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 14px;color:#d92d20;background:#ffe4e4;border-radius:50%}.emergency-modal h1{margin:0;color:#991b1b;font-size:24px;line-height:1.22}.emergency-modal p{margin:10px 0 18px;color:#475569;font-size:14px;line-height:1.5}.primary-button{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;color:#fff;font-weight:900}.danger-button{background:#d92d20}.confirm-button{background:#079455}@keyframes pulse{0%,to{box-shadow:0 0 #1f6ed447}50%{box-shadow:0 0 0 8px #1f6ed400}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 380px){.content{padding-inline:10px}.app-header{padding-inline:12px}.brand-lockup strong{font-size:15px}.brand-lockup span{font-size:10px}.live-chip{display:none}.page-title-row h1,.emergency-modal h1,.notice-modal h1{font-size:21px}.summary-grid,.route-overview,.location-readout{grid-template-columns:1fr}.map-card.large{height:360px}.map-card.xlarge{height:440px}}