*{box-sizing:border-box}body{color:#0b1c2c;background:#eef3f8;margin:0;font-family:Arial,sans-serif}.shell{background:#fff;max-width:520px;min-height:100vh;margin:auto}.top{color:#fff;background:linear-gradient(145deg,#061523,#0d2d48);padding:24px 20px}.brand{letter-spacing:-1px;font-size:31px;font-weight:900}.brand b{color:#168cff}.sub{letter-spacing:4px;color:#b9ddff;font-size:11px}.grid{grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.card{text-align:center;background:#f3f7fa;border:0;border-radius:15px;min-height:125px;padding:22px 12px;font-weight:800;box-shadow:0 1px 5px #ccd5dd}.card.primary{color:#fff;background:#0784ff}.card small{margin-top:8px;font-weight:400;line-height:1.3;display:block}.section{padding:8px 16px 90px}.row{border-bottom:1px solid #e7edf2;justify-content:space-between;align-items:center;padding:14px 4px;display:flex}.badge{color:#fff;background:#0784ff;border-radius:20px;padding:5px 12px}.btn{color:#fff;background:#087ff1;border:0;border-radius:12px;width:100%;margin-top:12px;padding:16px;font-size:16px;font-weight:800;display:block}.btn.secondary{color:#0874d8;background:#e9f3fd}.nav{background:#fff;border-top:1px solid #dce5ed;justify-content:space-around;width:100%;max-width:520px;padding:12px 4px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav a{color:#53677a;font-size:12px;text-decoration:none}.title{font-size:24px;font-weight:900}.camera{color:#fff;background:#07131e;min-height:100vh;padding:18px}.preview{text-align:center;background:linear-gradient(#304759,#102130);border-radius:18px;justify-content:center;align-items:center;height:420px;padding:30px;display:flex}.upload{display:none}.result{color:#102130;background:#fff;border-radius:18px;margin-top:18px;padding:20px}.metric{font-size:52px;font-weight:900}.muted{color:#6c7d8b}.input{border:1px solid #d6e0e8;border-radius:10px;width:100%;margin:6px 0 12px;padding:13px}.bar{background:#e7edf2;border-radius:10px;height:10px;overflow:hidden}.bar i{background:#0784ff;height:100%;display:block}.notice{background:#eef7ff;border-radius:10px;margin:10px 0;padding:12px;font-size:13px}
