*{box-sizing:border-box}
.reply-page{margin:0;min-height:100dvh;background:#f4f6f9;color:#192b3b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;padding:28px 20px 24px}
.reply-brand{display:flex;align-items:center;gap:12px;max-width:510px;margin:0 auto 28px;font-size:.875rem;letter-spacing:.06em;font-weight:750}
.reply-brand img{flex-shrink:0}.reply-brand small{display:block;font-size:.875rem;font-weight:400;letter-spacing:0;color:#536678}
.reply-card{max-width:510px;margin:0 auto;background:#fff;border:1px solid #dce3e9;border-top:4px solid #c9263e;border-radius:12px;padding:30px}
.reply-heading h1{font-size:1.7rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px;overflow-wrap:anywhere}
.reply-heading p{margin:0;color:#526476;font-size:1rem;line-height:1.7}
.reply-shift{background:#f5f7fa;border:1px solid #e2e7ed;border-radius:8px;padding:20px;margin:26px 0 22px}
.reply-role{display:block;font-size:.875rem;color:#556778;margin-bottom:4px}
.reply-shift h2{font-size:1.3rem;line-height:1.35;margin:0;overflow-wrap:anywhere}
.reply-address{font-size:.875rem;margin:6px 0 0;color:#536678;overflow-wrap:anywhere}
.reply-shift dl{margin:20px 0 0;border-top:1px solid #dae1e9;padding-top:14px;display:grid;gap:8px}
.reply-shift dl>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px}
.reply-shift dt{color:#657385;font-size:.875rem}.reply-shift dd{margin:0;font-weight:600;font-size:1rem}.reply-shift dd span{font-size:.875rem;font-weight:400}
.reply-deadline{font-size:.875rem;color:#526476;margin:0 0 18px}
.reply-actions{display:grid;gap:12px;margin-top:20px}
.reply-actions button{width:100%;min-height:54px;border-radius:7px;padding:14px 20px;font:inherit;font-size:1rem;font-weight:650;cursor:pointer;line-height:1.4;white-space:normal}
.reply-yes{background:#1b704b;border:1px solid #1b704b;color:white}.reply-yes:hover:not(:disabled){background:#145638}
.reply-no{background:#fff;border:1px solid #b8c4cf;color:#243d53}.reply-no:hover:not(:disabled){background:#f0f4f8}
.reply-actions button:disabled{opacity:.6;cursor:wait}.reply-actions button:focus-visible{outline:3px solid #326fd1;outline-offset:3px}
.reply-small{font-size:.875rem;color:#627184;margin:18px 0 0;line-height:1.65}
.reply-check{width:46px;height:46px;display:grid;place-items:center;background:#e8f3ed;color:#1b704b;border-radius:50%;font-size:1.5rem;margin-bottom:18px}
.reply-error,.reply-notice{border-radius:7px;padding:14px;font-size:.875rem;line-height:1.65;margin:18px 0 0}
.reply-error{background:#fff1f2;color:#932436;border:1px solid #f0cbd1}.reply-notice{background:#fff8e9;color:#72521b;border:1px solid #ead5a7}
.reply-demo{border-radius:5px;background:#fff5dc;color:#70561f;padding:9px 12px;font-size:.875rem;margin-bottom:20px}
.reply-footer{max-width:510px;margin:20px auto 0;text-align:center;color:#627184;font-size:.875rem}
.reply-actions h3{font-size:1rem;margin:0}.reply-actions>.reply-small{margin:0 0 4px}.reply-back{background:transparent;border:0;color:#526476}.reply-sms{display:block;text-align:center;margin:22px 0 0;color:#315877;font:inherit;font-size:.875rem;text-decoration:underline;border:0;background:none;width:100%;padding:8px;cursor:pointer}
@media(max-width:480px){.reply-page{padding:22px 16px}.reply-card{padding:24px 20px}.reply-brand{margin-bottom:22px}.reply-heading h1{font-size:1.55rem}.reply-shift{padding:18px 16px}.reply-shift dl>div{grid-template-columns:40px minmax(0,1fr)}}