:root{color:#203d35;font-synthesis:none;background:#f5f4ef;font-family:system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{color:#fff;cursor:pointer;background:#244e43;border:1px solid #244e43;border-radius:12px;min-height:48px;padding:13px 20px;font-weight:650}button:disabled{opacity:.55;cursor:wait}button.quiet{color:#244e43;background:0 0;border-color:#d5ddd6}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #aa722b}.shell{max-width:1040px;margin:auto;padding:0 24px}header{border-bottom:1px solid #dce1d8;justify-content:space-between;align-items:center;gap:16px;min-height:100px;display:flex}header strong{letter-spacing:.12em;font-size:18px}header span{color:#65776a;background:#e7ecdf;border-radius:6px;padding:6px 10px;font-size:12px}main{max-width:680px;min-height:60vh;margin:48px auto 64px}h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(24px,4vw,32px);line-height:1.35}h2{letter-spacing:-.03em;margin:0 0 24px;font-size:22px}.eyebrow{letter-spacing:.08em;color:#6c7a6c;margin:0 0 8px;font-size:12px}.muted{color:#69776e;font-size:14px}.card{background:#fffefb;border:1px solid #e2e5dc;border-radius:22px;margin:24px 0;padding:32px;box-shadow:0 8px 28px #233e3005}.login{max-width:460px;margin:0 auto}.login form{gap:18px;margin-top:30px;display:grid}label{gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:grid}input,select{color:#203d35;background:#fff;border:1px solid #c6d0c5;border-radius:10px;width:100%;min-width:0;min-height:48px;padding:12px 14px}.person{justify-content:space-between;align-items:center;gap:12px;display:flex}.person button{white-space:nowrap;font-size:13px}p[role=status]{color:#4e675a;overflow-wrap:anywhere;min-height:22px;font-size:14px}.clock{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:14px 0;font-size:clamp(35px,8vw,56px);font-weight:600}.notice{background:#f2ebdc;border-left:3px solid #9c742e;border-radius:0 10px 10px 0;padding:18px 20px;font-size:14px}.history h2{font-size:18px}.history ul{margin:0;padding:0;list-style:none}.history li{border-top:1px solid #e3e7df;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.history li span{color:#6a796e;font-size:13px;display:block}.history time{font-variant-numeric:tabular-nums;white-space:nowrap}footer{color:#7c8779;text-align:center;border-top:1px solid #dce1d8;padding:28px 0;font-size:12px}@media (max-width:767px){.shell{padding:0 18px}header{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:80px;padding:18px 0}main{margin:30px auto 40px}.card{border-radius:18px;padding:24px 20px}.person{align-items:flex-start}.person h1{font-size:24px}.person button{min-height:42px;padding:8px 10px}}@media (min-width:992px){main{margin-top:60px}}@media (min-width:1200px){.shell{max-width:1120px}}.actions{gap:14px;margin-top:24px;display:grid}.actions label{margin:0}.actions details{font-size:14px}.actions summary{cursor:pointer;color:#4e675a;padding:10px 0}.history li>div{min-width:0}.notice p{overflow-wrap:anywhere}nav{flex-wrap:wrap;gap:12px;display:flex}nav [aria-pressed=true]{background:#e7ecdf}textarea{color:#203d35;resize:vertical;background:#fff;border:1px solid #c6d0c5;border-radius:10px;width:100%;min-width:0;min-height:100px;padding:12px}dd{overflow-wrap:anywhere;margin:6px 0 18px}dt{font-weight:600}.comparison p,.history p{overflow-wrap:anywhere}.history button{margin-top:12px;font-size:14px}.history li>div{width:100%}input[type=datetime-local]{font-size:14px}