
/* Shaliz V94 — clean mobile nav, quiet reader, charcoal night controls */
@media(max-width:850px) and (orientation:portrait){
 html body.studio-app .bottom-nav{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  justify-items:stretch!important;gap:0!important;padding-inline:8px!important;
 }
 html body.studio-app .bottom-nav #bottomSound{display:none!important}
 html body.studio-app .bottom-nav>button:not(#bottomSound){
  width:100%!important;min-width:0!important;max-width:none!important;
  margin:0!important;box-sizing:border-box!important;grid-column:auto!important;
 }
}
/* All states of the Rooms button: remove double underlines/indicator strips. */
html body.studio-app .bottom-nav #bottomRooms,
html body.studio-app .bottom-nav #bottomRooms:is(:hover,:active,:focus,:focus-visible),
html body.studio-app .bottom-nav #bottomRooms.active,
html body.studio-app .bottom-nav #bottomRooms[aria-expanded="true"]{
 text-decoration:none!important;border:0!important;border-bottom:0!important;
 box-shadow:none!important;outline:none!important;
 background-image:none!important;background-color:transparent!important;
}
html body.studio-app .bottom-nav #bottomRooms::before,
html body.studio-app .bottom-nav #bottomRooms::after,
html body.studio-app .bottom-nav #bottomRooms span::before,
html body.studio-app .bottom-nav #bottomRooms span::after{
 content:none!important;display:none!important;border:0!important;
 box-shadow:none!important;background:none!important;
}
html body.studio-app .bottom-nav #bottomRooms span{
 border-bottom:0!important;text-decoration:none!important;box-shadow:none!important;
}
/* Reader retreat: only the poem/prose and a return action. */
html body.studio-app #modal .reading-paper.reader-mode>.v92-reader-kicker,
html body.studio-app #modal .reading-paper.reader-mode>h2,
html body.studio-app #modal .reading-paper.reader-mode>.v92-reader-signature,
html body.studio-app #modal .reading-paper.reader-mode>#commentsBox,
html body.studio-app #modal .reading-paper.reader-mode .book-reader-top,
html body.studio-app #modal .reading-paper.reader-mode .chapter-position,
html body.studio-app #modal .reading-paper.reader-mode #bookChapterTitle,
html body.studio-app #modal .reading-paper.reader-mode .book-pager{
 display:none!important;
}
html body.studio-app #modal .reading-paper.reader-mode .actions,
html body.studio-app #modal .reading-paper.reader-mode .actions.reader-actions{
 display:flex!important;justify-content:center!important;align-items:center!important;
 border:0!important;background:transparent!important;
 padding:18px 0 0!important;margin:18px 0 0!important;
}
html body.studio-app #modal .reading-paper.reader-mode .actions>*:not([data-reader]){
 display:none!important;
}
html body.studio-app #modal .reading-paper.reader-mode .actions [data-reader]{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
html body.studio-app #modal .reading-paper.reader-mode .work-prose,
html body.studio-app #modal .reading-paper.reader-mode .book-chapter-text{
 display:block!important;white-space:pre-wrap!important;
 font-size:clamp(1.15rem,2.8vw,1.45rem)!important;
 line-height:2.25!important;max-width:650px!important;margin:auto!important;
}
html body.studio-app #modal:has(.reading-paper.reader-mode) .modal-close{
 display:none!important;
}
/* Remove burgundy from social links and header controls in night mode. */
html body.studio-app.night .shaliz-socials,
html body.studio-app.night .shaliz-socials-links{
 background:transparent!important;background-image:none!important;
}
html body.studio-app.night .shaliz-social-link,
html body.studio-app.night .shaliz-social-link:is(:hover,:focus-visible){
 background:#242936!important;background-image:none!important;
 color:#e3c08b!important;border:1px solid rgba(225,190,136,.33)!important;
 box-shadow:none!important;
}
html body.studio-app.night .shaliz-social-link svg{
 color:#e3c08b!important;stroke:currentColor!important;
}
html body.studio-app.night .top-actions #searchBtn,
html body.studio-app.night .top-actions #timeBtn,
html body.studio-app.night .top-actions #settingsBtn,
html body.studio-app.night .top-actions button[data-go="guests"]{
 background:#242936!important;background-image:none!important;
 color:#e3c08b!important;border:1px solid rgba(225,190,136,.32)!important;
 box-shadow:none!important;
}
html body.studio-app.night .top-actions #searchBtn:is(:hover,:focus-visible),
html body.studio-app.night .top-actions #timeBtn:is(:hover,:focus-visible),
html body.studio-app.night .top-actions #settingsBtn:is(:hover,:focus-visible),
html body.studio-app.night .top-actions button[data-go="guests"]:is(:hover,:focus-visible){
 background:#303644!important;border-color:rgba(225,190,136,.65)!important;
}
html body.studio-app.night .top-actions #searchBtn svg,
html body.studio-app.night .top-actions #timeBtn svg,
html body.studio-app.night .top-actions #settingsBtn svg,
html body.studio-app.night .top-actions button[data-go="guests"] svg{
 color:#e3c08b!important;stroke:currentColor!important;
}
html body.studio-app.night .top-actions #settingsBtn svg circle{
 fill:#242936!important;stroke:#e3c08b!important;
}
/* The closing motto is gold in both themes. */
html body.studio-app .closing-line>span{
 color:#a77b40!important;-webkit-text-fill-color:#a77b40!important;
 text-shadow:none!important;
}
html body.studio-app.night .closing-line>span{
 color:#e3bd7c!important;-webkit-text-fill-color:#e3bd7c!important;
}
