:root{--ink:#171717;--paper:#f8f8f6;--line:#d3d3ce;--muted:#777}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR",sans-serif}main{width:min(100% - 40px,520px);margin:0 auto;padding:12vh 0}.eyebrow{font-size:11px;letter-spacing:.1em;color:var(--muted)}h1{margin:15px 0 36px;font-size:52px;letter-spacing:-.08em}p{line-height:1.8}.attendance-notice{padding:21px 23px;border-top:1px solid var(--ink);background:#ecece8;font-size:13px;line-height:1.75}.attendance-notice strong{font-size:14px}.attendance-notice ul{margin:9px 0 0;padding-left:19px}.attendance-notice b{font-weight:700}form{display:grid;gap:15px;margin-top:26px}label{font-weight:600;font-size:14px}input{width:100%;margin-top:8px;padding:15px;border:1px solid var(--line);background:#fff;font:inherit}button{padding:15px;border:1px solid var(--ink);background:var(--ink);color:#fff;font:600 15px Pretendard,"Noto Sans KR",sans-serif;cursor:pointer}.timer{margin:22px 0 5px;color:var(--muted)}.timer strong{color:#a22;font-size:25px}.timer-bar{height:7px;overflow:hidden;background:#ddd}.timer-bar span{display:block;width:100%;height:100%;background:#a22;transition:width .2s linear}.timer-guide{margin:10px 0 0;color:var(--muted);font-size:12px}#message{min-height:30px;margin-top:22px;font-weight:600;color:#a22}.success{color:#176234!important}