#server-questions[hidden]{display:none!important}
#server-questions{margin:24px 0;font-size:12px;line-height:1.5}
#server-questions button,.question-create-form button{font-family:inherit;font-size:12px!important;line-height:18px;min-height:32px;padding:7px 16px!important;border-radius:18px}
.questions-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.questions-toolbar>button:last-child{margin-left:auto}
.questions-game-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;align-items:start}
.questions-play{display:grid;grid-template-columns:145px minmax(0,1fr);padding:20px;gap:20px;border-radius:24px;min-height:290px}
.questions-count{align-self:start;text-align:center;padding:20px 12px;border-radius:20px}
.questions-count>strong{display:block;font-size:36px;line-height:1.2;margin:8px 0 22px;overflow-wrap:anywhere}
.question-count-genders{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:6px;color:white}
.question-count-genders>span{padding:6px}
#server-questions .male{background:#46b4d3;color:white}
#server-questions .female{background:#d65786;color:white}
.question-tile{padding:14px 16px;border-radius:20px;overflow-wrap:anywhere}
.question-tile p{margin:0!important;font-size:13px;line-height:20px;white-space:pre-wrap}
.question-tile small{display:block;margin-top:8px;font-size:11px;font-weight:600}
.question-answer-form{margin-top:16px}
#server-questions .question-answer{width:100%;height:105px;min-height:90px;resize:vertical;border:0;border-radius:20px;padding:14px 16px;font-family:inherit;font-size:13px;line-height:20px}
#server-questions .question-answer::placeholder{color:#fff;opacity:1}
.question-controls{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}
.question-controls .primary{min-width:140px}
.questions-ad{padding:20px;border-radius:24px;display:grid;gap:12px}
.questions-ad h2{font-size:15px;margin:0}
.questions-ad p{font-size:12px;margin:0}
.questions-ad small{font-size:10px;color:#7b7a88}
.questions-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.question-list-panel{padding:20px;border-radius:24px;min-width:0}
.question-list-panel h2{font-size:16px;margin:0 0 16px}
.question-list{display:grid;gap:14px;max-height:min(480px,calc(100dvh - 240px));overflow:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#42a4d8 #eee}
.question-pair{padding:12px;border-radius:20px;display:grid;gap:8px}
.questions-period-note,.questions-status,.questions-empty{font-size:12px;color:#757180;margin-top:16px}
.question-create-form{display:grid;gap:12px}
.question-create-form textarea{font-family:inherit;font-size:13px;border:1px solid #dcdce0;border-radius:16px;padding:12px;min-height:110px;width:100%;resize:vertical}
.question-create-form p{font-size:12px;margin:0}
body.questions-active #floating{display:none}
#server-questions button:disabled{opacity:.55;cursor:default}
#server-questions :focus-visible,.question-create-form :focus-visible{outline:2px solid #287aad;outline-offset:3px}
@media(max-width:850px){.questions-game-grid{grid-template-columns:1fr}.questions-ad{grid-template-columns:1fr auto;align-items:center}.questions-ad small{grid-column:1/-1}.questions-play{grid-template-columns:120px minmax(0,1fr);gap:16px}}
@media(max-width:600px){#server-questions{margin-top:16px}.questions-play{grid-template-columns:1fr;padding:16px}.questions-count{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.questions-count>strong{font-size:24px;margin:0}.question-count-genders{min-width:90px}.questions-columns{grid-template-columns:1fr}.questions-toolbar>button:last-child{margin-left:0}.question-list{max-height:340px}.question-controls .primary{min-width:110px}.questions-ad{display:flex;flex-wrap:wrap}}

#server-questions .spotlight{width:100%;padding:12px!important;min-height:0!important;align-self:start}
#server-questions .spotlight-top{gap:10px}
#server-questions .spotlight-copy{min-width:0}
#server-questions .spotlight-text{font-size:12px!important;line-height:18px!important}
#server-questions .spotlight-photo{height:200px!important;min-height:0!important}
#server-questions .spotlight-photo img{height:100%;object-fit:cover}
#server-questions .spotlight-buy{margin-top:12px!important}

#server-questions .spotlight-top{height:200px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
#server-questions .spotlight-text{padding:30px 10px 12px!important;overflow-wrap:normal!important;text-align:left;overflow-y:auto}
#server-questions .spotlight-photo{padding:0!important;background:transparent!important}
#server-questions .spotlight-actions .arrow{font-size:20px!important;width:30px;min-width:30px;padding:0!important}
#server-questions .spotlight-copy .spotlight-text{overflow-wrap:anywhere!important;white-space:normal!important;overflow-x:hidden}
#server-questions>.trends{margin-bottom:20px}
#server-questions .question-list{max-height:min(360px,calc(100dvh - 420px));min-height:120px}
@media(max-width:600px){#server-questions .question-list{max-height:300px}}
#server-questions .question-list{max-height:min(260px,calc(100dvh - 560px));align-content:start}
body.questions-active footer{margin-top:24px!important}
@media(max-width:600px){#server-questions .question-list{max-height:300px}}