:root{font-family:system-ui,-apple-system,sans-serif;color:#17251f;background:#eef3f0}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:22px}header{display:flex;gap:14px;align-items:center;margin:18px 0 28px}.mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#173f35;color:white;font-size:28px;font-weight:800}h1{font-size:24px;margin:0}header p{margin:4px 0;color:#5b6b64}.card{background:white;border-radius:18px;padding:22px;box-shadow:0 8px 28px #173f3514;margin-bottom:18px}label{display:block;margin:14px 0;font-weight:650}input{width:100%;padding:14px;margin-top:7px;border:1px solid #aebbb5;border-radius:10px;font-size:18px}button{width:100%;border:0;border-radius:12px;padding:15px;background:#173f35;color:white;font-size:18px;font-weight:750;cursor:pointer}.clock-button{min-height:150px;font-size:30px;margin:14px 0}.clock-button.off{background:#148447}.clock-button.working{background:#b73535}.status{text-align:center;font-size:18px;font-weight:700}.privacy{font-size:13px;color:#607068;line-height:1.45}.notice{padding:14px;border-radius:10px;background:#fff3cd;color:#684f00;margin-bottom:16px}.notice.error{background:#f8d7da;color:#7b1c26}.hidden{display:none}