:root{--ink:#173b35;--deep:#102f2a;--rose:#d95770;--paper:#f3f7f5;--line:#cad9d5;--muted:#6b7e79}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic UI","Meiryo",sans-serif}body>header{display:flex;align-items:center;gap:11px;padding:18px max(20px,calc((100% - 760px)/2));background:var(--deep);color:white}header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--rose);font:700 22px Georgia,serif}header strong,header small{display:block}header small{margin-top:2px;color:#abc1bb;font-size:9px;letter-spacing:.18em}main{width:min(760px,100%);margin:auto;padding:0 18px 60px}.hero{margin:0 -18px 22px;padding:42px 26px 48px;background:var(--deep);color:white;border-radius:0 0 26px 26px}.hero p{margin:0;color:#f08aa0;font-size:11px;font-weight:900;letter-spacing:.16em}.hero h1{margin:12px 0 14px;font:600 clamp(30px,8vw,45px)/1.45 "Yu Mincho",serif;letter-spacing:.04em}.hero small{color:#c8d7d3}.card{position:relative;margin:14px 0;padding:22px 20px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 7px 22px #173b350a}.card .step{position:absolute;right:18px;top:17px;color:#dce7e4;font:700 28px Georgia,serif}.card h2{margin:0 0 20px;font:600 23px "Yu Mincho",serif}.card label{display:block;margin-top:15px;font-weight:800}.card select,.card input,.card textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);font:inherit}.card small{display:block;margin-top:8px;color:var(--muted)}.detail{margin-top:9px;padding:10px 12px;border-radius:9px;background:#edf5f2;color:#3d645c;font-size:13px}.slot-title{display:block;margin:18px 0 9px}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.slots button{padding:10px 4px;border:1px solid #bcd2cc;border-radius:9px;background:white;color:var(--ink);font-weight:800}.slots button.selected{border-color:var(--rose);background:#fff0f3;color:#b52f47;box-shadow:0 0 0 2px #d9577022}.slots p{grid-column:1/-1;margin:0;padding:13px;background:#f3f6f5;color:var(--muted);font-size:12px;text-align:center}.error{padding:12px 14px;border-left:4px solid var(--rose);border-radius:7px;background:#fff0f2;color:#9c2439}#submit{width:100%;padding:17px;border:0;border-radius:12px;background:var(--rose);color:white;font-size:16px;font-weight:900}#submit:disabled{opacity:.55}.complete{margin-top:35px;padding:45px 24px;text-align:center;border:1px solid #bad7cf;border-radius:18px;background:white}.complete span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:50%;background:#dff2eb;color:#197259;font-size:28px}.complete h2{font:600 28px "Yu Mincho",serif}footer{padding:24px;text-align:center;color:#8b9b97;font-size:11px}@media(max-width:480px){.slots{grid-template-columns:repeat(3,1fr)}}
.complete-my-page{display:block;margin:24px auto 0;padding:14px 18px;border-radius:11px;background:var(--deep);color:white;font-weight:900;text-decoration:none}
.notification-preferences{margin-top:18px;padding:14px 15px;border:1px solid #c7ddd7;border-radius:11px;background:#edf7f3}.notification-preferences>strong{display:block}.notification-preferences p{margin:5px 0 11px;color:#526d66;font-size:12px;line-height:1.6}.card .notification-choice{display:flex;align-items:center;gap:9px;margin:0;font-weight:800}.card .notification-choice input{display:inline-block;width:20px;height:20px;margin:0;accent-color:#197259}.notification-choice input:disabled{opacity:.7}
:root{--ink:#263f4b;--deep:#315161;--paper:#f2f7fa;--line:#ccdde5;--muted:#667e89}body>header{padding-top:14px;padding-bottom:14px;background:#dceaf1;color:#263f4b}header>span.postok-public-logo{display:block;width:142px;height:42px;flex:0 0 142px;border-radius:0;background:transparent url('/assets/postok-logo.png') center/205px 91px no-repeat}header small{color:#627c88}