.osp-overlay,.osp-overlay *{box-sizing:border-box}
.osp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.65);display:none;z-index:999999;padding:16px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.osp-overlay.osp-open{display:flex}
.osp-modal{position:relative;margin:auto;background:#fff;width:100%;max-width:520px;min-width:0;padding:20px;box-sizing:border-box;box-shadow:0 20px 60px rgba(0,0,0,.4);font-family:inherit;animation:ospIn .3s ease}
@keyframes ospIn{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
.osp-close{position:absolute;top:8px;right:12px;background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:#111;padding:0;z-index:2}
.osp-close:hover,.osp-close:focus{background:none;color:#000}
.osp-banner-img{display:block;width:100%;max-width:100%;height:auto;margin-top:22px}
.osp-body{text-align:center;padding-top:20px}
.osp-title{margin:0 0 18px;font-size:24px;line-height:1.3;font-weight:600;color:var(--osp-c1);white-space:normal;overflow-wrap:anywhere}
.osp-input{max-width:100%;width:100%;box-sizing:border-box;height:52px;padding:0 18px;font-size:17px;border:1px solid #ddd;border-radius:2px;background:#fff;color:#333;outline:none}
.osp-input:focus{border-color:var(--osp-c1)}
.osp-msg{min-height:20px;margin:8px 0 4px;font-size:14px;color:#d00;text-align:left}
.osp-msg.osp-ok{color:#1a8a3a;text-align:center;font-weight:600}
.osp-btn{width:100%;height:56px;border:0;border-radius:6px;background:linear-gradient(90deg,var(--osp-c1),var(--osp-c2));color:#fff;font-size:19px;font-weight:700;cursor:pointer;text-transform:uppercase}
.osp-btn:hover{opacity:.92}
.osp-btn[disabled]{opacity:.6;cursor:wait}
.osp-terms{margin:14px 0 4px;font-size:14px;line-height:1.5;color:#666;overflow-wrap:anywhere}
.osp-terms a{color:var(--osp-c1);text-decoration:none}
@media(max-width:480px){.osp-overlay{padding:12px}.osp-title{font-size:20px}.osp-modal{padding:14px}.osp-input{height:48px;font-size:16px}.osp-btn{height:50px;font-size:17px}}
@media(max-width:340px){.osp-title{font-size:18px}.osp-terms{font-size:13px}}
@media(min-width:768px) and (max-width:1024px){.osp-modal{max-width:500px}}
@media(max-height:520px){.osp-overlay{padding:8px}.osp-modal{padding:12px}.osp-media,.osp-banner-img{margin-top:14px}.osp-body{padding-top:10px}.osp-title{margin-bottom:10px}}
.osp-media{margin-top:22px;max-width:100%}
.osp-media .osp-banner-img{margin:0;max-height:55vh;object-fit:contain}
.osp-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}