:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8fafc;background:#0f172a}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:env(safe-area-inset-top) 16px calc(80px + env(safe-area-inset-bottom))}main{max-width:520px;margin:auto;padding-top:28px}.eyebrow,.label,.updated{color:#94a3b8;font-size:12px}.eyebrow{letter-spacing:.12em}h1{font-size:30px;margin:8px 0 24px}.card{background:#1e293b;border:1px solid #334155;border-radius:20px;padding:20px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hero h2{margin:8px 0;font-size:24px}.hero strong{font-size:48px}.hero small{font-size:18px}.badge{color:#86efac;font-size:12px;font-weight:700}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid b{display:block;margin-top:12px;font-size:18px}.updated{line-height:1.6}nav{position:fixed;bottom:0;left:0;right:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#111827;color:#94a3b8}nav a{color:#f8fafc;text-decoration:none}nav .active{font-weight:700}.vehicle-status-card{background:#1e293b;border:1px solid #334155;border-radius:20px;padding:20px;margin-bottom:12px;word-wrap:break-word;overflow-wrap:break-word}.status-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:12px}.status-info{flex:1}.status-name{color:#94a3b8;font-size:12px}.status-state{margin:8px 0;font-size:24px}.status-freshness{display:flex;flex-direction:column;align-items:flex-end}.badge-live{color:#86efac}.badge-recent{color:#60a5fa}.badge-stale{color:#fb923c}.badge-asleep{color:#a78bfa}.badge-offline{color:#ef4444}.badge-unknown{color:#94a3b8}.soc-display{margin-bottom:24px}.soc-value{font-size:56px;font-weight:700;line-height:1}.soc-unit{font-size:32px}.soc-missing{font-size:28px;color:#94a3b8}.vehicle-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;min-height:44px}.detail-label{color:#94a3b8;font-size:13px}.detail-value{font-size:14px;font-weight:500}.timestamp-info{padding-top:12px;border-top:1px solid #334155;font-size:12px;line-height:1.5}.timestamp-label{display:block;color:#cbd5e1}.timestamp-label.warning{color:#fb923c;font-weight:600}.timestamp-detail{display:block;color:#94a3b8;margin-top:4px}