*{box-sizing:border-box}
body{margin:0;font-family:"Noto Sans KR","Apple SD Gothic Neo",Arial,sans-serif;background:#f8f5ef;color:#2e2118}
.container{max-width:460px;margin:auto;padding:20px}
.card{background:#fff;border-radius:26px;padding:28px 24px;box-shadow:0 14px 35px rgba(0,0,0,.10);margin-top:18px}
.company-logo{display:block;width:min(220px,68%);max-height:68px;object-fit:contain;margin:0 auto 10px}
.brand{text-align:center;font-size:32px;font-weight:900;color:#5a2d12;letter-spacing:-1px}
.store-sub{text-align:center;color:#806a59;font-size:15px;font-weight:700;margin-top:3px}
h1{text-align:center;font-size:29px;margin:26px 0 8px;color:#21150e}
.guide{text-align:center;color:#7e746d;line-height:1.6;margin:0 0 22px}
label{display:block;font-size:15px;font-weight:900;margin:14px 0 7px}
input{width:100%;height:58px;border-radius:15px;border:1px solid #ddd;padding:0 16px;font-size:19px;outline:none}
input:focus{border-color:#6b3a1e}
button{width:100%;height:68px;border:0;border-radius:18px;margin-top:12px;font-size:24px;font-weight:900;cursor:pointer;transition:.08s;box-shadow:0 7px 0 rgba(0,0,0,.14)}
button:active{transform:translateY(4px);box-shadow:0 3px 0 rgba(0,0,0,.14)}
button:disabled{opacity:.34;transform:none;box-shadow:none;cursor:default}
.btn-main{background:#743b1d;color:#fff;margin-top:18px}
.btn-in{background:#4d9a5f;color:#fff}
.btn-out{background:#d99893;color:#fff}
.btn-reset{background:transparent;color:#755b49;height:46px;font-size:15px;text-decoration:underline;box-shadow:none;margin-top:12px}
.hello{text-align:center;font-weight:800;color:#435a4a;margin-top:8px}
.clock{text-align:center;color:#9a9189;font-size:14px;margin-top:7px}
.quote-card{border:1px solid #ead9c8;background:#fdfaf6;border-radius:17px;padding:13px 14px;text-align:center;margin-top:18px}
.quote-card span{display:block;font-size:12px;font-weight:900;color:#9a633b;margin-bottom:5px}
.quote-card strong{font-size:14px;line-height:1.45}
.user-card{background:#fbf7f1;border:1px solid #ead9c8;border-radius:17px;padding:17px;text-align:center;margin-top:14px}
.user-card strong{font-size:19px}.user-card span{font-size:16px;font-weight:800;margin-left:5px}
.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.time-box{background:#fbf8f4;border:1px solid #eadfd5;border-radius:14px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center}
.time-box span{font-size:13px;color:#7d7168;font-weight:800}.time-box strong{font-size:19px}
.status{text-align:center;margin-top:14px;font-size:15px;font-weight:900;line-height:1.45;min-height:22px;color:#5a2d12}
.status-main{background:#f5f5f5;border-radius:14px;padding:12px}
@media(max-width:480px){.container{padding:12px}.card{padding:22px 18px;margin-top:8px}.company-logo{width:min(205px,70%)}.brand{font-size:29px}h1{font-size:27px}button{height:64px;font-size:22px}}