html {
    height: 100%;
    touch-action: manipulation;
}
body {
    margin: 0px;
    line-height: 1.25;
    height: 100%;
}

textarea {
    font-size: 16px;
}

/* divs */
#mainbar {
    width: 100%;
    height: 1.5em;
    /*position: absolute;*/
    position: static;
}
#content-area {
    width: 100%;
    /*position: static;*/
    position: relative;
}
#content-area .menu {
    /*padding-top: 2px;*/
    background-color: #fff;
    font-size:1.5rem;
}
#content-area .menu > img {
    /*font-size: 1.5rem;*/
}
#caption {
    /*width: 100%;*/
    /*height: 100%;*/
    position: absolute;
    overflow: hidden;
}
#ai-display {
    position: absolute;
    overflow: hidden;
}
#youtube {
    /*display: none;*/
    /*left: 50%;*/
    /*width: 50%;*/
    /*height: 100%;*/
    position: absolute;
    overflow: hidden;
}


#user-menu {
    position: absolute;
}
.user-menu_item {
    white-space: nowrap;
}

/* panels */
.panel_caption_caption {
    padding: 8px;
}
.panel_caption_caption > span[sentenceid]:hover {
    background: initial;
}