*{box-sizing:border-box}body{margin:0;background:#F8F5EF;color:#24312B;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.app{min-height:100vh;padding:14px;display:flex;justify-content:center}.screen{width:100%;max-width:460px}.hidden{display:none}.brand{text-align:center;padding:24px 0 18px}.logo{width:60px;height:60px;margin:auto;border-radius:18px;display:grid;place-items:center;background:#355C4A;color:#fff;font-size:23px;font-weight:800;border:2px solid #C7A86B}.brand h1{margin:12px 0 3px;color:#355C4A}.brand p,.muted,.hint,.footer{color:#777;font-size:13px}.card{background:#fff;border:1px solid #E9E3D8;border-radius:20px;padding:18px;margin-bottom:14px;box-shadow:0 10px 28px #355C4A12}label{display:block;margin:10px 0 6px;color:#355C4A;font-size:13px;font-weight:700}input{width:100%;height:50px;border:1px solid #D9DDD9;border-radius:13px;padding:0 14px;font:inherit}button{border:0;border-radius:13px;font:inherit;font-weight:800;cursor:pointer}.primary{width:100%;height:50px;margin-top:17px;background:#355C4A;color:#fff}.soft{padding:12px 14px;background:#EEF3EF;color:#355C4A}.link{background:transparent;color:#355C4A}.danger{color:#A33}.hint,.footer{text-align:center}.top,.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.top{padding:12px 4px 16px}.top b{display:block;color:#355C4A;font-size:19px}.top small{display:block;color:#777;margin-top:3px}.center{text-align:center}.clock{font-size:50px;font-weight:850;color:#355C4A;letter-spacing:-2px;margin:10px 0}.pill{display:inline-block;background:#EEF0ED;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800}.pill.working{background:#E6F2E9;color:#28603B}.pill.done{background:#EEF0F6;color:#4F5B79}.gps{font-size:12px;color:#666;line-height:1.6;margin-top:12px}.round{width:170px;height:170px;border-radius:50%;background:#355C4A;color:white;font-size:22px;border:8px solid #C7A86B55;box-shadow:0 12px 26px #355C4A33}.round.out{background:#8B4B4B}.times{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.times div{background:#FAFAF8;border-radius:14px;padding:12px;font-size:12px;color:#777}.times strong{display:block;color:#24312B;font-size:16px;margin-top:7px}.msg{min-height:20px;margin-top:10px;font-size:13px;font-weight:700}.msg.error{color:#B64A4A}.msg.success{color:#355C4A}.hist{padding:11px 0;border-bottom:1px solid #eee;font-size:13px}.hist:last-child{border:0}.hist-top{display:flex;justify-content:space-between;color:#777;font-size:12px}.hist-times{display:grid;grid-template-columns:1fr 1fr;margin-top:6px}.hist-times b{color:#355C4A}.empty{text-align:center;color:#999;padding:16px 0;font-size:13px}@media(max-width:520px){.app{padding:10px}.card{padding:16px}.round{width:160px;height:160px}}