.today-toggle { display:flex; align-items:center; gap:6px; padding:8px 12px; font-size:10px; color:#e7d6e7; border:1px solid #d6b6cf55; border-radius:99px; background:#ffffff0d; white-space:nowrap; }
.today-toggle[aria-expanded='true'], .tasks-toggle[aria-expanded='true'] { border-color:#ccafe1; background:#ab83c238; }
.today-panel { display:flex; flex-direction:column; min-height:0; border:1px solid var(--game-edge); border-radius:18px; background:var(--game-glass); box-shadow:var(--game-shadow); backdrop-filter:blur(20px); color:#f5edf3; overflow:hidden; }
.today-panel-head { display:flex; align-items:center; justify-content:space-between; padding:20px 17px 15px; border-bottom:1px solid #e6bad53b; }
.today-panel-head strong { font-size:16px; color:#f3d6de; }
.today-panel-head small { display:block; margin-top:5px; color:#c6aecf; font-size:11px; }
.today-progress { display:grid; gap:10px; padding:18px 17px 0; color:#cfb9d7; font-size:11px; }
.today-progress progress { width:100%; height:4px; accent-color:#bfa2d7; border:0; border-radius:5px; overflow:hidden; }
.today-progress progress::-webkit-progress-bar { background:#ffffff16; }
.today-progress progress::-webkit-progress-value { background:#bfa2d7; }
.today-progress progress::-moz-progress-bar { background:#bfa2d7; }
.today-form { display:flex; gap:7px; padding:17px; }
.today-form input { min-width:0; width:100%; padding:10px 11px; border:1px solid #d3b1db45; border-radius:10px; background:#21182b66; color:#f5eaf7; font-size:12px; }
.today-form input::placeholder { color:#bba4c4; }
.today-form button { flex-shrink:0; width:36px; padding:0; border-color:#d4b3e366; border-radius:10px; background:#a785bf44; font-size:20px; }
.today-list { list-style:none; padding:0 17px; margin:0; flex:1; min-height:0; overflow:auto; scrollbar-width:thin; }
.today-list li { border-bottom:1px solid #d4b6df22; }
.today-list label { display:flex; align-items:flex-start; gap:10px; padding:13px 0; cursor:pointer; }
.today-list input { margin:3px 0 0; flex-shrink:0; width:16px; height:16px; accent-color:#b79acb; }
.today-list span { font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
.today-list .done span { text-decoration:line-through; color:#aa97b3; }
.today-empty { padding:10px 22px; font-size:12px; line-height:1.8; color:#c2abcc; }
.today-save-note { padding:12px 17px; margin:0; color:#b4a0be; font-size:10px; }
.panel-drag-handle { cursor:grab; touch-action:none; user-select:none; }
.panel-drag-handle:focus-visible { outline:2px solid #ccafe1; outline-offset:-4px; }
.panel-drag-handle button { cursor:pointer; }
.app.panels-dragging, .panels-dragging .panel-drag-handle { cursor:grabbing; user-select:none; }
.panel-dragging { opacity:.65; }
.panel-drop-target { outline:2px dashed #dcc2ef; outline-offset:-5px; }
@media (min-width:1101px) {
  .app, .app.tasks-open, .app.today-open {
    --task-column:0px; --today-column:0px;
    grid-template-columns:280px minmax(0,1fr) var(--task-column) var(--today-column); column-gap:0;
  }
  .app.tasks-open { --task-column:296px; }
  .app.today-open { --today-column:276px; }
  .main { grid-column:2; margin-left:20px; }
  .task-panel, .today-panel { position:relative; inset:auto; height:100%; width:auto; min-width:0; margin-left:16px; align-self:stretch; z-index:4; }
  .task-panel { grid-column:3; grid-row:1; }
  .today-panel { grid-column:4; grid-row:1; }
  .app.panels-reversed { grid-template-columns:280px minmax(0,1fr) var(--today-column) var(--task-column); }
  .panels-reversed .task-panel { grid-column:4; }
  .panels-reversed .today-panel { grid-column:3; }
  .topbar { grid-template-columns:220px minmax(0,1fr) auto auto auto; }
  .today-toggle { grid-column:5; grid-row:1; }
  .completion-reports { right:22px; }
}
@media (min-width:1600px) {
  .app, .app.tasks-open, .app.today-open { grid-template-columns:310px minmax(0,1fr) var(--task-column) var(--today-column); }
  .app.tasks-open { --task-column:316px; }
  .app.today-open { --today-column:296px; }
  .app.panels-reversed { grid-template-columns:310px minmax(0,1fr) var(--today-column) var(--task-column); }
}
@media (max-width:1100px) {
  .today-toggle { grid-column:5; grid-row:1; }
  .topbar { grid-template-columns:auto minmax(0,1fr) auto auto auto; }
  .task-panel, .today-panel { position:fixed; top:165px; bottom:16px; height:auto; width:min(310px,calc(100vw - 32px)); z-index:30; }
  .task-panel { right:16px; left:auto; }
  .today-panel { right:16px; left:auto; }
  .app.tasks-open.today-open .task-panel { right:calc(50vw + 4px); width:calc(50vw - 20px); }
  .app.tasks-open.today-open .today-panel { width:calc(50vw - 20px); }
  .app.tasks-open.today-open.panels-reversed .task-panel { right:16px; }
  .app.tasks-open.today-open.panels-reversed .today-panel { right:calc(50vw + 4px); }
}
@media (max-width:600px) {
  .today-toggle { padding:7px 8px; }
  .today-toggle span { display:none; }
  .app.tasks-open.today-open .today-panel { top:165px; bottom:calc(50% + 6px); width:calc(100vw - 32px); }
  .app.tasks-open.today-open .task-panel { top:calc(50% + 6px); bottom:16px; right:16px; width:calc(100vw - 32px); }
  .app.tasks-open.today-open.panels-reversed .task-panel { top:165px; bottom:calc(50% + 6px); }
  .app.tasks-open.today-open.panels-reversed .today-panel { top:calc(50% + 6px); bottom:16px; right:16px; }
  .today-panel-head, .task-panel-head { padding:12px 16px; }
  .today-progress { padding-top:10px; gap:5px; }
  .today-form { padding:10px 16px; }
  .today-save-note { padding:7px 16px; }
}
.target-name-row { display:flex; align-items:center; gap:6px; min-width:0; }
@media (min-width:1101px) and (max-width:1300px) {
  #target-picker .target-avatar { width:28px; height:34px; }
  #target-picker button.target-card { gap:5px; padding:5px; }
  #target-picker .target-name { font-size:10px; }
  #target-picker .target-work-count { position:absolute; top:2px; right:4px; padding:1px 3px; font-size:8px; border-radius:5px; background:#211b2aca; }
}
.target-work-count { display:inline-block; color:#bcebd4; font-size:9px; line-height:1.4; white-space:nowrap; }
.is-queued .target-work-count { color:#e5c7a4; }
#target-picker .target-card.is-working { border-color:#a9d9c47a; background:#7eae9c17; }
#target-picker .target-card.is-working .target-avatar { animation:agent-working-sway 2.6s ease-in-out infinite; border-color:#b3e4cb; box-shadow:0 0 0 3px #9cd7b82b,0 0 14px #9cd7b84d; }
#target-picker .target-card.is-working .target-work-count::before { content:''; display:inline-block; width:4px; height:4px; margin-right:4px; border-radius:50%; background:#bcebd4; animation:agent-working-dot 1.3s ease-in-out infinite; }
@keyframes agent-working-sway { 0%,100% { transform:translateY(1px) rotate(-2deg); } 50% { transform:translateY(-2px) rotate(2deg); } }
@keyframes agent-working-dot { 0%,100% { opacity:1; } 50% { opacity:.35; } }
@media (max-width:600px) {
  #target-picker button.target-card.is-working, #target-picker button.target-card.is-queued { flex-basis:156px; }
  .target-name-row { gap:4px; }
  .target-work-count { font-size:8px; }
}
@media (prefers-reduced-motion:reduce) {
  #target-picker .target-card.is-working .target-avatar, #target-picker .target-card.is-working .target-work-count::before { animation:none; }
}
.completion-reports { top:24px; right:24px; bottom:auto; }
@media (max-width:600px) { .completion-reports { top:calc(12px + env(safe-area-inset-top)); right:12px; bottom:auto; } }
/* The character is cut cleanly by the bottom edge of the scene, not faded. */
.office-character { -webkit-mask-image:none; mask-image:none; }
.target-salary { display:grid; gap:1px; min-width:0; color:#d6c1dd; font-size:9px; line-height:1.4; }
.target-salary span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#target-picker button.target-card, #target-picker button.target-card.target-auto { height:80px; }
#target-picker .target-info { gap:2px; }
@media (min-width:1101px) {
  .topbar { height:101px; }
  .app, .app.tasks-open, .app.today-open { padding-top:123px; }
}
@media (max-width:600px) {
  #target-picker button.target-card, #target-picker button.target-card.target-auto { height:78px; flex-basis:135px; }
  #target-picker button.target-card.target-auto { flex-basis:50px; }
  .target-salary { font-size:8px; }
}
.messages .thread { width:100%; max-width:none; margin-inline:auto; gap:26px; }
@media (min-width:1101px) {
  .messages { width:100%; max-width:none; justify-self:center; }
}
.messages .transcript-head { width:100%; max-width:none; margin:0 auto 26px; }
.messages .card.dialogue-row { width:100%; gap:12px; }
.messages .dialogue-portrait { width:56px; height:96px; }
.messages .speech-bubble { max-width:none; padding:18px 20px; }
.messages .speech-bubble.stamped { padding-bottom:38px; }
.messages .body { max-width:100%; padding-left:0; border-left:0; font-size:15px; line-height:1.9; }
.messages .body p, .messages .body li { line-height:1.9; background-size:100% 1.9em; }
.messages .body p { margin-bottom:1em; }
.messages .user-msg { max-width:min(580px,85%); margin-left:56px; font-size:14px; line-height:1.8; }
@media (max-width:600px) {
  .messages .thread { gap:20px; }
  .messages .card.dialogue-row { gap:8px; }
  .messages .dialogue-portrait { width:38px; height:65px; }
  .messages .speech-bubble { padding:13px 14px; }
  .messages .body { font-size:14px; }
  .messages .user-msg { margin-left:38px; font-size:13px; }
}
.task-panel .task-card.queued {
  background:linear-gradient(130deg,#413337bd,#2b2633e8); border:1px dashed #c8a87570;
  border-left:3px solid #c4a16e; box-shadow:none;
}
.task-panel .task-card.running { border:1px solid #97cdb56b; border-left:3px solid #9fd4bc; background:linear-gradient(130deg,#30463cbb,#292733eb); }
.task-panel .task-badge.queued { color:#edd1a9; border-color:#c6a06b88; background:#c6a06b1a; }
.task-panel .task-card.queued .task-face { border-color:#c8aa7b80; filter:saturate(.6); }
.task-panel .task-card.queued .task-clock, .task-panel .step.waiting { color:#d7be9d; }
.task-panel .step.waiting i { animation:none; color:#d7be9d; }
.task-panel .task-face img, .messages .portrait-art img { animation:none; }

/* Conversation portraits: a large frameless figure standing beside the answer, fading out at the waist. */
.messages .card.dialogue-row { gap:14px; }
.messages .dialogue-portrait {
  width:150px; height:230px; align-self:flex-start; position:sticky; top:12px;
  margin-left:-6px; pointer-events:none;
}
.messages .portrait-art {
  inset:0; overflow:hidden; border:0; border-radius:0; background:none;
  -webkit-mask-image:linear-gradient(#000 72%,transparent 100%); mask-image:linear-gradient(#000 72%,transparent 100%);
}
.messages .portrait-art .portrait-halo { display:none; }
.messages .portrait-art img, .messages .portrait-art .portrait-motion {
  position:absolute; top:0; left:50%; width:150%; height:auto; max-width:none; inset:0 auto auto 50%;
  transform:translateX(-50%); object-fit:fill; filter:drop-shadow(0 6px 14px #0006);
}
/* Codex mood art is a taller canvas with more margin, so it needs a closer crop. */
.messages .portrait-art img[src*="/characters/codex/"] { width:175%; top:-3%; }
.messages .user-msg { margin-left:150px; max-width:calc(100% - 150px); }
@media (max-width:600px) {
  .messages .card.dialogue-row { gap:6px; }
  .messages .dialogue-portrait { width:84px; height:132px; top:8px; margin-left:-4px; }
  .messages .user-msg { margin-left:84px; max-width:calc(100% - 84px); }
}

/* One block per request: the question on top, its answers tied to it underneath. */
.messages .turn {
  position:relative; display:grid; gap:12px; min-width:0; padding:18px 18px 20px;
  border:1px solid #d9bbdc26; border-radius:22px;
  background:linear-gradient(180deg,#ffffff0b,#ffffff03 60%);
}
.messages .turn > .responses { position:relative; }
.messages .turn > .responses::before {
  content:''; position:absolute; top:-12px; right:56px; width:2px; height:12px;
  border-radius:2px; background:#c5a0db66;
}
.messages .turn.delegated { border-style:dashed; background:none; }
@media (max-width:600px) {
  .messages .turn { gap:10px; padding:12px 10px 14px; border-radius:16px; }
  .messages .turn > .responses::before { right:36px; top:-10px; height:10px; }
}

/* Give conversation titles and the sidebar menu more room. */
@media (min-width:901px) and (max-width:1100px) {
  .app, .app.tasks-open, .app.today-open { grid-template-columns:260px minmax(0,1fr); }
}
@media (max-width:900px) {
  .sidebar { width:min(330px,90vw); }
}

/* 비서 선택 카드의 작은 초상화는 상반신 대신 얼굴을 확대해 보여 준다 */
#target-picker .target-avatar .target-portrait {
  position:absolute; left:50%; top:-24%; width:300%; height:auto; max-width:none;
  transform:translateX(-50%); object-fit:fill; object-position:initial;
}

/* Routine interval: active hours picker */
.routine-hours { align-items:center; }
.routine-hours select { padding:5px 8px; border:1px solid var(--border); border-radius:8px; background:transparent; color:inherit; font:inherit; font-size:12px; }
.routine-hours > span:not(.pick-name) { color:var(--muted); font-size:12px; }
/* 오피스 비서: 머리끝부터 잘린 다리 끝까지를 장면 높이에 똑같이 맞춰 크기를 통일하고,
   잘린 끝은 장면 아래 채팅 영역 경계 뒤로 살짝 넘겨 서 있는 것처럼 보이게 한다.
   Codex 표정 그림은 위 8.1%가 투명 여백이고 다리가 더 길게 그려져 있어, 1.1배 더 키우고 남는 다리는 경계 뒤로 숨긴다. */
.office-scene .office-character .office-character-image {
  inset:auto; left:50%; bottom:-2px; width:auto; height:calc(100% + 2px); max-width:none;
  transform:translateX(-50%); object-fit:fill;
}
.office-scene .office-character .office-character-image[src*="/characters/codex/"] { height:124.2%; bottom:-14.1%; }

/* 새 외형도 기본 비서와 같은 크기로 맞춘다(기존 Gemini 크기 기준).
   무릎까지 그린 Codex 그림은 캔버스가 더 길어 그대로 맞추면 작아 보이므로, 머리 크기가 같아지게
   1.23배 키우고 넘치는 다리는 장면 아래 채팅 영역 뒤로 숨긴다. */
.office-scene .office-character .office-character-image:is([src*="codex-knees-v1.png"], [src*="/satin-slip-v1/codex.png"]) { height:123%; bottom:-23%; }
.main:not(.history-open):has(> .office-scene:not([hidden])) > .composer {
  margin:-24px 0 0; z-index:6;
}

/* 대화창 배경 하나만 남긴다: 질문·답변 묶음은 상자 없이 간격으로만 나눈다 */
.messages .turn, .messages .turn.delegated { padding:0; border:0; border-radius:0; background:none; }
.messages .thread { gap:44px; }
@media (max-width:600px) {
  .messages .turn { padding:0; border-radius:0; }
  .messages .thread { gap:30px; }
}

/* 대화 기록 머리: 제목과 대화 이름. 대화 이름은 상단 바에도 있으니 붙여 두지 않고 기록과 함께 스크롤된다
   (붙여 두면 반투명 띠가 말풍선 글자 위에 겹쳐 보였다) */
.messages .transcript-head {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin:0 auto 22px; padding:10px 0 12px;
}
.transcript-title { display:flex; align-items:baseline; gap:10px; min-width:0; }
.transcript-title small { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
mark.search-hit { padding:0 1px; border-radius:3px; background:#f0c96a59; color:inherit; }
mark.search-hit.current { background:#f3c95ae6; color:#2a1f12; box-shadow:0 0 0 2px #f3c95a66; }
.messages .dialogue-portrait { top:64px; }
@media (max-width:600px) {
  .messages .dialogue-portrait { top:96px; }
}

/* 업무 기록 검색: 사이드바 '새 대화' 아래, 모든 대화의 제목·내용에서 찾는다 */
.conv-search {
  flex-shrink:0; display:flex; align-items:center; gap:7px; margin:0 12px 4px; padding:2px 4px 2px 11px;
  border:1px solid #dec5d540; border-radius:99px; background:#ffffff0a; color:#bc9fc2;
}
.conv-search:focus-within { border-color:#cfaef5aa; background:#ffffff14; color:#e5d0f0; }
.conv-search svg { flex-shrink:0; }
.conv-search input { flex:1 1 auto; min-width:0; padding:7px 0; border:0; outline:0; background:none; color:#f3eaf6; font:inherit; font-size:12px; }
.conv-search input:focus-visible { outline:0; }
.conv-search input::placeholder { color:#a891b0; }
.conv-search input::-webkit-search-cancel-button { display:none; }
.conv-search button {
  flex-shrink:0; width:22px; height:22px; padding:0; border:0; border-radius:50%;
  background:transparent; color:#cdb6d8; font-size:11px; cursor:pointer;
}
.conv-search button:hover { background:#ffffff1a; color:#fff; }
.conv-item.conv-hit { min-height:0; padding-right:14px; }
.conv-hit-snippet {
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
  margin-top:6px; color:#d4c0db; font-size:11px; line-height:1.5; overflow-wrap:anywhere;
}
.conv-search-empty { margin:6px 8px; color:#bc9fc2; font-size:12px; line-height:1.6; }

/* 질문·답변 묶음 사이 구분선: 간격 한가운데에 양끝이 흐려지는 선과 작은 마름모 */
.messages .thread > .turn + .turn::before,
.messages .thread > .dialogue-row + .turn::before {
  content:''; position:absolute; left:4%; right:4%; top:-22px; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent,#d9bbdc59 18%,#e8cfa27a 50%,#d9bbdc59 82%,transparent);
}
.messages .thread > .turn + .turn::after,
.messages .thread > .dialogue-row + .turn::after {
  content:''; position:absolute; left:50%; top:-26px; width:8px; height:8px; pointer-events:none;
  border:1px solid #e8cfa2aa; background:#2b2233; transform:translateX(-50%) rotate(45deg);
}
@media (max-width:600px) {
  .messages .thread > .turn + .turn::before, .messages .thread > .dialogue-row + .turn::before { top:-15px; }
  .messages .thread > .turn + .turn::after, .messages .thread > .dialogue-row + .turn::after { top:-19px; }
}

/* 질문 번호: 각 질문 묶음 위 오른쪽에 작은 금빛 배지 */
.messages .turn > .turn-no { justify-self:end; margin-bottom:-4px; line-height:1; }
.messages .turn > .turn-no span {
  display:inline-block; padding:3px 10px; border:1px solid #e8cfa266; border-radius:99px;
  background:#e8cfa214; color:#f1d9ac; font-size:11px; font-weight:700; letter-spacing:.06em; font-variant-numeric:tabular-nums;
}

/* ⌘F 업무 기록 검색: 화면 가운데 떠오르는 검색 팔레트 */
.search-overlay { position:fixed; inset:0; z-index:60; display:flex; justify-content:center; align-items:flex-start; padding:16vh 16px 24px; background:#120d1666; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
.search-overlay[hidden] { display:none; }
.search-palette {
  display:flex; flex-direction:column; width:min(620px,100%); max-height:68vh; overflow:hidden;
  border:1px solid #e8cfa255; border-radius:18px; background:linear-gradient(180deg,#2e2436f7,#241c2bf7);
  box-shadow:0 24px 60px #000b, inset 0 1px #ffffff12; animation:search-pop .14s ease-out;
}
.search-palette .conv-search { margin:12px; padding:4px 8px 4px 15px; border-color:#e8cfa266; background:#ffffff0d; color:#e8cfa2; }
.search-palette .conv-search input { padding:10px 0; font-size:15px; }
.search-palette .conv-search button { width:26px; height:26px; font-size:12px; }
.search-label { padding:0 18px 6px; color:#bc9fc2; font-size:11.5px; }
.search-results { overflow-y:auto; padding:0 10px 10px; scrollbar-width:thin; scrollbar-color:#b18fbb55 transparent; }
.search-results:empty { display:none; }
@keyframes search-pop { from { opacity:0; transform:translateY(-6px) scale(.985); } }
@media (prefers-reduced-motion: reduce) { .search-palette { animation:none; } }

/* 맡긴 일 딱지(비서 현황 탭): 번호 + 시킨 일 한 줄 + 어느 대화 + 어디까지 */
.work-tag {
  --tag:#e2bfa8; position:relative; display:flex; gap:7px; width:100%; padding:8px 10px 8px 9px; border:1px solid #ffffff14;
  border-left:4px solid var(--tag); border-radius:4px 10px 10px 4px; background:linear-gradient(100deg,#ffffff12,#ffffff06);
  color:#f5edf3; text-align:left; cursor:pointer; box-shadow:0 3px 8px -5px #000a; transition:background .15s ease, transform .15s ease;
}
.work-tag:hover { background:linear-gradient(100deg,#ffffff1c,#ffffff0a); transform:translateX(2px); }
.work-tag.codex { --tag:#9fd0dc; }
.work-tag.gemini { --tag:#c6a5ea; }
.work-tag.beiko { --tag:#e4b7c4; }
.work-tag.queued { opacity:.75; border-left-style:dashed; }
.work-tag-no { flex:none; color:var(--tag); font-size:12px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.45; }
.work-tag-main { display:grid; gap:2px; min-width:0; }
.work-tag-what { overflow:hidden; font-size:12.5px; font-weight:600; line-height:1.45; white-space:nowrap; text-overflow:ellipsis; }
.work-tag-where { overflow:hidden; color:#bfa9c8; font-size:10.5px; white-space:nowrap; text-overflow:ellipsis; }
.work-tag-state { display:flex; align-items:center; gap:5px; min-width:0; color:#e7d6ee; font-size:10.5px; white-space:nowrap; }
.work-tag-step { overflow:hidden; color:#bfa9c8; text-overflow:ellipsis; }
.work-tag-dot { flex:none; width:6px; height:6px; border-radius:50%; background:#8fdcb7; box-shadow:0 0 6px #8fdcb7; animation:work-tag-pulse 1.6s ease-in-out infinite; }
.work-tag.queued .work-tag-dot { background:#d8c4e0; box-shadow:none; animation:none; }
@keyframes work-tag-pulse { 50% { opacity:.35; } }
@media (prefers-reduced-motion:reduce) { .work-tag-dot { animation:none; } .work-tag:hover { transform:none; } }

/* 순서를 기다리는 요청: 구분선 아래 회색 구역으로 묶어 지금 진행 중인 일과 나눈다 */
.messages .queued-divider {
  display:flex; align-items:center; gap:12px; margin:4px 0 -14px; color:#bfb6c4; font-size:12px; font-weight:700; letter-spacing:.04em;
}
.messages .queued-divider::before, .messages .queued-divider::after { content:''; flex:1; border-top:1px dashed #bfb6c466; }
.messages .turn.turn-queued, .messages .turn.turn-queued.delegated {
  padding:14px; border:1px dashed #b9b2be55; border-radius:18px; background:#8e889514;
}
.messages .turn.turn-queued + .turn.turn-queued { margin-top:-24px; }
.messages .turn.turn-queued .user-msg, .messages .turn.turn-queued .speech-bubble { filter:grayscale(.85) brightness(.82); }
.messages .turn.turn-queued .dialogue-portrait, .messages .turn.turn-queued .turn-no { filter:grayscale(.7); opacity:.75; }
@media (max-width:600px) {
  .messages .turn.turn-queued { padding:10px 8px; border-radius:14px; }
  .messages .turn.turn-queued + .turn.turn-queued { margin-top:-14px; }
  .messages .queued-divider { margin-bottom:-8px; }
}