/* Word cloud question type */
.wordcloud-maker { border-color: #d9d2ff; background: linear-gradient(135deg, #faf9ff, #f3f8ff); }
.wordcloud-maker > p b { color: #5b4bc2; }
.cloud-preview { display: flex; flex-wrap: wrap; align-items: baseline; gap: 7px 11px; margin: 13px 0 15px; padding: 13px 15px; border: 1px solid #e2def9; border-radius: 11px; background: rgba(255, 255, 255, .72); color: #6a61ae; line-height: 1; }
.cloud-preview span { font-size: 13px; font-weight: 700; }.cloud-preview b { color: #4b62ca; font-size: 24px; }.cloud-preview i { color: #379789; font-size: 16px; font-style: normal; font-weight: 800; }.cloud-preview strong { color: #7160db; font-size: 19px; }

.wordcloud-answer-intro { display: flex; gap: 10px; align-items: flex-start; margin: 21px 0 0; padding: 13px 14px; border: 1px solid #dce1fa; border-radius: 13px; background: linear-gradient(135deg, #f5f7ff, #fbfbff); }
.wordcloud-answer-intro > span { display: grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: #e5e8ff; color: #6254cf; font-size: 12px; }.wordcloud-answer-intro p { margin: 0; color: #596780; font-size: 12px; line-height: 1.65; }.wordcloud-answer textarea { min-height: 112px; }

.question-card--wordcloud { border-color: #deddf4; background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(249, 250, 255, .92)); }
.wordcloud-dashboard { margin-top: 19px; padding: 15px; border: 1px solid #e3e5f5; border-radius: 15px; background: linear-gradient(135deg, #f9faff, #f4f6ff); }.wordcloud-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; color: #6254c6; font-size: 11px; font-weight: 800; }.wordcloud-meta small { color: #8691a6; font-size: 10px; font-weight: 600; }
.word-cloud { display: flex; flex-wrap: wrap; align-content: center; align-items: baseline; justify-content: center; gap: 8px 10px; overflow: hidden; }.word-cloud--dashboard { min-height: 132px; padding: 5px; }.word-cloud-term { display: inline-flex; align-items: baseline; gap: 4px; max-width: 100%; padding: .18em .33em; border-radius: .42em; color: #4660ba; font-size: var(--term-size); font-weight: 900; letter-spacing: -.055em; line-height: 1.08; white-space: nowrap; }.word-cloud-term b { overflow: hidden; text-overflow: ellipsis; }.word-cloud-term small { flex: 0 0 auto; color: #8b98b8; font-size: .42em; font-weight: 800; letter-spacing: 0; }.word-cloud-term.tone-0 { color: #4d65d1; background: #eaf0ff; }.word-cloud-term.tone-1 { color: #257e76; background: #e7faf4; }.word-cloud-term.tone-2 { color: #7756ba; background: #f1edff; }.word-cloud-term.tone-3 { color: #aa5f73; background: #fff0f4; }
.wordcloud-empty { display: grid; place-items: center; min-height: 132px; margin-top: 18px; border: 1px dashed #d6dced; border-radius: 14px; color: #8b98ab; text-align: center; }.wordcloud-empty span { color: #7764d7; font-size: 20px; }.wordcloud-empty p { margin: 7px 15px 0; font-size: 12px; }

.present-wordcloud { display: grid; min-height: 330px; margin-top: clamp(26px, 4vh, 44px); padding: clamp(18px, 2.4vw, 31px); border: 1px solid rgba(255, 255, 255, .13); border-radius: 22px; background: radial-gradient(460px 230px at 50% 45%, rgba(100, 120, 225, .28), transparent 73%), rgba(11, 22, 59, .16); }.present-cloud-meta { display: flex; justify-content: space-between; align-items: center; gap: 15px; color: #d8e3fc; font-size: 15px; font-weight: 800; }.present-cloud-meta small { color: #a9bbdd; font-size: 13px; }.word-cloud--present { min-height: 220px; gap: 13px 15px; padding: 14px; }.word-cloud--present .word-cloud-term { box-shadow: 0 9px 20px rgba(4, 12, 37, .12); }.present-cloud-caption { margin: 5px 0 0; color: #b6c7e9; font-size: 12px; text-align: center; }.present-wordcloud-empty { display: grid; place-items: center; align-content: center; min-height: 270px; text-align: center; }.present-wordcloud-empty > span { display: grid; place-items: center; width: 54px; height: 54px; border: 1px solid rgba(255, 255, 255, .25); border-radius: 50%; color: #b5c9ff; font-size: 22px; }.present-wordcloud-empty h2 { margin: 15px 0 0; font-family: "Noto Sans KR", sans-serif; font-size: 35px; font-weight: 900; line-height: 1.2; letter-spacing: -.06em; }.present-wordcloud-empty p { margin: 11px 0 0; color: #b6c8e7; font-size: 14px; }

@media (max-width: 780px) { .cloud-preview { gap: 6px 9px; }.wordcloud-dashboard { padding: 13px; }.wordcloud-meta { align-items: flex-start; flex-direction: column; gap: 3px; }.word-cloud--dashboard { min-height: 118px; }.word-cloud-term { font-size: min(var(--term-size), 31px); }.present-wordcloud { min-height: 310px; margin-top: 27px; padding: 16px 12px; border-radius: 17px; }.present-cloud-meta { padding: 0 3px; font-size: 13px; }.present-cloud-meta small { font-size: 11px; }.word-cloud--present { min-height: 206px; gap: 10px; padding: 12px 3px; }.word-cloud--present .word-cloud-term { font-size: min(var(--term-size), 33px); }.present-wordcloud-empty { min-height: 244px; }.present-wordcloud-empty h2 { font-size: 30px; } }
@media (max-width: 370px) { .word-cloud-term { font-size: min(var(--term-size), 27px); }.word-cloud--present .word-cloud-term { font-size: min(var(--term-size), 29px); }.present-cloud-meta { font-size: 12px; } }