*{box-sizing:border-box}body{margin:0;background:#e9ebee;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial;color:#141414}.app{width:min(100%,480px);min-height:100vh;margin:auto;background:#fff;padding-bottom:84px;box-shadow:0 0 55px #0002}header{height:92px;background:#050505;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;position:sticky;top:0;z-index:20}header img{width:210px;max-height:70px;object-fit:contain;object-position:left}header span{color:#fff;background:#171717;border:1px solid #303030;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}header i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#aaa;margin-right:7px}.view{display:none;padding:18px}.view.active{display:block}.hero{border:1px solid #e9e9e9;border-radius:30px;padding:25px 20px;background:radial-gradient(circle at 90% 0%,#ff4b0b17,transparent 40%),#fff;box-shadow:0 18px 45px #00000012}.hero small,.title small,.scan small,.identity small{color:#ff4b0b;font-size:11px;font-weight:900;letter-spacing:.15em}.hero h1,.title h1,.scan h1{font-size:36px;line-height:1.03;letter-spacing:-.04em;margin:15px 0 10px}.hero p,.scan p,.title p,.empty p{color:#747474;line-height:1.6}.visual{height:190px;display:grid;place-items:center;position:relative;overflow:hidden}.ecu{width:92px;height:92px;border-radius:28px;background:#050505;color:#ff4b0b;display:grid;place-items:center;font-weight:900;box-shadow:0 20px 40px #0003;z-index:2}.orbit{position:absolute;border-radius:50%;border:1px solid #ff4b0b55;animation:pulse 2s infinite}.orbit.a{width:170px;height:170px}.orbit.b{width:250px;height:250px;animation-delay:.6s}@keyframes pulse{0%{transform:scale(.7);opacity:.1}50%{opacity:1}100%{transform:scale(1.12);opacity:0}}#talk{width:100%;border:0;border-radius:17px;padding:17px;background:linear-gradient(135deg,#ff4b0b,#ff6a20);color:#fff;font-weight:900;box-shadow:0 14px 28px #ff4b0b44}.vehicle{width:100%;display:flex;align-items:center;border:1px solid #e9e9e9;background:#fff;border-radius:20px;padding:14px;text-align:left}.vehicle>b{width:54px;height:54px;border-radius:15px;background:#f3f3f3;color:#d71920;display:grid;place-items:center;font-size:12px}.vehicle span{margin-left:13px;flex:1}.vehicle strong,.vehicle em{display:block}.vehicle em{font-style:normal;color:#777;font-size:12px;margin-top:5px}.vehicle i{font-style:normal;font-size:24px}.scan{text-align:center}.ring{width:210px;height:210px;margin:25px auto;border-radius:50%;background:conic-gradient(#ff4b0b calc(var(--p)*1%),#eee 0);display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;inset:15px;background:#fff;border-radius:50%}.ring b{position:relative;font-size:44px}.step{padding:13px;border:1px solid #e9e9e9;border-radius:15px;margin:8px 0;text-align:left}.step.done{border-left:4px solid #16834b}.identity{background:#050505;color:#fff;border-radius:26px;padding:22px}.identity h1{font-size:34px;margin:14px 0 5px}.identity p{color:#aaa}.identity div{display:flex;gap:7px;flex-wrap:wrap}.identity div span{font-size:10px;background:#181818;border:1px solid #303030;border-radius:999px;padding:8px 10px}.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.scores article,.grid article{border:1px solid #e9e9e9;border-radius:18px;padding:15px}.scores small,.grid span{display:block;color:#777;font-size:10px}.scores b,.grid b{display:block;font-size:26px;margin-top:9px}.scores em,.grid em{font-style:normal;color:#777}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.health{background:#050505;color:#fff;border-radius:24px;padding:22px;display:flex;align-items:center;gap:18px}.health>div{width:112px;height:112px;border:9px solid #ff4b0b;border-radius:50%;display:grid;place-items:center;align-content:center}.health>div b{font-size:34px}.health>div span{color:#aaa}.health p{color:#aaa}.health-row{border:1px solid #e9e9e9;border-radius:18px;padding:15px;margin-top:10px}.health-row header{height:auto;background:none;color:#141414;padding:0;position:static}.health-row .meter{height:8px;background:#eee;border-radius:999px;margin-top:10px;overflow:hidden}.health-row .meter i{height:100%;display:block;background:linear-gradient(90deg,#ff4b0b,#ff6a20)}.panel{border:1px solid #e9e9e9;border-radius:22px;padding:18px}.panel p{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e9e9e9;margin:0}.panel p:last-child{border:0}.panel span{color:#777}.panel b{text-align:right}.good{color:#16834b}.empty{text-align:center;border:1px solid #e9e9e9;border-radius:23px;padding:28px 18px}.empty div{width:70px;height:70px;border-radius:50%;background:#e8f6ee;color:#16834b;display:grid;place-items:center;margin:auto;font-size:34px}footer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:82px;background:#050505;display:grid;grid-template-columns:repeat(5,1fr);z-index:30}footer button{border:0;background:none;color:#777;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:21px}footer button span{font-size:9px;font-weight:800}footer button.active{color:#ff4b0b}.modal{position:fixed;inset:0;background:#0009;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal>div{width:min(100%,480px);background:#fff;border-radius:26px 26px 0 0;padding:18px}.modal button{width:100%;padding:14px;border:1px solid #e9e9e9;border-radius:15px;background:#fff;text-align:left;margin-top:8px}.modal button b,.modal button span{display:block}.modal button span{font-size:12px;color:#777;margin-top:4px}#close{background:#050505;color:#fff;text-align:center;font-weight:900}.hidden{display:none!important}@media(max-width:360px){header img{width:170px}.hero h1{font-size:31px}.scores{grid-template-columns:1fr}}