.ttd-wrap{font-family:'Segoe UI',Arial,sans-serif;max-width:680px;margin:0 auto;padding:24px 0}
.ttd-header{text-align:center;margin-bottom:28px}
.ttd-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,45,85,.10);border:1px solid rgba(255,45,85,.22);border-radius:99px;padding:5px 14px;font-size:11px;font-weight:700;color:#ff2d55;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}
.ttd-dot{width:6px;height:6px;background:#ff2d55;border-radius:50%;animation:ttd-pulse 1.6s ease-in-out infinite}
.ttd-title{font-size:clamp(24px,5vw,38px);font-weight:800;color:#111;margin:0 0 8px;line-height:1.1;letter-spacing:-.02em}
.ttd-sub{color:#999;font-size:14px;margin:0}
.ttd-card{background:#fff;border:1.5px solid #ebebeb;border-radius:16px;padding:22px;margin-bottom:18px;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.ttd-label{display:block;font-size:11px;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.08em;margin-bottom:9px}
.ttd-row{display:flex;gap:10px}
.ttd-input{flex:1;border:1.5px solid #e8e8e8;border-radius:12px;padding:13px 16px;font-size:14px;color:#222;outline:none;transition:border-color .2s;background:#fafafa;font-family:inherit}
.ttd-input:focus{border-color:#ff2d55;background:#fff}
.ttd-input::placeholder{color:#ccc}
.ttd-btn{background:#ff2d55;color:#fff;border:none;border-radius:12px;padding:13px 22px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .15s;display:flex;align-items:center;gap:7px;font-family:inherit}
.ttd-btn:hover{opacity:.88;transform:translateY(-1px)}
.ttd-btn:active{transform:translateY(0)}
.ttd-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}
.ttd-loading{display:none;text-align:center;padding:38px 20px;background:#fff;border:1.5px solid #ebebeb;border-radius:16px;margin-bottom:18px;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.ttd-loading.ttd-on{display:block}
.ttd-spin{width:32px;height:32px;border:2.5px solid #f0f0f0;border-top-color:#ff2d55;border-radius:50%;margin:0 auto 12px;animation:ttd-spin .7s linear infinite}
.ttd-loading p{color:#bbb;font-size:14px;margin:0}
.ttd-error{display:none;background:#fff5f7;border:1.5px solid #ffd0da;border-radius:16px;padding:16px 20px;margin-bottom:18px;color:#c0224a;font-size:14px;line-height:1.6}
.ttd-error.ttd-on{display:block}
.ttd-error strong{display:block;margin-bottom:4px;font-size:15px}
.ttd-result{display:none;background:#fff;border:1.5px solid #ebebeb;border-radius:16px;overflow:hidden;margin-bottom:18px;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.ttd-result.ttd-on{display:block}
.ttd-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#f0f0f0;display:block}
.ttd-info{padding:16px 20px;border-bottom:1px solid #f5f5f5}
.ttd-vtitle{font-size:15px;font-weight:700;color:#111;line-height:1.4;margin:0 0 10px}
.ttd-stats{display:flex;gap:14px;flex-wrap:wrap}
.ttd-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#bbb}
.ttd-stat svg{width:12px;height:12px;flex-shrink:0}
.ttd-dls{padding:16px 20px;display:flex;flex-direction:column;gap:9px}
.ttd-dls-label{font-size:11px;font-weight:700;color:#ccc;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px}
.ttd-dl{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-radius:12px;text-decoration:none!important;font-size:14px;font-weight:700;transition:opacity .2s,transform .15s;border:none;width:100%;cursor:pointer;font-family:inherit;box-sizing:border-box}
.ttd-dl:hover{opacity:.84;transform:translateY(-1px)}
.ttd-dl-p{background:#ff2d55;color:#fff!important}
.ttd-dl-s{background:#f5f5f5;color:#333!important;border:1.5px solid #ebebeb}
.ttd-dl-left{display:flex;align-items:center;gap:9px}
.ttd-dl svg{width:14px;height:14px;flex-shrink:0}
.ttd-pill{font-size:10px;font-weight:700;padding:2px 9px;border-radius:99px;background:rgba(0,0,0,.10);letter-spacing:.04em}
.ttd-dl-p .ttd-pill{background:rgba(255,255,255,.22)}
.ttd-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:8px}
.ttd-feat{background:#fff;border:1.5px solid #ebebeb;border-radius:12px;padding:14px 10px;text-align:center;box-shadow:0 1px 6px rgba(0,0,0,.04)}
.ttd-feat span{font-size:20px;display:block;margin-bottom:5px}
.ttd-feat small{font-size:12px;color:#bbb;line-height:1.4}
.ttd-foot{text-align:center;font-size:11px;color:#ddd;margin-top:14px}
@keyframes ttd-spin{to{transform:rotate(360deg)}}
@keyframes ttd-pulse{0%,100%{opacity:1}50%{opacity:.25}}
@media(max-width:500px){.ttd-feats{grid-template-columns:1fr 1fr}.ttd-row{flex-direction:column}.ttd-btn{justify-content:center}}