/* deckiq-talk.css (20261031g): questions on a deck — the Questions sheet, the marking bar and the marks */
.dqTalk{position:fixed; top:76px; right:16px; bottom:16px; width:min(380px, calc(100vw - 32px)); z-index:60; display:flex; flex-direction:column;
  background:var(--n-win, var(--panel)); color:var(--ink); border:1px solid var(--line-2); border-radius:16px; box-shadow:0 18px 50px rgba(0,0,0,.35); overflow:hidden; font-family:Inter,sans-serif}
.dqTalk[hidden]{display:none}
.dqTkRestore{display:none!important; padding:6px 10px!important; font-size:13px!important}
.dqTalk.min{top:auto; bottom:16px; width:auto; max-width:calc(100vw - 32px)}
.dqTalk.min .dqTkBody,.dqTalk.min [data-tk="alerts"]{display:none}
.dqTalk.min .dqTkRestore{display:inline-flex!important}
.dqTalk.min .dqTkTitle{flex:none}
.dqTkHead{display:flex; align-items:center; gap:6px; padding:12px 12px 10px 16px; border-bottom:1px solid var(--line)}
.dqTkTitle{flex:1; display:flex; align-items:center; gap:8px; font:700 16px Sora,Inter,sans-serif}
.dqTkTitle svg{color:var(--n-c, #3BE8FF)}
.dqTkIcon{width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; border-radius:9px; border:1px solid var(--line-2); background:transparent; color:var(--ink-2); cursor:pointer}
.dqTkIcon:hover{border-color:rgba(59,232,255,.6); color:var(--ink)}
.dqTkBody{flex:1; overflow:auto; padding:14px 16px 18px; display:flex; flex-direction:column; gap:10px}
.dqTkBody p{margin:0; font-size:14px; line-height:1.5}
.dqTkFine{color:var(--ink-3); font-size:13px!important}
.dqTkWarn{color:var(--n-amT, #FFD79A); background:rgba(255,181,71,.08); border:1px solid rgba(255,181,71,.45); border-radius:10px; padding:8px 10px; font-size:13px!important}
.dqTkErr{color:#FF8A95; font-size:13px!important; min-height:0}
.dqTkErr:empty{display:none}
.dqTkWith{color:var(--ink-2)}
.dqTkH4{margin:8px 0 0; font:600 12px 'JetBrains Mono',monospace; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-3)}
.dqTkActs{display:flex; gap:8px; flex-wrap:wrap}
.dqTkPri,.dqTkSec,.dqTkGhost,.dqTkBack,.dqTkShow{font:600 14px Inter,sans-serif; border-radius:11px; padding:9px 13px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; text-decoration:none}
.dqTkPri{background:var(--nc-btn, linear-gradient(#7DF3FF,#22C9F0)); color:var(--nc-btnInk, #03121A); border:0; box-shadow:var(--nc-glow, none)}
.dqTkPri:disabled{opacity:.6; cursor:default}
.dqTkSec{background:transparent; color:var(--ink); border:1px solid var(--line-2)}
.dqTkSec:hover,.dqTkShow:hover{border-color:rgba(59,232,255,.6)}
.dqTkLink{align-self:flex-start}
.dqTkGhost{background:none; border:0; color:var(--ink-3); padding:6px 0; align-self:flex-start; font-weight:500}
.dqTkGhost:hover{color:var(--ink)}
.dqTkBack{background:none; border:0; color:var(--ink-2); padding:2px 0; align-self:flex-start; font-weight:500}
.dqTkRow,.dqTkTopic{display:flex; gap:10px; align-items:flex-start; width:100%; text-align:left; background:transparent; border:1px solid var(--line); border-radius:12px; padding:10px 12px; color:var(--ink); cursor:pointer; font:inherit; position:relative}
.dqTkRow{flex-direction:column; gap:2px}
.dqTkRow:hover,.dqTkTopic:hover{border-color:rgba(59,232,255,.55)}
.dqTkWho{font-weight:600; font-size:14px}
.dqTkWho em{font-style:normal; font-size:12px; color:var(--ink-3); font-weight:500}
.dqTkSnip{font-size:13px; color:var(--ink-2); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%}
.dqTkDot{position:absolute; right:10px; top:10px; min-width:20px; height:20px; border-radius:10px; background:#E5484D; color:#fff; font:700 11px/20px Inter,sans-serif; text-align:center; font-style:normal; padding:0 5px}
.dqTkTopic span{display:flex; flex-direction:column; gap:3px; min-width:0}
.dqTkTopic b{font-weight:600; font-size:14px; line-height:1.35}
.dqTkTopic small{font-size:12px; color:var(--ink-3)}
.dqTkPin{flex:none; width:24px; height:24px; border-radius:50%; background:#E5484D; color:#fff; font:700 12px/24px Inter,sans-serif; text-align:center; font-style:normal; box-shadow:0 0 0 2px #fff}
.dqTkPin.msg{background:var(--line-2); color:var(--ink); box-shadow:none; display:inline-flex; align-items:center; justify-content:center}
.dqTkMsgs{display:flex; flex-direction:column; gap:10px}
.dqTkMsg{border:1px solid var(--line); border-radius:12px; padding:10px 12px; display:flex; flex-direction:column; gap:6px}
.dqTkMsg.mine{border-color:rgba(59,232,255,.4); background:rgba(59,232,255,.05)}
.dqTkMsg small{font-size:12px; color:var(--ink-3)}
.dqTkMsg img,.dqTkThumb{width:100%; border-radius:9px; border:1px solid var(--line); display:block}
.dqTkShow{background:transparent; border:1px solid var(--line-2); color:var(--ink); padding:6px 10px; font-size:13px; align-self:flex-start}
.dqTkReply,.dqTkBody textarea{display:flex; flex-direction:column; gap:8px}
.dqTalk textarea,.dqTkLab input{width:100%; box-sizing:border-box; font:15px/1.45 Inter,sans-serif; padding:9px 11px; border-radius:10px; border:1px solid var(--line-2); background:var(--n-glass2, transparent); color:var(--ink); resize:vertical}
.dqTkAsk{border:1px solid rgba(59,232,255,.45); border-radius:12px; padding:10px 12px; font-size:13.5px; display:flex; flex-wrap:wrap; gap:8px; align-items:center}
.dqTkLab{display:flex; flex-direction:column; gap:5px; font-size:14px; margin:10px 0}
.dqTkLab small{color:var(--ink-3); font-size:12px}
.dqTkLab input{font-size:16px}
.dqTkChk{display:flex; gap:8px; align-items:flex-start; font-size:14px; margin:8px 0; line-height:1.45}
.dqTkChk input{margin-top:3px; flex:none}
.dqTkConsent span{font-size:12.5px; color:var(--ink-2)}
.dqTkSms{border-top:1px solid var(--line); margin-top:8px; padding-top:4px}

/* the marking overlay: over the board and/or the 3D view while marking; read-only when a question is shown */
.dqMkOv{position:absolute; inset:0; z-index:40; cursor:crosshair; touch-action:none}
.dqMkOv.d3{inset:auto}
.dqMkOv.off{pointer-events:none; opacity:.35}
.dqMkOv.show{pointer-events:none; cursor:default}
.dqMkOv.show .dqMkBackView{pointer-events:auto}
.dqMkOv.board:not(.show){box-shadow:inset 0 0 0 2px rgba(229,72,77,.55)}
.dqMkOv.d3:not(.show){box-shadow:inset 0 0 0 2px rgba(229,72,77,.55)}
.dqMkSvg{position:absolute; inset:0; overflow:visible; pointer-events:none}
.dqMkSvg .h{fill:none; stroke:#fff; stroke-width:7; stroke-linecap:round; stroke-linejoin:round; opacity:.9}
.dqMkSvg .r{fill:none; stroke:#E5484D; stroke-width:3.5; stroke-linecap:round; stroke-linejoin:round}
.dqMkSvg .hd{fill:#E5484D; stroke:#fff; stroke-width:1.5}
.dqMkSvg .pin circle{fill:#E5484D; stroke:#fff; stroke-width:2.5}
.dqMkSvg .pin text{fill:#fff; font:700 13px Inter,Arial,sans-serif; text-anchor:middle}
.dqMkSvg .tx{fill:#E5484D; font:700 15px Inter,Arial,sans-serif; paint-order:stroke; stroke:#fff; stroke-width:4px; stroke-linejoin:round}
.dqMkTxt{position:absolute; z-index:2; width:200px; font:15px Inter,sans-serif; padding:6px 8px; border-radius:8px; border:2px solid #E5484D; background:#fff; color:#111}
.dqMkBackView{position:absolute; top:12px; left:50%; transform:translateX(-50%); font:600 13px Inter,sans-serif; display:inline-flex; gap:6px; align-items:center; padding:8px 12px; border-radius:10px; border:1px solid rgba(229,72,77,.6); background:var(--n-win, #fff); color:var(--ink); cursor:pointer}
.dqMkBar{position:fixed; top:80px; left:50%; transform:translateX(-50%); z-index:70; display:flex; gap:4px; align-items:center; flex-wrap:wrap; justify-content:center; max-width:calc(100vw - 24px);
  background:var(--n-win, var(--panel)); border:1px solid rgba(229,72,77,.55); border-radius:14px; padding:6px; box-shadow:0 14px 40px rgba(0,0,0,.35); font-family:Inter,sans-serif}
.dqMkBar.busy{opacity:.6; pointer-events:none}
.dqMkHint{font-size:13px; color:var(--ink-2); padding:0 8px}
.dqMkBar button{display:inline-flex; align-items:center; gap:5px; font:600 13px Inter,sans-serif; padding:7px 10px; border-radius:10px; border:1px solid transparent; background:transparent; color:var(--ink); cursor:pointer}
.dqMkBar button[aria-pressed="true"]{border-color:#E5484D; color:#E5484D; background:rgba(229,72,77,.08)}
.dqMkBar .dqMkCancel{color:var(--ink-2)}
.dqMkBar .dqMkDone{background:var(--nc-btn, linear-gradient(#7DF3FF,#22C9F0)); color:var(--nc-btnInk, #03121A)}
.dqTalkN{background:#E5484D!important; color:#fff!important}
html[data-mode="light"] .dqTkWarn{color:#6B4A07; background:#FFF8E8; border-color:#E8C27A}
@media (max-width:640px){
  .dqTalk{top:0; right:0; bottom:0; width:100vw; border-radius:0}
  .dqMkBar{top:8px}
  .dqMkBar button span{display:none}
}