.tg-sheet{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:center;padding:12px;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px));pointer-events:none;transform:translateY(20px);opacity:0;transition:transform .22s ease,opacity .22s ease}
.tg-sheet.on{transform:none;opacity:1}
@media (min-width:861px){.tg-sheet{padding-bottom:20px}}
.tg-card{pointer-events:auto;position:relative;width:100%;max-width:440px;background:#fff;color:#1C1C1E;border-radius:16px;padding:16px 44px 16px 16px;box-shadow:0 10px 36px rgba(0,0,0,.18);font-size:15px;line-height:1.5;border-left:5px solid #1C1C1E}
.tg-yes .tg-card{border-left-color:#0B8A4E}
.tg-no .tg-card{border-left-color:#C4203A}
.tg-card p{margin:0 0 6px}
.tg-h{font-weight:700;font-size:16px}
.tg-yes .tg-h{color:#0B8A4E}
.tg-no .tg-h{color:#C4203A}
.tg-small{font-size:13px;color:#6E6E76}
.tg-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.tg-btn{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:10px;border:0;background:#C4203A;color:#fff;font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}
.tg-btn--ghost{background:#F6F6F8;color:#1C1C1E}
.tg-x{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;background:none;font-size:16px;color:#6E6E76;cursor:pointer;border-radius:8px}
.tg-x:hover{background:#F6F6F8}
@media (prefers-reduced-motion:reduce){.tg-sheet{transition:none}}