/* One tap for frequent gestures and reactions; horizontal swipe reveals more. */
.sauna-ui #app #quick-actions{display:flex;flex-flow:row nowrap;align-self:stretch;gap:5px;margin:0 10px;padding:5px 3px 7px;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:#929b9570 transparent;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;pointer-events:auto;mask-image:linear-gradient(to right,#000 calc(100% - 12px),transparent)}
.sauna-ui #app #quick-actions button{flex:0 0 auto;min-width:44px;min-height:44px;padding:8px;border:1px solid #d9dedb;border-radius:13px;background:rgba(255,255,255,.96);color:#161c18;box-shadow:0 2px 7px #14241a0d;font:700 13px/1.3 var(--font-body);white-space:nowrap;scroll-snap-align:start;touch-action:pan-x}
.sauna-ui #app #quick-actions .quick-emoji{min-width:44px;width:44px;padding:5px;font:23px/1.2 sans-serif}
.sauna-ui #app #quick-actions button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}
.sauna-ui #app #quick-actions button:active{transform:scale(.94);background:#eaf1eb}
.sauna-ui #app #quick-actions button:focus-visible{outline:2px solid #173e32!important;outline-offset:-3px}
.sauna-ui #app #quick-actions button:disabled{opacity:.45;cursor:default}
.sauna-ui #app .bottom-ui:has(>#motion-row:not([hidden]),>#emote-tray:not([hidden]),>#snack-fun:not([hidden]),>#private-fun:not([hidden])) #quick-actions{visibility:hidden;pointer-events:none}
.sauna-ui #app:is(.chat-open,.keyboard-open,.wide-view,.calm-mode) #quick-actions{display:none!important}
@keyframes quick-tap{50%{background:#dcebdc;transform:translateY(-2px)}}
.sauna-ui #app #quick-actions .quick-feedback{animation:quick-tap .28s ease}
@media(min-width:760px){.sauna-ui #app #quick-actions{margin-inline:0;gap:7px}}
@media(max-height:500px){.sauna-ui #app #quick-actions{padding-block:0;gap:4px}.sauna-ui #app .bottom-ui{gap:4px}}
@media(prefers-reduced-motion:reduce){.sauna-ui #app #quick-actions .quick-feedback{animation:none}}