#touchatou-root{position:fixed;inset:0;z-index:999999;display:none}
#touchatou-root.tt-open{display:block}
.tt-backdrop{position:fixed;inset:0;background:rgba(10,12,20,.78);backdrop-filter:blur(6px);animation:ttFade .25s ease}
.tt-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,94vw);max-height:92vh;overflow:auto;background:#fff;color:#1a1a1a;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.45);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;animation:ttPop .3s cubic-bezier(.2,.9,.3,1.2)}
.tt-mode-fullscreen .tt-modal{width:100vw;height:100vh;max-height:100vh;border-radius:0;transform:translate(-50%,-50%)}
.tt-mode-overlay .tt-modal{bottom:24px;top:auto;left:50%;transform:translateX(-50%);width:min(420px,94vw)}
.tt-media{width:100%;background:#000;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px 16px 0 0}
.tt-mode-fullscreen .tt-media{border-radius:0;aspect-ratio:auto;height:55vh}
.tt-media img,.tt-media video,.tt-media iframe{width:100%;height:100%;object-fit:cover;border:0}
.tt-badge{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px}
.tt-body{padding:22px 24px 8px}
.tt-title{font-size:22px;font-weight:700;margin:0 0 8px}
.tt-desc{color:#444;font-size:15px;line-height:1.55;margin:0 0 12px}
.tt-coupon{display:inline-block;background:#fff7d6;border:1px dashed #d2a900;color:#5b4500;padding:6px 10px;border-radius:8px;font-weight:600;letter-spacing:.06em;margin-bottom:12px}
.tt-actions{display:flex;flex-wrap:wrap;gap:10px;padding:14px 24px 22px;border-top:1px solid #eee;background:#fafafa;border-radius:0 0 16px 16px;align-items:center}
.tt-btn{appearance:none;border:0;cursor:pointer;font:600 14px/1 inherit;padding:12px 18px;border-radius:10px;transition:transform .1s ease,opacity .2s ease}
.tt-btn:active{transform:translateY(1px)}
.tt-btn-primary{background:#2563eb;color:#fff}
.tt-btn-primary:hover{background:#1d4ed8}
.tt-btn-secondary{background:#111827;color:#fff}
.tt-btn-ghost{background:transparent;color:#374151}
.tt-btn-ghost:hover{background:#eef0f3}
.tt-btn[disabled]{opacity:.55;cursor:not-allowed}
.tt-count{margin-left:auto;font-size:13px;color:#6b7280}
.tt-close{position:absolute;top:10px;right:12px;background:rgba(0,0,0,.5);color:#fff;border:0;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px}
@keyframes ttFade{from{opacity:0}to{opacity:1}}
@keyframes ttPop{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (max-width:540px){.tt-title{font-size:18px}.tt-body{padding:16px}.tt-actions{padding:12px 16px 18px}.tt-btn{padding:11px 14px;font-size:13px;flex:1 1 auto}.tt-count{flex-basis:100%;text-align:center;margin:6px 0 0}}