.hm-panel.tc-panel {
  width:min(424px,calc(100vw - 26px));max-height:min(740px,calc(100dvh - 28px));padding:16px 19px;
  border-color:#967a56;background:linear-gradient(150deg,#33262c,#241b23 65%,#201921);
  box-shadow:0 16px 68px #080509c2,0 0 0 4px #30232a3d;
}
.tc-panel .hm-head {border-bottom:1px solid #9b795647;padding-bottom:10px}
.tc-panel .hm-head h3 {font:500 29px/1 var(--serif,Georgia);letter-spacing:-.025em}
.tc-log {display:flex;flex-direction:column;gap:10px;max-height:min(42dvh,355px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#82664e transparent;padding:3px 3px 3px 0}
.tc-log:empty {display:none}
.tc-row {width:fit-content;max-width:95%;padding:10px 12px 8px;border-radius:10px 10px 10px 2px;background:#46313c;color:#fff2e4}
.tc-row[data-role=user] {align-self:flex-end;border-radius:10px 10px 2px 10px;background:#3e342e}
.tc-author {color:#dfbd8c;font:650 10px/1.2 var(--sans,system-ui);letter-spacing:.065em;text-transform:uppercase}
.tc-row[data-role=user] .tc-author {color:#ded0ba}
.tc-text {margin:4px 0 0;font:400 14px/1.55 var(--sans,system-ui);white-space:pre-wrap;overflow-wrap:anywhere}
.tc-row .tc-text:empty::after {content:'…';color:#ccb494}
.tc-log[aria-busy=true] .tc-row:last-child .tc-text:not(:empty)::after {content:' ▏';color:#e5c086}
.tc-interrupted {display:block;color:#dcc0a7;font:400 11px/1.5 var(--sans,system-ui);margin-top:5px}
.tc-panel .tc-listen {margin-top:5px;padding:3px 0;min-height:24px;background:none;border:0;text-decoration:underline;text-underline-offset:3px;color:#e6c89a;font-size:11px}
.tc-panel .tc-mic-options {border-top:1px solid #96795648;padding:7px 0 0;color:#e4c9a3}
.tc-mic-options summary {width:fit-content;font:550 12px/1.5 var(--sans,system-ui);padding:5px 0;cursor:pointer}
.tc-panel .hm-state {font-size:12px}
.tc-panel .hm-field {margin:4px 0 7px;min-height:57px;resize:vertical}
.tc-panel .hm-response:has(.hm-primary[hidden]) {display:none}
.tc-panel .hm-send-note {font-size:11px;line-height:1.45}
.tc-panel .tc-stop {color:#ffe5c5;border:1px solid #b99366}
@media(max-width:650px){
  .hm-panel.tc-panel {width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:13px 14px;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}
  .tc-log {max-height:38dvh}
  .tc-panel .hm-field {font-size:16px}
}