*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#eef3f7;color:#18334d;font-family:system-ui,-apple-system,sans-serif}main{max-width:480px;margin:auto;padding:24px 20px}header{margin:12px 0 24px}header span{font-size:15px;letter-spacing:2px}h1{font-size:36px;margin:6px 0}h2{font-size:26px}section{padding:24px;background:white;border-radius:24px;box-shadow:0 5px 25px #102b4610}button{width:100%;min-height:64px;border:0;border-radius:16px;background:#173e62;color:white;font-size:22px;font-weight:750;margin:8px 0;padding:14px;cursor:pointer}button:disabled{opacity:.38;cursor:default}.in,.out{min-height:112px;font-size:36px}.in{background:#1667dd}.out{background:#10786b}.secondary{background:#eef2f7;color:#29435a;font-size:18px}p{line-height:1.65}#notice{padding:12px 16px;background:#dce9f6;border-radius:12px;overflow-wrap:anywhere}#notice.error{background:#fff0e6;color:#9d3421}.hint,footer{font-size:14px;color:#536d83}footer{text-align:center;padding:20px 0}.check{display:flex;gap:12px;align-items:center;font-size:17px;line-height:1.6}.check input{min-width:24px;height:24px}video{width:100%;aspect-ratio:3/4;object-fit:cover;transform:scaleX(-1);background:#142b3e;border-radius:16px}#countdown{text-align:center;font-size:22px}.tick{font-size:64px;color:#147c61;text-align:center}#done{text-align:center}details{margin-top:20px}summary{min-height:44px;padding:10px;cursor:pointer}#recent p{border-bottom:1px solid #e1e7ee;padding:8px;font-size:14px}#pending{background:#fff3d6;padding:12px;border-radius:10px}