.twinder-card{width:100%;max-width:600px;min-height:300px;padding:calc(var(--index)*1.2);border-radius:calc(var(--index)/1.2);background-color:var(--color-theme-5);gap:calc(var(--index)/1.2);-webkit-user-select:none;user-select:none;touch-action:none;display:flex}.twinder-card__content{flex:1;align-items:flex-start;max-height:400px;display:flex;overflow:auto}.twinder-card__info{align-items:center;gap:calc(var(--index)/1.5);width:120px;padding-top:calc(var(--index)/3);flex-direction:column;flex-shrink:0;display:flex}.twinder-card__channel{align-items:center;gap:calc(var(--index)/3);flex-direction:column;display:flex}.twinder-card__avatar{background-color:var(--color-theme-4);border-radius:50%;width:48px;height:48px}.twinder-card__name{font-family:Arial,sans-serif;font-size:calc(var(--index)/2.04);color:var(--text-grey);text-align:center;word-break:break-word;font-weight:600}.twinder-card__stats{gap:calc(var(--index)/3.75);flex-direction:column;display:flex}.twinder-card__stat{align-items:center;gap:4px;display:flex}.twinder-card__stat-icon{width:18px;height:18px}.twinder-card__stat-icon use{stroke:var(--text-dark-grey);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.twinder-card__stat-text{font-family:Arial,sans-serif;font-size:calc(var(--index)/2.04);color:var(--text-dark-grey);font-weight:600}@media screen and (max-width:767px){.twinder-card{max-width:100%;min-height:200px;padding:max(16px,var(--index)*1.454);border-radius:12px;flex-direction:column}.twinder-card__content{max-height:300px}.twinder-card__info{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:0}.twinder-card__channel{gap:calc(var(--index)/2);flex-direction:row}.twinder-card__avatar{width:36px;height:36px}.twinder-card__name{font-size:max(14px,var(--index)*1.272)}.twinder-card__stats{gap:calc(var(--index)/2);flex-direction:row}.twinder-card__stat-icon{width:16px;height:16px}.twinder-card__stat-text{font-size:max(14px,var(--index)*1.272)}}
.twinder-actions{justify-content:center;align-items:center;gap:calc(var(--index)*2);margin-top:calc(var(--index)*1.2);display:flex}.twinder-actions__btn{border:2px solid var(--color-theme-3);cursor:pointer;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex}.twinder-actions__btn svg{width:28px;height:28px}.twinder-actions__btn:disabled{opacity:.3;cursor:default}.twinder-actions__btn--dislike{color:var(--text-dark-grey)}.twinder-actions__btn--dislike:hover:not(:disabled){color:#ef4444;border-color:#ef4444;transform:scale(1.1)}.twinder-actions__btn--dislike:active:not(:disabled){transform:scale(.95)}.twinder-actions__btn--copy{width:48px;height:48px;color:var(--text-dark-grey);border-color:var(--color-theme-3)}.twinder-actions__btn--copy svg{width:20px;height:20px}.twinder-actions__btn--copy:hover{border-color:var(--text-grey);color:var(--text-grey);transform:scale(1.1)}.twinder-actions__btn--copy:active{transform:scale(.95)}.twinder-actions__btn--like{color:var(--purple)}.twinder-actions__btn--like:hover:not(:disabled){border-color:var(--purple);color:var(--purple);transform:scale(1.1)}.twinder-actions__btn--like:active:not(:disabled){transform:scale(.95)}@media screen and (max-width:767px){.twinder-actions{gap:calc(var(--index)*4);margin-top:calc(var(--index)*2)}.twinder-actions__btn{width:56px;height:56px}.twinder-actions__btn svg{width:24px;height:24px}.twinder-actions__btn--copy{width:42px;height:42px}.twinder-actions__btn--copy svg{width:18px;height:18px}}
.twinder-empty{justify-content:center;align-items:center;gap:calc(var(--index)/2);flex-direction:column;min-height:300px;display:flex}.twinder-empty__text{font-family:Arial,sans-serif;font-size:calc(var(--index)/1.5);color:var(--text-white);font-weight:700}.twinder-empty__subtext{font-family:Arial,sans-serif;font-size:calc(var(--index)/1.764);color:var(--text-dark-grey)}@media screen and (max-width:767px){.twinder-empty{min-height:200px}.twinder-empty__text{font-size:max(18px,var(--index)/.611)}.twinder-empty__subtext{font-size:max(16px,var(--index)*1.454)}}
.twinder{width:100%;min-height:100%;padding:0 calc(var(--index)/1.5) calc(var(--index)/1.5);flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:visible}.twinder__stack{z-index:1;width:100%;max-width:600px;position:relative;overflow:visible}.twinder__card-wrapper{will-change:transform,opacity;pointer-events:none;touch-action:none;width:100%}.twinder__card-wrapper--active{pointer-events:auto;cursor:grab;touch-action:none;position:relative}.twinder__card-wrapper--active:active{cursor:grabbing}.twinder__card-wrapper--stacked{height:100%;position:absolute;top:0;left:0}.twinder__card-placeholder{border-radius:calc(var(--index)/1.2);background-color:var(--color-theme-5);width:100%;height:100%}@media screen and (max-width:767px){.twinder__card-placeholder{border-radius:12px}}.twinder__actions-wrapper{z-index:2;position:relative}.twinder__loading{justify-content:center;align-items:center;min-height:300px;display:flex}.twinder__loading-text{font-family:Arial,sans-serif;font-size:calc(var(--index)/1.666);color:var(--text-dark-grey)}@media screen and (max-width:767px){.twinder{min-height:calc(100dvh - var(--index)*8);padding:calc(var(--index)*1.5)}.twinder__stack{max-width:100%}}
.twinder-page{width:100%;overflow:visible}@media screen and (min-width:1200px){.twinder-page{min-height:0;padding-top:var(--section-top-gap);display:flex;overflow:auto}}