:root{--gold1:#ffd98a;--gold2:#e6b65c;--gold3:#b8892e;--anim-speed:.5s;--ease-smooth:cubic-bezier(.2, .8, .2, 1)}#tf-wrap{padding:70px 0;font-family:Poppins,system-ui,sans-serif;overflow:hidden}#tf-wrap[dir=rtl]{direction:rtl;font-family:Cairo,system-ui,sans-serif}.tf-filters{display:flex;justify-content:center;gap:12px;margin-bottom:35px;padding:0 15px;flex-wrap:wrap}.tf-stage{position:relative;max-width:1200px;height:700px;margin:auto;display:flex;justify-content:center;perspective:1000px;contain:layout paint style;isolation:isolate}.tf-nav{display:flex;justify-content:center;gap:36px;margin-top:20px}.tf-filter-btn{padding:10px 24px;border-radius:999px;background:#0f0f0f;border:1px solid #222;color:#aaa;cursor:pointer;transition:.2s;outline:none;text-transform:capitalize;-webkit-tap-highlight-color:#fff0}.tf-filter-btn:hover:not(.active){border-color:var(--gold1);color:#fff;background:#000}.tf-filter-btn.active{background:linear-gradient(135deg,var(--gold1),var(--gold3));color:#000;border-color:#fff0}.tf-arrow{width:60px;height:60px;border-radius:50%;background:#000!important;color:#fff!important;font-size:30px;border:2px solid rgb(255 217 138 / .5);cursor:pointer;transition:.25s;outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:#fff0}.tf-arrow:hover{border-color:var(--gold1)!important;color:var(--gold1)!important;background:#000!important;box-shadow:none!important}.tf-arrow:active,.tf-arrow:focus{background:#000!important;outline:none!important;box-shadow:none!important}.tf-slot{position:absolute;top:50%;left:50%;will-change:transform,opacity;backface-visibility:hidden;transform-style:preserve-3d;transition:transform var(--anim-speed) var(--ease-smooth),opacity var(--anim-speed) var(--ease-smooth),visibility 0s linear 0s;contain:layout paint style;visibility:visible}.tf-slot.main{z-index:10;transform:translate3d(-50%,-50%,0) scale(1);opacity:1;filter:blur(0);pointer-events:auto}.tf-slot.left{z-index:5;transform:translate3d(-130%,-50%,-100px) scale(.85);opacity:.4;filter:blur(2px) brightness(.6);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:#fff0}.tf-slot.right{z-index:5;transform:translate3d(30%,-50%,-100px) scale(.85);opacity:.4;filter:blur(2px) brightness(.6);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:#fff0}.tf-slot.left:hover,.tf-slot.right:hover{opacity:.6;filter:blur(1px) brightness(.8)}.tf-slot.hidden{z-index:0;transform:translate3d(-50%,-50%,-150px) scale(.8);opacity:0;pointer-events:none;visibility:hidden;transition:transform var(--anim-speed) var(--ease-smooth),opacity var(--anim-speed) var(--ease-smooth),visibility 0s linear var(--anim-speed)}.tf-card{width:500px;max-width:90vw;height:700px;background:#000!important;opacity:1!important;border-radius:26px;border:1px solid rgb(255 217 138 / .35);box-shadow:0 0 24px #ffd98a14;display:flex;flex-direction:column;overflow:hidden;position:relative;pointer-events:none;-webkit-tap-highlight-color:#fff0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;contain:layout paint style;transform:translateZ(0);will-change:transform}.tf-slot.main .tf-card{pointer-events:auto}.tf-images{background:#000;min-height:0;width:100%;position:relative}.tf-images--compare{display:grid;grid-template-columns:1fr 1fr;flex:0 1 55%}.tf-images--single{display:grid;grid-template-columns:1fr;flex:0 1 65%}.tf-images--stacked{display:flex;flex-direction:column;background:#000;flex:0 1 65%;min-height:0;position:relative}.tf-images--stacked .tf-img-box{flex:1;min-height:0;width:100%;border-bottom:2px solid #000}.tf-images--stacked .tf-img-box:last-child{border-bottom:none}.tf-img-box{position:relative;display:flex;align-items:center;justify-content:center;background:#000;height:100%;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.tf-images--single .tf-img-box{grid-column:1 / -1}.tf-img-box img{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transform:translateZ(0)}.tf-images--compare .tf-img-box img{object-fit:cover;object-position:center 15%}.tf-images--single .tf-img-box img,.tf-images--stacked .tf-img-box img,.tf-images--compare.is-safe-fit .tf-img-box img{object-fit:contain;object-position:center center;background:#000}.tf-avatar{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.tf-duration{position:absolute;bottom:6px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--gold1),var(--gold3));color:#000;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:600;z-index:5;opacity:.85}.tf-badge{position:absolute;top:14px;left:14px;padding:6px 14px;font-size:11px;border-radius:12px;font-weight:700;z-index:5}.before-badge{background:#000;color:#fff}.after-badge{background:linear-gradient(135deg,var(--gold1),var(--gold3));color:#000}.tf-details{padding:30px 25px;text-align:center;background:#000;flex:1;display:flex;flex-direction:column;justify-content:center;z-index:10}.tf-user{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px;min-height:58px}.tf-user-main{display:flex;align-items:center;gap:16px;min-width:0;width:100%;justify-content:center}.tf-user.has-avatar .tf-user-main,.tf-user.no-avatar .tf-user-main{justify-content:center}.tf-user.has-action .tf-user-main{padding-right:56px}.tf-user.has-action.has-voice-note .tf-user-main{padding-right:112px}.tf-avatar{width:58px;height:58px;border-radius:50%;border:2px solid var(--gold2)}.tf-user-text{text-align:center;min-width:0}.tf-name{color:#fff;font-weight:600;font-size:16px;display:block}.tf-meta{font-size:12px;color:#aaa}.tf-play{width:42px;height:42px;min-width:42px;min-height:42px;flex-shrink:0;border-radius:50%;border:2px solid var(--gold2)!important;background:transparent!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background-color .2s,color .2s;position:absolute;right:0;top:50%;transform:translateY(-50%);box-shadow:0 0 12px #e6b65c2e!important;-webkit-tap-highlight-color:#fff0;-webkit-appearance:none;appearance:none;padding:0;font:inherit;color:inherit;pointer-events:auto;touch-action:manipulation}.tf-play__label{display:none}.tf-play:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:6px 0 6px 11px;border-color:#fff0 #fff0 #fff0 var(--gold2);position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.tf-play:hover{transform:translateY(-50%) scale(1.1);border-color:var(--gold1)!important}.tf-play:hover:before{border-color:#fff0 #fff0 #fff0 var(--gold1)}.tf-play--voice{width:auto;min-width:42px;padding:0 14px 0 40px;justify-content:flex-start;border-radius:999px;background:#101010f0!important;box-shadow:0 0 18px #e6b65c3d!important}.tf-play--voice:before{left:19px}.tf-play--voice .tf-play__label{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold1);white-space:nowrap}.tf-play--voice:hover{box-shadow:0 0 22px #ffd98a57!important}.tf-play.is-playing:before{content:"";width:8px;height:12px;border-style:solid;border-width:0 3px 0 3px;border-color:var(--gold1);background:#fff0;transform:translate(-50%,-50%);left:50%}.tf-play.is-playing{border-color:var(--gold1)!important}.tf-play--voice.is-playing:before{left:18px}#tf-wrap[dir=rtl] .tf-filters{direction:rtl}#tf-wrap[dir=rtl] .tf-play{right:auto;left:0}#tf-wrap[dir=rtl] .tf-play--voice{padding:0 40px 0 14px;justify-content:flex-end}#tf-wrap[dir=rtl] .tf-play--voice:before{left:auto;right:19px;transform:translate(50%,-50%)}#tf-wrap[dir=rtl] .tf-play--voice.is-playing:before{left:auto;right:18px}#tf-wrap[dir=rtl] .tf-user.has-action .tf-user-main{padding-right:0;padding-left:56px}#tf-wrap[dir=rtl] .tf-user.has-action.has-voice-note .tf-user-main{padding-right:0;padding-left:112px}#tf-wrap[dir=rtl] .tf-video-close{right:auto;left:0}.tf-voice-only{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;cursor:pointer;position:relative;min-height:300px;transition:.3s;width:100%;border:0;padding:0;-webkit-appearance:none;appearance:none;color:inherit;text-align:inherit;pointer-events:auto;touch-action:manipulation}.tf-voice-only:hover{background:#1a1a1a}.tf-voice-only:hover .tf-voice-icon{border-color:var(--gold1);transform:scale(1.05)}.tf-voice-icon{width:70px;height:70px;border-radius:50%;border:2px solid var(--gold2);display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--gold2);transition:.2s;margin-bottom:24px;position:relative}.tf-voice-icon:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:10px 0 10px 16px;border-color:#fff0 #fff0 #fff0 var(--gold2);position:absolute;top:50%;left:55%;transform:translate(-50%,-50%)}.tf-voice-only.is-playing .tf-voice-icon:before{width:12px;height:18px;border-style:solid;border-width:0 4px 0 4px;border-color:var(--gold1);background:#fff0;left:50%}.tf-voice-only.is-playing .tf-voice-icon{border-color:var(--gold1)}.tf-waveform{display:flex;gap:5px;height:40px;align-items:center;opacity:.5;transition:.3s}.tf-voice-only.is-playing .tf-waveform{opacity:1}.tf-waveform span{width:4px;background:var(--gold2);border-radius:2px;height:6px;transition:.2s ease}.tf-voice-only.is-playing .tf-waveform span{animation:tf-wave 1s infinite ease-in-out;background:var(--gold1)}.tf-voice-only.is-playing .tf-waveform span:nth-child(1){animation-delay:0s}.tf-voice-only.is-playing .tf-waveform span:nth-child(2){animation-delay:.2s}.tf-voice-only.is-playing .tf-waveform span:nth-child(3){animation-delay:.4s}.tf-voice-only.is-playing .tf-waveform span:nth-child(4){animation-delay:.1s}.tf-voice-only.is-playing .tf-waveform span:nth-child(5){animation-delay:.3s}.tf-voice-only.is-playing .tf-waveform span:nth-child(6){animation-delay:0s}.tf-voice-only.is-playing .tf-waveform span:nth-child(7){animation-delay:.5s}.tf-voice-only.is-playing .tf-waveform span:nth-child(8){animation-delay:.2s}@keyframes tf-wave{0%,to{height:6px}50%{height:35px}}.tf-stats{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin:20px 0;align-items:center}.tf-stat{border-radius:16px;padding:14px 5px;text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%}.tf-stat:nth-child(1),.tf-stat:nth-child(2){background:#ffffff08;border:1px solid rgb(255 255 255 / .1)}.tf-stat:nth-child(1) strong,.tf-stat:nth-child(2) strong{color:var(--gold1);font-size:22px;font-weight:700;line-height:1;margin-bottom:6px}.tf-stat:nth-child(1) span,.tf-stat:nth-child(2) span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#888}.tf-stat:nth-child(3){background:linear-gradient(135deg,var(--gold2),var(--gold3));border:1px solid var(--gold1);box-shadow:0 5px 20px #b8892e40;transform:scale(1.05);z-index:2}.tf-stat:nth-child(3) strong{color:#000;font-size:26px;font-weight:800;line-height:1;margin-bottom:4px}.tf-stat:nth-child(3) span{color:#000000b3;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.tf-quote{font-size:13px;line-height:1.5;color:#ccc;font-style:italic;margin-top:20px}.tf-card-empty{display:flex;align-items:center;justify-content:center}.tf-empty-state{padding:40px 28px;text-align:center;max-width:360px;margin:auto}.tf-empty-kicker{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold1);margin-bottom:14px}.tf-empty-state h3{margin:0 0 10px;color:#fff;font-size:24px}.tf-empty-state p{margin:0;color:#aaa;line-height:1.6}#tf-video{position:fixed;inset:0;background:#000000f2;display:none;justify-content:center;align-items:center;z-index:99999}.tf-video-box{width:90%;max-width:850px;aspect-ratio:16/9;position:relative}.tf-video-box iframe{width:100%;height:100%;border:none;border-radius:18px}.tf-video-close{position:absolute;top:-45px;right:0;font-size:30px;color:#fff;cursor:pointer}@media(max-width:900px){.tf-slot.left{transform:translate3d(-125%,-50%,-100px) scale(.8)}.tf-slot.right{transform:translate3d(25%,-50%,-100px) scale(.8)}}@media(max-width:600px){.tf-card{width:84vw;max-width:84vw;height:550px}.tf-stage{height:580px}.tf-images--compare{flex:0 1 50%}.tf-slot{transition-duration:.38s}.tf-slot.main{transform:translate3d(-50%,-50%,0) scale(1)}.tf-slot.left{left:50%;transform:translate3d(-102%,-50%,-80px) scale(.82);opacity:.6;filter:none}.tf-slot.right{left:50%;transform:translate3d(2%,-50%,-80px) scale(.82);opacity:.6;filter:none}.tf-card{box-shadow:0 0 16px #ffd98a0f}.tf-stats{gap:8px}.tf-stat:nth-child(3) strong{font-size:22px}}@media(max-width:600px){.tf-play{width:34px;height:34px;min-width:34px;min-height:34px;right:0}.tf-play:before{border-width:5px 0 5px 9px}.tf-play--voice{width:auto;min-width:34px;padding:0 13px 0 34px;right:2px}.tf-play--voice:before{left:16px}.tf-play--voice .tf-play__label{font-size:8px;letter-spacing:.08em}.tf-user.has-action .tf-user-main{padding-right:44px}.tf-user.has-action.has-voice-note .tf-user-main{padding-right:102px}}