.special-delivery{padding:0;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:1px solid #a4b297;border-radius:10px;background:#f5f5ec;color:#0a3029;box-shadow:0 24px 100px #001b2380;overflow-y:auto;overscroll-behavior:contain}.special-delivery::backdrop{background:#021d20c9;backdrop-filter:blur(9px)}.special-delivery[open]{animation:special-arrive .35s cubic-bezier(.2,.8,.2,1)}.special-delivery [hidden]{display:none!important}.special-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;background:#0a3029;color:#e7f51a}.special-head p{font-size:12px;letter-spacing:.12em}.special-head button{background:transparent;color:#f5f5ec;border:1px solid #849c80;width:44px;height:44px;border-radius:50%;font-size:26px;flex-shrink:0}.special-body{padding:28px}.special-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.special-label img{width:100px;height:auto}.special-label span{font:13px monospace;letter-spacing:.03em}.special-delivery h2{font-size:clamp(38px,8vw,60px);line-height:1.03;margin:8px 0 24px}.special-route{border-top:1px solid #bcc7b1;border-bottom:1px solid #bcc7b1;margin:0 0 20px;padding:6px 0}.special-route>div{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:14px 0;font-size:15px;line-height:1.5}.special-route dt{color:#56684b;font-size:14px}.special-route dd{margin:0}.special-note{font-size:15px;line-height:1.6;min-height:48px}.special-stamp{border:3px solid #31562c;color:#31562c;padding:8px 14px;display:none;width:max-content;max-width:100%;font-weight:700;letter-spacing:.12em;transform:rotate(-5deg);margin:24px 0 20px}.delivered .special-stamp{display:block;animation:special-stamp .28s ease-out}.special-delivery #special-status{font-size:16px;line-height:1.6;margin:16px 0}.special-delivery .button{width:100%;font-size:16px;min-height:52px;justify-content:center;padding:14px 18px;gap:12px}.special-footnote{font-size:12px;line-height:1.6;color:#56684b;margin-top:18px}.special-delivery button:focus-visible{outline:3px solid #829721;outline-offset:4px}@keyframes special-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes special-stamp{from{opacity:0;transform:rotate(-5deg) scale(1.12)}to{opacity:1;transform:rotate(-5deg) scale(1)}}@media(max-width:380px){.special-body{padding:20px}.special-head{padding:14px 20px}.special-route>div{grid-template-columns:1fr;gap:4px}.special-label{gap:8px}.special-label img{width:82px}}@media(prefers-reduced-motion:reduce){.special-delivery[open],.delivered .special-stamp{animation:none}}