/* 시안(GDR Night Tracker.dc.html) 베이스 스타일 — 나머지는 app.js의 인라인 스타일로 시안 그대로 재현 */
html, body { margin: 0; padding: 0; background: #e9ecf1; -webkit-font-smoothing: antialiased; }
body { font-family: 'Pretendard', system-ui, -apple-system, sans-serif; }
* { box-sizing: border-box; }
a { color: #1554f0; text-decoration: none; }
a:hover { color: #0b3ac0; }
@keyframes livedot { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@keyframes bootpulse { 0%, 100% { transform: scale(.6); opacity: .4; } 50% { transform: scale(1); opacity: 1; } }
@keyframes bootbar { 0% { transform: translateX(-100%); } 100% { transform: translateX(250%); } }
/* 관문(분석 완료) 페이지 — 카드 순차 페이드인 + 진행률 바 */
@keyframes gateUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes gateBar { from { width: 0; } to { width: 100%; } }
/* 안전영역(노치/상태바·홈인디케이터) — 네이티브 env(), 웹은 0 */
:root { --safe-top: env(safe-area-inset-top, 0px); --safe-bottom: env(safe-area-inset-bottom, 0px); }