*{box-sizing:border-box}body{margin:0;background:#f4f7f5;color:#10283c;font-family:Arial,Helvetica,sans-serif;padding-bottom:88px}.mobile-head{position:sticky;top:0;z-index:20;padding:12px max(16px,env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;background:rgba(7,26,45,.96);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:white}.brand img{width:36px;height:36px}.brand span{display:grid}.brand b{letter-spacing:.16em}.brand small{font-size:9px;letter-spacing:.11em;color:#b8d676}.install,.primary,.complete{border:0;border-radius:12px;font-weight:800;cursor:pointer}.install{padding:9px 12px;background:#b9db55;color:#071a2d}main{width:min(720px,100%);margin:auto}.hero{padding:32px 20px 24px;background:linear-gradient(145deg,#071a2d,#103f50);color:#fff}.eyebrow,.section-title small{margin:0 0 7px;color:#b9db55;font-weight:800;letter-spacing:.13em;font-size:11px}.hero h1{font-size:clamp(32px,9vw,52px);line-height:1.02;margin:0 0 14px}.hero p:not(.eyebrow){line-height:1.6;color:#d6e1e4}.date{font-weight:700;margin-top:17px}.card{margin:16px; padding:20px;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(8,39,53,.08)}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.section-title h2{margin:0;font-size:22px}.section-title>span{font-size:12px;color:#6b7c86}.meter-group{margin:18px 0}.meter-group label{display:flex;justify-content:space-between;font-weight:800}.meter-group input{width:100%;accent-color:#719b2d}.ends{display:flex;justify-content:space-between;font-size:11px;color:#77868e}.field{display:grid;gap:8px;margin:18px 0;font-weight:700}.field select,.field textarea{width:100%;font:inherit;border:1px solid #ccd8d7;border-radius:12px;padding:12px;background:#fbfdfc}.primary{width:100%;padding:15px;background:#0a3347;color:#fff;font-size:15px}.score{display:grid;place-items:center;min-width:48px;height:48px;border-radius:50%;background:#eaf4d4!important;color:#335514!important;font-size:18px!important;font-weight:900}.action-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.action-row a{font-weight:800;color:#315f6f}.complete{padding:12px 14px;background:#b9db55;color:#17300a}.complete:disabled{opacity:.45}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px}.stats article{background:#0a3347;color:#fff;border-radius:16px;padding:15px 8px;text-align:center}.stats strong{display:block;font-size:25px}.stats span{font-size:11px;color:#cbdadd}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid a{display:grid;gap:5px;min-height:91px;padding:14px;border-radius:14px;background:#f0f5f2;text-decoration:none;color:#173748}.quick-grid a span{font-size:12px;color:#62747c;line-height:1.35}.history-list{display:grid;gap:10px}.history-item{border-left:4px solid #9fc94a;background:#f5f8f6;padding:12px;border-radius:9px}.history-item b{display:block}.history-item span{font-size:12px;color:#61747b}.empty,.privacy{text-align:center;color:#728087}.privacy{font-size:11px;line-height:1.5;padding:0 22px 25px}.text-btn{border:0;background:none;text-decoration:underline;color:#6c7e85}.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #dbe3e0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 24px rgba(0,0,0,.08)}.bottom-nav a{padding:9px 3px;display:grid;place-items:center;gap:3px;text-decoration:none;color:#66777f;font-size:10px;font-weight:800}.bottom-nav a span{font-size:20px}.bottom-nav .active{color:#527c16}@media(min-width:700px){body{padding-bottom:30px}.bottom-nav{width:420px;left:50%;right:auto;transform:translateX(-50%);bottom:16px;border:0;border-radius:18px;overflow:hidden}.hero{border-radius:0 0 24px 24px}}