.tgd{--tgd-accent:var(--color-primary,#1570ef);--tgd-text:var(--color-text-primary,#181d27);--tgd-muted:var(--color-text-secondary,#535862);--tgd-border:#e9eaeb;width:min(100%,1216px,160svh - 224px);font-family:var(--font-family-base,Inter, -apple-system, "Segoe UI", Arial, sans-serif);color:var(--tgd-text);margin:0 auto;position:relative}.tgd-stage{border:1px solid var(--tgd-border);background:#f5f5f5;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 20px 48px -12px #0a0d122e}.tgd-canvas{transform-origin:0 0;transition:transform .45s;position:absolute;inset:0}.tgd-shot{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.tgd-mark{border:2px dashed var(--tgd-accent);pointer-events:none;border-radius:10px;position:absolute}.tgd-hots{position:absolute;inset:0}.tgd-hot{border:2px dashed var(--tgd-accent);cursor:pointer;background:0 0;border-radius:10px;padding:0;position:absolute}.tgd-hot:after{content:"";border:2px solid var(--tgd-accent);opacity:0;border-radius:12px;animation:1.8s ease-out 2 tgd-pulse;position:absolute;inset:-2px}.tgd-hot:before{content:"";position:absolute;inset:-6px}.tgd.is-narrow .tgd-hot:before{inset:-16px}.tgd-hot:hover{background:color-mix(in srgb, var(--tgd-accent) 10%, transparent)}.tgd-hot:focus-visible{outline:3px solid var(--color-bg-primary,#fff);outline-offset:2px}@keyframes tgd-pulse{0%{opacity:.9;inset:-2px}to{opacity:0;inset:-14px}}.tgd-tip{background:var(--color-bg-primary,#fff);border-radius:12px;width:360px;padding:14px 18px 16px;font-size:14px;line-height:1.5;position:absolute;top:0;left:0;box-shadow:0 12px 32px -8px #0a0d1247}.tgd-tip small{color:var(--tgd-accent);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.tgd-tip .tgd-title{margin-bottom:4px;font-size:16px;line-height:1.35;display:block}.tgd-tip p{color:#414651;margin:0}.tgd-tip[data-arrow]:not([data-arrow=""]):before{content:"";background:var(--color-bg-primary,#fff);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.tgd-tip[data-arrow=top]:before{top:-7px;left:calc(var(--tgd-arrow) - 7px)}.tgd-tip[data-arrow=bottom]:before{bottom:-7px;left:calc(var(--tgd-arrow) - 7px)}.tgd-tip[data-arrow=left]:before{left:-7px;top:calc(var(--tgd-arrow) - 7px)}.tgd-tip[data-arrow=right]:before{right:-7px;top:calc(var(--tgd-arrow) - 7px)}.tgd-tip em{color:var(--tgd-muted);margin-top:8px;font-size:13px;font-style:normal;display:none}.tgd-tip .tgd-next{margin-top:12px;padding:7px 14px}.is-nudged .tgd-tip em{display:block}.is-nudged .tgd-hot,.is-nudged .tgd-next{animation:.4s tgd-shake}.is-nudged .tgd-hot:after{animation-name:tgd-pulse-again}@keyframes tgd-pulse-again{0%{opacity:.9;inset:-2px}to{opacity:0;inset:-14px}}@keyframes tgd-shake{25%{translate:-4px}75%{translate:4px}}.tgd-modal{background:#0a0d126b;place-content:center;padding:16px;display:grid;position:absolute;inset:0}.tgd-modal[hidden]{display:none}.tgd-card{background:var(--color-bg-primary,#fff);text-align:center;border-radius:16px;max-width:420px;padding:28px;box-shadow:0 20px 48px -12px #0a0d124d}.tgd-card h3{margin:0;font-size:20px;line-height:1.3}.tgd-card p{color:var(--tgd-muted);margin:8px 0 0;font-size:15px;line-height:1.5}.tgd-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.tgd-btn{background:var(--color-bg-primary,#fff);color:#414651;cursor:pointer;border:1px solid #d5d7da;border-radius:8px;padding:10px 16px;font:600 14px/20px inherit;text-decoration:none}.tgd-btn.is-primary{border-color:var(--tgd-accent);background:var(--tgd-accent);color:var(--color-text-white,#fff)}.tgd-bar{color:var(--tgd-muted);align-items:center;gap:12px;margin-top:8px;font-size:13px;display:flex}.tgd-bar button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-weight:600}.tgd-bar button:hover:not(:disabled){color:var(--tgd-text);background:#f5f5f5}.tgd-bar button:disabled{opacity:.4;cursor:default}.tgd-chapter{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--tgd-text);font-weight:600;overflow:hidden}.tgd-progress{background:var(--tgd-border);border-radius:2px;flex:1;height:4px;overflow:hidden}.tgd-progress span{background:var(--tgd-accent);height:100%;transition:width .3s;display:block}.tgd.is-narrow .tgd-tip{width:auto;box-shadow:none;border:1px solid var(--tgd-border);margin-top:12px;position:static;transform:none!important}.tgd.is-narrow .tgd-chapter{display:none}.tgd.is-narrow .tgd-card{padding:16px}.tgd.is-narrow .tgd-card h3{font-size:16px}.tgd.is-narrow .tgd-card p{font-size:13px}.tgd.is-narrow .tgd-actions{margin-top:12px}@media (prefers-reduced-motion:reduce){.tgd-canvas,.tgd-progress span{transition:none}.tgd-hot:after,.is-nudged .tgd-hot,.is-nudged .tgd-next{animation:none}}