*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#18212b;font:16px "Hanken Grotesk",Arial,sans-serif}.top{height:70px;background:white;border-bottom:1px solid #dbe1e7;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0}.brand{font-weight:800;color:#0078bd}.status{font-size:13px;background:#edf1f3;padding:8px 12px;border-radius:99px}.main{max-width:760px;margin:auto;padding:24px 16px 100px}.lead{color:#66717f}.card{background:white;border:1px solid #dbe1e7;border-radius:12px;padding:20px;margin:18px 0;box-shadow:0 2px 8px #1231}.field{width:100%;padding:14px;border:1px solid #9da9b6;border-radius:8px;font:inherit;margin:7px 0 16px}textarea{min-height:110px}.timer{text-align:center;border-left:5px solid #0078bd}.time{font:700 52px monospace;color:#006ca9;margin:18px}.btn{border:0;border-radius:8px;padding:13px 18px;font-weight:700;cursor:pointer}.blue{background:#0078bd;color:white}.red{background:#d98288;color:white}.gray{background:#e9edf1}.actions{display:flex;gap:10px;flex-wrap:wrap}.entry{display:grid;grid-template-columns:110px 1fr 70px 35px;gap:10px;padding:13px 0;border-bottom:1px solid #dbe1e7}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric strong{font-size:30px;color:#0078bd;display:block}.nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:white;border-top:1px solid #dbe1e7;display:flex;justify-content:center}.nav a{width:180px;display:grid;place-items:center;text-decoration:none;color:#45505b}.nav a.active{background:#0078bd;color:white;border-radius:99px;margin:8px}.hide{display:none}@media(max-width:550px){.entry{grid-template-columns:1fr auto}.entry .topic{grid-column:1/-1}.time{font-size:42px}}