/* Shared layout and keyboard affordances. Content remains available at narrow widths. */
[hidden],.hidden{display:none!important}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #7dd3fc!important;outline-offset:3px!important}
main{min-width:0}
.text-gray-500,footer{color:#9ca3af!important}
footer{flex-wrap:wrap;gap:.75rem}
footer>div{flex-wrap:wrap;max-width:100%}
body[data-page="create-reel"] .text-\[\#E60039\]{color:#ff4d79}
#btnSaveProfile{background-color:#047857}
#btnSaveProfile:hover{background-color:#065f46}
input,select,textarea{max-width:100%;min-width:0}
audio,video,img{max-width:100%}
.site-header{height:auto!important;min-height:5rem;gap:1rem;padding-top:.75rem;padding-bottom:.75rem}
.site-header nav{min-width:0;flex-wrap:wrap;justify-content:flex-end}
.site-header nav>*{max-width:100%}
.site-skip{position:fixed;left:1rem;top:-6rem;z-index:200;background:#fff;color:#111;padding:.75rem 1rem;border-radius:.5rem}
.site-skip:focus{top:1rem}
[data-amura-dialog]{overflow-y:auto!important;overscroll-behavior:contain}
[data-amura-dialog]>div{max-width:100%;min-width:0;max-height:calc(100dvh - 2rem);overflow-y:auto}
[data-amura-dialog] input,[data-amura-dialog] select,[data-amura-dialog] textarea{scroll-margin:2rem}
label:has(>input.amura-file:focus-visible){outline:3px solid #7dd3fc;outline-offset:3px}
input.amura-file{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;clip-path:inset(50%);overflow:hidden}
body[data-page="index"] .pointer-events-none{overflow:clip}
body[data-page="legal"] main>div:nth-child(2){flex-wrap:wrap}
body[data-page="chat"] #chatForm{flex-wrap:wrap}
body[data-page="chat"] #msgInput{min-width:8rem}
body[data-page="chat"] #messagesContainer{overflow-wrap:anywhere}
@media(max-width:1023px){
 .site-header{flex-wrap:wrap;position:relative!important}
 .site-header nav{width:100%;justify-content:flex-start;gap:.75rem!important}
 .site-header nav>div{flex-wrap:wrap}
 .site-header a,.site-header button{min-height:2rem;display:inline-flex;align-items:center}
}
@media(max-width:767px){
 body[data-page="chat"] main{height:auto!important}
 body[data-page="chat"] main>.grid{display:flex;flex-direction:column}
 body[data-page="chat"] main>.grid>div{min-width:0;height:auto}
 body[data-page="chat"] main>.grid>div:last-child>div:first-child{flex-wrap:wrap;gap:.75rem}
 body[data-page="chat"] main>.grid>div:last-child>div:first-child>div{min-width:0;max-width:100%;flex-wrap:wrap}
 body[data-page="chat"] #translateSelect{max-width:100%}
 body[data-page="chat"] #sidebarList{max-height:12rem}
 body[data-page="chat"] #messagesContainer{min-height:12rem;max-height:55dvh}
 body[data-page="chat"] #msgInput{flex-basis:100%}
 body[data-page="chat"] #chatForm button{flex:1;padding-left:.75rem;padding-right:.75rem}
 body[data-page="admin"] main{max-width:100%;padding-left:1rem;padding-right:1rem}
 body[data-page="index"] .pointer-events-none{max-width:100%;right:0!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}