/* Scope page zoom without disabling scroll, carousels or native video controls. */
html.chaabi-phone-shell,
html.chaabi-phone-shell body {
    touch-action: pan-x pan-y;
}
html.chaabi-phone-shell :is(input, textarea, select) {
    font-size: max(16px, 1em) !important;
}
/* The heart owns the active colour, never a purple button tile. */
.post-card :is(.metric-action, .icon-btn)[data-action="like"],
.post-card :is(.metric-action, .icon-btn)[data-action="like"]:is(:hover, :focus, :active, .active),
.post-detail :is(.metric-action, .icon-btn)[data-action="like"] {
    background: transparent !important;
    box-shadow: none !important;
}
/* Retain rail geometry and creator/follow styling; clear only interaction discs. */
body[data-page="loopz"] .loopz-actions button:not(.loopz-follow-btn),
body[data-page="loopz"] .loopz-actions button:not(.loopz-follow-btn) > span {
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body[data-page="loopz"] .loopz-actions button:not(.loopz-follow-btn) :is(svg, .ig-action-icon) {
    filter: drop-shadow(0 2px 3px rgb(0 0 0 / .75));
}
body[data-page="loopz"] .loopz-actions button:not(.loopz-follow-btn) > span {
    text-shadow: 0 2px 4px rgb(0 0 0 / .75);
}