.cloud-bar{position:relative;background:#203525;color:#fff;padding:8px 16px;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;font:14px/1.5 Arial,sans-serif;z-index:70}.cloud-bar a{color:#fff;text-decoration:underline}.cloud-bar>div{display:flex;gap:16px;flex-wrap:wrap}.cloud-bar button{color:#fff;border:1px solid #b5c6b0;border-radius:5px;background:transparent;cursor:pointer;font:inherit}.cloud-bar [data-error=true]{color:#ffcbad}.cloud-prewrap{white-space:pre-wrap}.cloud-load-error{position:fixed;inset:0;z-index:5000;display:grid;align-content:center;justify-items:center;padding:30px;background:#f6f3e9;color:#304b38}.cloud-load-error button{padding:15px;border-radius:10px;background:#304b38;color:white;cursor:pointer}.cloud-moderator .topbar{border-bottom:3px solid #bd5a31}body:not(.cloud-moderator) .studio-toolbar-button,body:not(.cloud-moderator) #adminMenuItem,body:not(.cloud-moderator) button[onclick^="openAnimalEditor"],body:not(.cloud-moderator) button[onclick^="openStudio("],body:not(.cloud-moderator) button[onclick^="openPageEditor"]{display:none!important}.cloud-bar button[hidden]{display:none}.queueItem a{display:inline-block;margin:8px 16px 8px 0}.cloud-bar+main{min-height:calc(100vh - 38px)}@media(max-width:600px){.cloud-bar{font-size:14px;padding:7px 12px}.cloud-bar>div{gap:12px}.cloud-bar a{padding:3px 0}}

/* Small screens, touch targets and readable answer cards. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.answer-submit{border:0;border-radius:8px;background:#304b38;color:white;font:inherit;padding:12px 16px;min-height:44px;cursor:pointer}
.searchBig input,.searchBox input{min-width:0;flex:1}
.answer-card blockquote{overflow-wrap:anywhere;line-height:1.65}
.answer-card footer{display:flex;flex-wrap:wrap;gap:12px}
.answer-choice{min-height:44px;white-space:normal;text-align:left}
.studio-modal{max-width:calc(100vw - 24px);max-height:85vh;max-height:85dvh;overflow:auto}
@media(max-width:600px){
input,select,textarea{font-size:16px!important}
.searchBig,.searchBox{display:flex;gap:8px}
.searchBig{padding:10px}.searchBig>svg{flex-shrink:0;width:22px}
.answer-submit{padding:10px}.answer-card{padding:18px}.answer-card blockquote{font-size:17px}
.answer-choice{display:block;width:100%;margin:8px 0}
.cloud-bar button,.cloud-bar a,.answer-card button,.searchHints button{min-height:44px;display:inline-flex;align-items:center}
#bottomnav{padding-bottom:env(safe-area-inset-bottom,0px)}
.sheet{max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}
.studio-columns{grid-template-columns:minmax(0,1fr)}
}