.tf-app{--tf-card-w: 22rem}.tf-app,.tf-app *,.tf-app *:before,.tf-app *:after{box-sizing:border-box}.tf-hidden{display:none!important}.tf-intro__hero{position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:100%;border:1px solid rgba(6,182,212,.24);border-radius:calc(var(--radius-card) + .4rem);background:radial-gradient(circle at 18% 12%,rgba(6,182,212,.24),transparent 30%),radial-gradient(circle at 84% 84%,rgba(245,158,11,.16),transparent 34%),linear-gradient(135deg,#061719 0%,var(--color-ink) 48%,#121006 100%);padding:1.25rem;box-shadow:0 28px 76px -56px #06b6d4c7}.tf-intro__texture{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(135deg,rgba(6,182,212,.16) 0 1px,transparent 1px),linear-gradient(45deg,rgba(245,158,11,.1) 0 1px,transparent 1px);background-size:4.25rem 4.25rem;opacity:.22;pointer-events:none}.tf-intro__glow{position:absolute;inset:-40% -20% auto;height:64%;z-index:-1;background:radial-gradient(closest-side,rgba(6,182,212,.3),transparent 70%);filter:blur(20px);pointer-events:none}.tf-intro__layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:1.5rem;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-card);background:#ffffff09;padding:1rem}.tf-intro__copy{min-width:0;max-width:43rem;text-align:left}.tf-intro__eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;border:1px solid rgba(6,182,212,.38);border-radius:var(--radius-pill);background:#06b6d424;color:var(--color-brand-cyan);font-size:.72rem;font-weight:800;letter-spacing:.08em;line-height:1;padding:.45rem .75rem;text-transform:uppercase}.tf-dot{width:.45rem;height:.45rem;border-radius:var(--radius-pill);background:var(--color-brand-cyan)}.tf-intro__title{margin:0 0 .75rem;color:#fff;font-family:var(--font-display);font-size:2.15rem;letter-spacing:0;line-height:1.03;overflow-wrap:break-word}.tf-grad{background:linear-gradient(90deg,var(--color-brand-cyan),var(--color-amber));-webkit-background-clip:text;background-clip:text;color:transparent}.tf-intro__sub{max-width:38rem;margin:0 0 1.35rem;color:#d1d5db;font-size:1rem;line-height:1.65}.tf-intro__sub strong{color:#fff}.tf-how{display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem;list-style:none;margin:0 0 1.25rem;padding:0;text-align:left}.tf-how li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:.65rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card);background:#ffffff0e;padding:.65rem .75rem}.tf-how__ico{grid-row:1 / 3;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-button);background:#06b6d42e;color:var(--color-brand-cyan);font-size:1.1rem}.tf-how__t{align-self:end;color:#fff;font-size:.9rem;font-weight:750}.tf-how__d{align-self:start;color:#9ca3af;font-size:.79rem;line-height:1.35}.tf-intro__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.tf-intro__time{display:inline-flex;align-items:center;gap:.4rem;min-height:2.55rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-pill);background:#ffffff14;color:#d1d5db;font-size:.84rem;font-weight:750;padding:.55rem .8rem}.tf-intro__time svg{width:1rem;height:1rem;color:var(--color-amber)}.tf-intro__micro{margin:.9rem 0 0;color:#9ca3af;font-size:.8rem}.tf-noscript{color:#fca5a5;font-size:.85rem;margin-top:.75rem}.tf-noscript a{color:var(--color-brand-cyan)}.tf-intro__preview{position:relative;min-height:19.5rem}.tf-preview-device{position:relative;z-index:2;width:min(100%,19rem);margin-inline:auto;border:1px solid rgba(255,255,255,.12);border-radius:calc(var(--radius-card) + .25rem);background:#0a0a0ac7;box-shadow:0 26px 56px -34px #000000e6;padding:.75rem}.tf-preview-device__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.1rem .1rem .65rem;color:#ffffffb8;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.tf-preview-live{display:inline-flex;align-items:center;gap:.35rem;color:var(--color-brand-cyan)}.tf-preview-live span{display:inline-block;width:.42rem;height:.42rem;border-radius:var(--radius-pill);background:var(--color-brand-cyan);animation:tf-preview-pulse 1.7s ease-in-out infinite}.tf-preview-swipe{position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--radius-card);background:#fff;box-shadow:0 18px 38px -26px #000000d9;transform:rotate(-2deg)}.tf-preview-swipe img{width:100%;height:100%;object-fit:cover}.tf-preview-swipe:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(10,10,10,.82))}.tf-preview-swipe__copy{position:absolute;z-index:1;inset-inline:.9rem;bottom:.9rem;color:#fff}.tf-preview-swipe__copy span{display:block;margin-bottom:.15rem;color:var(--color-brand-cyan);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tf-preview-swipe__copy strong{display:block;font-family:var(--font-display);font-size:1.35rem;line-height:1.05}.tf-preview-keep{position:absolute;top:.75rem;right:.75rem;z-index:1;display:inline-flex;align-items:center;gap:.32rem;border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-pill);background:#ffffffeb;color:var(--color-success-dark);font-size:.72rem;font-weight:850;line-height:1;padding:.42rem .56rem;transform:rotate(6deg)}.tf-preview-keep svg{width:.82rem;height:.82rem}.tf-preview-actions{display:flex;justify-content:center;gap:.7rem;padding:.8rem 0 .05rem}.tf-preview-action{display:inline-flex;align-items:center;justify-content:center;width:2.55rem;height:2.55rem;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);background:#ffffff1a;color:#fff}.tf-preview-action svg{width:1.08rem;height:1.08rem}.tf-preview-action--skip{color:#fca5a5}.tf-preview-action--keep{color:#86efac}.tf-preview-card{position:absolute;display:none;width:7.3rem;aspect-ratio:1;overflow:hidden;border:.4rem solid rgba(255,255,255,.92);border-radius:var(--radius-card);background:#fff;box-shadow:0 18px 42px -28px #000000e6}.tf-preview-card img{width:100%;height:100%;object-fit:cover}.tf-preview-card--left{left:0;top:1.4rem;transform:rotate(-9deg)}.tf-preview-card--right{right:0;bottom:1rem;transform:rotate(8deg)}@media(min-width:600px){.tf-preview-card{display:block}}@media(min-width:760px){.tf-intro__layout{padding:1.5rem}.tf-intro__title{font-size:2.7rem}.tf-how{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:980px){.tf-intro__hero{padding:1.5rem}.tf-intro__layout{grid-template-columns:minmax(0,1.05fr) minmax(19rem,.82fr);gap:2rem;padding:2rem}.tf-intro__title{font-size:3.15rem}.tf-how{grid-template-columns:minmax(0,1fr)}}@media(min-width:1240px){.tf-intro__layout{gap:2.6rem;padding:2.35rem}.tf-intro__title{font-size:3.4rem}.tf-how{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.tf-intro__hero{width:calc(100% - 1rem);max-width:22rem;margin-inline:.25rem auto;padding:1rem}.tf-intro__layout{padding:.85rem}.tf-intro__copy{width:100%;max-width:18rem;margin-inline:auto;text-align:center}.tf-intro__eyebrow{margin-inline:auto}.tf-intro__title{max-width:18rem;margin-inline:auto;font-size:1.65rem;line-height:1.06}.tf-intro__sub{overflow-wrap:break-word;font-size:.95rem;line-height:1.55;margin-bottom:1rem}.tf-how{gap:.45rem;margin-bottom:1rem}.tf-how li{padding:.58rem .65rem}.tf-intro__actions{justify-content:center;gap:.6rem}.tf-intro__preview{min-height:15.75rem}.tf-preview-device{width:min(100%,16rem);border-radius:.85rem;padding:.6rem}.tf-preview-device__top{font-size:.66rem;padding-bottom:.5rem}.tf-preview-swipe{border-radius:.65rem}.tf-preview-swipe__copy{inset-inline:.75rem;bottom:.7rem}.tf-preview-swipe__copy span{font-size:.62rem}.tf-preview-swipe__copy strong{font-size:1.15rem}.tf-preview-keep{top:.58rem;right:.58rem;font-size:.66rem;padding:.38rem .5rem}.tf-preview-actions{gap:.55rem;padding-top:.6rem}.tf-preview-action{width:2.25rem;height:2.25rem}}@media(min-width:600px)and (max-width:640px){.tf-intro__hero{max-width:none;margin-inline:auto}}@keyframes tf-preview-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.18)}}.tf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;max-width:100%;border:0;border-radius:.6rem;cursor:pointer;font-weight:700;line-height:1.15;text-align:center;text-decoration:none;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.tf-btn svg{width:1rem;height:1rem;flex:none}.tf-btn:active{transform:scale(.97)}.tf-btn--start{min-height:3.05rem;border-radius:var(--radius-button);background:var(--color-brand-cyan);color:#062a30;font-size:1rem;font-weight:800;padding:.9rem 1.15rem;box-shadow:0 16px 34px -18px #06b6d4e0}.tf-btn--start:hover{background:var(--color-amber);color:var(--color-ink);transform:translateY(-1px);box-shadow:0 16px 34px -18px #f59e0be6}.tf-btn--wa{background:#047857;color:#fff;font-size:1.02rem;padding:.9rem 1.4rem;box-shadow:0 12px 26px -12px #047857cc}.tf-btn--wa:hover{background:#065f46}.tf-btn--ghost{background:#fff;color:#0a0a0a;border:1px solid #d1d5db;padding:.9rem 1.3rem}.tf-btn--ghost:hover{border-color:#06b6d4;color:#0e7490}.tf-btn--pdf{background:#0a0a0a;color:#fff;padding:.9rem 1.3rem}.tf-btn--pdf:hover{background:#1f2937}.tf-btn--pdf:disabled{opacity:.6;cursor:wait}.tf-results__tip{text-align:center;color:#6b7280;font-size:.82rem;margin:-.5rem auto 1.25rem;max-width:38rem}.tf-linkbtn{background:none;border:0;padding:0;font:inherit;color:#0e7490;font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.tf-linkbtn:hover{color:#0a0a0a}.tf-linkbtn:disabled{opacity:.6;cursor:wait}.tf-progress{display:flex;align-items:center;gap:.75rem;max-width:var(--tf-card-w);margin:0 auto 1rem}.tf-progress__track{flex:1;height:.6rem;border-radius:9999px;background:#e5e7eb;overflow:hidden}.tf-progress__bar{height:100%;width:0%;border-radius:9999px;background:linear-gradient(90deg,#06b6d4,#f59e0b);transition:width .35s cubic-bezier(.22,1,.36,1)}.tf-progress__count{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:#1f2937;min-width:3.5rem;text-align:right}.tf-timer{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:#6b7280;min-width:2.6rem;text-align:center;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.tf-timer:before{content:"⏱";font-size:.9em}.tf-timer--urgent{color:#dc2626;animation:tf-timer-pulse 1s ease-in-out infinite}@keyframes tf-timer-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.7}}.tf-stage{position:relative;display:flex;justify-content:center}.tf-stack{position:relative;width:var(--tf-card-w);max-width:92vw;height:30rem;max-height:70vh;margin:0 auto}.tf-card{position:absolute;inset:0;border-radius:1.1rem;overflow:hidden;background:#fff;border:1px solid #E5E7EB;box-shadow:0 20px 45px -22px #0a0a0a73;display:flex;flex-direction:column;user-select:none;will-change:transform}.tf-card--peek{transform:scale(.94) translateY(16px);z-index:1;filter:saturate(.92)}.tf-card--top{z-index:2;cursor:grab;touch-action:pan-y}.tf-card--top:active{cursor:grabbing}.tf-card__media{position:relative;flex:1;min-height:0;background:radial-gradient(circle at 50% 42%,#fff,#f3f6fa 68%,#e7ecf2);box-shadow:inset 0 0 0 1px #0a0a0a0d;display:flex;align-items:center;justify-content:center}.tf-card__media img{width:100%;height:100%;object-fit:contain;padding:.9rem;pointer-events:none;filter:drop-shadow(0 8px 14px rgba(10,10,10,.12))}.tf-card__body{padding:.85rem 1rem 1rem;border-top:1px solid #F3F4F6}.tf-card__name{font-family:var(--font-display);font-size:1.05rem;line-height:1.2;color:#0a0a0a;margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tf-card__price{font-size:.85rem;color:#1f2937;margin:0 0 .5rem}.tf-card__price span{font-family:var(--font-mono);font-weight:700;color:#0a0a0a}.tf-card__chips{display:flex;flex-wrap:wrap;gap:.3rem}.tf-chip{font-size:.68rem;font-weight:600;color:#0e7490;background:#e0f7fa;border-radius:9999px;padding:.12rem .5rem}.tf-stamp{position:absolute;top:1rem;padding:.25rem .75rem;border-radius:.5rem;font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:.05em;opacity:0;pointer-events:none;border:3px solid currentColor;background:#ffffffd9}.tf-stamp--like{left:1rem;color:#047857;transform:rotate(-14deg)}.tf-stamp--nope{right:1rem;color:#dc2626;transform:rotate(14deg)}.tf-hearts{position:absolute;left:50%;bottom:30%;pointer-events:none;z-index:5}.tf-hearts span{position:absolute;font-size:1.3rem;left:0;top:0;animation:tf-float-heart 1s ease-out forwards}@keyframes tf-float-heart{0%{transform:translate(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1.15);opacity:0}}.tf-toast{position:absolute;top:-.5rem;left:50%;transform:translate(-50%,-8px);background:#0a0a0a;color:#fff;font-weight:700;font-size:.85rem;padding:.4rem .9rem;border-radius:9999px;opacity:0;pointer-events:none;white-space:nowrap;z-index:6}.tf-toast[data-tone=like]{background:#047857}.tf-toast[data-tone=nope]{background:#1f2937}.tf-toast--show{animation:tf-toast 1.1s ease forwards}@keyframes tf-toast{0%{opacity:0;transform:translate(-50%,4px)}15%{opacity:1;transform:translate(-50%,-10px)}80%{opacity:1;transform:translate(-50%,-10px)}to{opacity:0;transform:translate(-50%,-18px)}}.tf-milestone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;text-align:center;font-family:var(--font-display);font-weight:800;font-size:1.3rem;line-height:1.15;color:#fff;padding:.7rem 1.4rem;border-radius:1rem;background:linear-gradient(120deg,#06b6d4f5,#f59e0bf5);box-shadow:0 18px 40px -16px #0a0a0ab3;opacity:0;pointer-events:none;z-index:7}@media(min-width:640px){.tf-milestone{font-size:1.6rem}}@media(min-width:900px){.tf-milestone{font-size:1.9rem}}.tf-milestone--show{animation:tf-milestone 1.4s ease forwards}@keyframes tf-milestone{0%{opacity:0;transform:translate(-50%,-42%) scale(.85)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-58%) scale(.96)}}.tf-actions{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1.4rem auto 0}.tf-actions__hint{font-size:.75rem;color:#6b7280}.tf-circle{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:9999px;cursor:pointer;font-size:1.6rem;background:#fff;border:2px solid;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;box-shadow:0 10px 22px -12px #0a0a0a80}.tf-circle:active{transform:scale(.9)}.tf-circle--nope{color:#dc2626;border-color:#fca5a5}.tf-circle--nope:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:translateY(-2px)}.tf-circle--like{color:#047857;border-color:#6ee7b7}.tf-circle--like:hover{background:#047857;color:#fff;border-color:#047857;transform:translateY(-2px)}.tf-results{max-width:56rem;margin:0 auto}.tf-results__head{text-align:center;margin-bottom:1.5rem}.tf-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0e7490;margin:0 0 .4rem}.tf-results__head h2{font-family:var(--font-display);font-size:1.6rem;color:#0a0a0a;margin:0 0 .5rem}@media(min-width:640px){.tf-results__head h2{font-size:2rem}}@media(min-width:900px){.tf-results__head h2{font-size:2.4rem}}.tf-results__sub{color:#1f2937;max-width:36rem;margin:0 auto;line-height:1.55}.tf-taste{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;align-items:center;margin-top:1rem}.tf-taste__label{font-size:.8rem;font-weight:700;color:#6b7280}.tf-taste__chip{font-size:.8rem;font-weight:700;color:#92400e;background:#f59e0b2e;border:1px solid rgba(245,158,11,.4);border-radius:9999px;padding:.2rem .7rem}.tf-results__cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1.5rem 0}.tf-matches{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(min-width:640px){.tf-matches{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.tf-matches{grid-template-columns:repeat(4,1fr)}}.tf-match{display:flex;flex-direction:column;text-decoration:none;border:1px solid #E5E7EB;border-radius:.85rem;overflow:hidden;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.tf-match:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px #06b6d480;border-color:#06b6d466}.tf-match__media{aspect-ratio:1 / 1;background:radial-gradient(circle at 50% 42%,#fff,#f3f6fa 70%,#e7ecf2);box-shadow:inset 0 0 0 1px #0a0a0a0d;display:flex;align-items:center;justify-content:center}.tf-match__media img{width:100%;height:100%;object-fit:contain;padding:.55rem;filter:drop-shadow(0 5px 9px rgba(10,10,10,.1))}.tf-match__name{font-size:.82rem;font-weight:600;color:#0a0a0a;padding:.5rem .6rem 0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tf-match__code{font-size:.7rem;color:#6b7280;padding:.15rem .6rem 0;font-family:var(--font-mono)}.tf-match__price{font-size:.78rem;color:#1f2937;padding:.1rem .6rem .6rem}.tf-results__foot{text-align:center;color:#6b7280;font-size:.85rem;margin-top:1.5rem}.tf-results__foot a{color:#0e7490;font-weight:600}@media(prefers-reduced-motion:reduce){.tf-progress__bar,.tf-card,.tf-circle,.tf-btn,.tf-match{transition:none}.tf-toast--show,.tf-hearts span,.tf-preview-live span,.tf-timer--urgent{animation:none}.tf-milestone--show{animation:none;opacity:1}}