/* 한 화면 투표 */
[data-app="quick-vote"]{ display:flex; flex-direction:column; gap:10px; min-width:0; }
[data-app="quick-vote"] .qv-setup{ display:flex; flex-direction:column; gap:8px; min-width:0; padding:10px; border:1px solid #ECEEF2; border-radius:12px; background:#F7F8FA; transition:opacity .2s; }
[data-app="quick-vote"] .qv-setup.qv-dim{ opacity:.4; pointer-events:none; }
[data-app="quick-vote"] .qv-ql{ display:flex; flex-direction:column; gap:4px; min-width:0; }
[data-app="quick-vote"] .qv-q{ background:#fff; font-size:16px; font-weight:800; }
[data-app="quick-vote"] .qv-oh{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:2px 8px; }
[data-app="quick-vote"] .qv-on{ font-weight:700; color:#8A8F98; }
[data-app="quick-vote"] .qv-lock{ font-size:11.5px; }
[data-app="quick-vote"] .qv-lock[hidden]{ display:none; }
[data-app="quick-vote"] .qv-opts{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
[data-app="quick-vote"] .qv-oi{ display:flex; align-items:center; gap:4px; min-width:0; }
[data-app="quick-vote"] .qv-onum{ flex:none; width:20px; font-size:12px; font-weight:900; color:#8A8F98; text-align:center; }
[data-app="quick-vote"] .qv-ot{ flex:1 1 auto; width:auto; min-width:0; background:#fff; font-weight:700; }
[data-app="quick-vote"] .qv-odel{ flex:none; width:32px; padding:0; font-size:18px; color:#6B717B; }
[data-app="quick-vote"] .qv-addo{ align-self:flex-start; }
[data-app="quick-vote"] .qv-seg{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid #C9CED6; border-radius:10px; overflow:hidden; background:#fff; }
[data-app="quick-vote"] .qv-segb{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:48px; padding:4px 6px; border:0; background:transparent; color:#4B5059; font:inherit; font-size:14px; font-weight:800; line-height:1.25; cursor:pointer; word-break:keep-all; }
[data-app="quick-vote"] .qv-segb small{ font-size:11.5px; font-weight:600; color:inherit; opacity:.8; }
[data-app="quick-vote"] .qv-segb + .qv-segb{ border-left:1px solid #C9CED6; }
[data-app="quick-vote"] .qv-segb[aria-pressed="true"]{ background:#1A1A1A; color:#fff; }
[data-app="quick-vote"] .qv-exnote{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 10px; margin:0; padding:7px 8px 7px 10px; border-radius:10px; background:#FFF7E0; color:#6B5300; font-size:12.5px; line-height:1.5; }
[data-app="quick-vote"] .qv-exnote[hidden]{ display:none; }
[data-app="quick-vote"] .qv-exnote .ndt-btn{ background:#fff; border-color:#E5CF8F; color:#4A3800; }

/* 투표 무대 */
[data-app="quick-vote"] .qv-stage{ min-width:0; padding:14px 12px; border:1.5px solid #DCE4F5; border-radius:14px; background:#fff; }
[data-app="quick-vote"] .qv-stage.ph-cover{ background:#1A1A1A; border-color:#1A1A1A; color:#fff; }
[data-app="quick-vote"] .qv-turn{ margin:0; font-size:13px; font-weight:800; color:#314B86; }
[data-app="quick-vote"] .qv-pq{ margin:2px 0 10px; font-size:19px; font-weight:900; line-height:1.35; letter-spacing:-.01em; color:#1A1A1A; overflow-wrap:anywhere; }
[data-app="quick-vote"] .qv-choices{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
[data-app="quick-vote"] .qv-choice{ min-height:58px; padding:8px; border:2px solid #C9D6F2; border-radius:12px; background:#F3F6FC; color:#1A1A1A; font:inherit; font-size:16.5px; font-weight:900; line-height:1.3; cursor:pointer; word-break:keep-all; overflow-wrap:anywhere; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
[data-app="quick-vote"] .qv-choice:hover{ border-color:#2563EB; background:#EAF0FD; }
[data-app="quick-vote"] .qv-choice:active{ transform:scale(.98); }
[data-app="quick-vote"] .qv-need{ margin:0; padding:12px; border-radius:10px; background:#F7F8FA; font-size:13.5px; color:#6B717B; text-align:center; }
[data-app="quick-vote"] .qv-count{ margin:10px 0 0; font-size:12.5px; color:#6B717B; text-align:center; }
[data-app="quick-vote"] .qv-count b{ color:#1A1A1A; font-size:14px; }
[data-app="quick-vote"] .qv-pbtns{ justify-content:center; margin-top:8px; }
/* 가림 화면 */
[data-app="quick-vote"] .qv-cover{ display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center; padding:8px 0; animation:quick-vote-in .25s ease-out; }
@keyframes quick-vote-in{ from{ opacity:0; transform:translateY(6px); } to{ opacity:1; transform:none; } }
[data-app="quick-vote"] .qv-cbig{ margin:0; font-size:26px; font-weight:900; color:#fff; }
[data-app="quick-vote"] .qv-ctx{ margin:0; font-size:13.5px; line-height:1.55; color:#C7CCD4; }
[data-app="quick-vote"] .qv-stage.ph-cover .qv-count{ color:#C7CCD4; }
[data-app="quick-vote"] .qv-stage.ph-cover .qv-count b{ color:#fff; }
[data-app="quick-vote"] .qv-next{ width:100%; max-width:320px; min-height:52px; margin-top:6px; font-size:16px; background:#fff; border-color:#fff; color:#1A1A1A; }
[data-app="quick-vote"] .qv-cbtns{ justify-content:center; gap:6px; flex-wrap:wrap; margin-top:4px; }
[data-app="quick-vote"] .qv-stage.ph-cover .ndt-btn.sm{ background:transparent; border-color:#4B5563; color:#E7E9EC; }
/* 손들기 */
[data-app="quick-vote"] .qv-hl{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
[data-app="quick-vote"] .qv-hi{ display:grid; grid-template-columns:minmax(0,1fr) 44px 52px 44px; align-items:center; gap:6px; padding:5px 6px 5px 10px; border:1px solid #E3E5EA; border-radius:10px; background:#FAFAFB; }
[data-app="quick-vote"] .qv-hi.empty .qv-hn{ color:#A0A6AF; }
[data-app="quick-vote"] .qv-hn{ min-width:0; font-size:15px; font-weight:800; overflow-wrap:anywhere; }
[data-app="quick-vote"] .qv-hi .ndt-btn{ min-height:44px; padding:0; font-size:22px; line-height:1; touch-action:manipulation; }
[data-app="quick-vote"] .qv-plus{ background:#1A1A1A; border-color:#1A1A1A; color:#fff; }
[data-app="quick-vote"] .qv-hv{ font-size:22px; font-weight:900; text-align:center; font-variant-numeric:tabular-nums; }
/* 결과 */
[data-app="quick-vote"] .qv-res{ display:flex; flex-direction:column; gap:8px; min-width:0; }
[data-app="quick-vote"] .qv-rq{ margin:0; font-size:18px; font-weight:900; line-height:1.35; overflow-wrap:anywhere; }
[data-app="quick-vote"] .qv-rsum{ margin:0; font-size:13px; color:#4B5059; }
[data-app="quick-vote"] .qv-rsum b{ color:#1A1A1A; }
[data-app="quick-vote"] .qv-tie{ padding:1px 8px; border-radius:999px; background:#FFF1D6; color:#8A5A00; font-weight:800; }
[data-app="quick-vote"] .qv-bars{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
[data-app="quick-vote"] .qv-bl{ display:flex; justify-content:space-between; align-items:baseline; gap:8px; min-width:0; }
[data-app="quick-vote"] .qv-bn{ min-width:0; font-size:14.5px; font-weight:800; overflow-wrap:anywhere; }
[data-app="quick-vote"] .qv-bn em{ display:inline-block; padding:0 6px; border-radius:6px; background:#0D7A43; color:#fff; font-size:11px; font-style:normal; font-weight:800; vertical-align:2px; }
[data-app="quick-vote"] .qv-bv{ flex:none; font-size:12.5px; color:#6B717B; font-variant-numeric:tabular-nums; white-space:nowrap; }
[data-app="quick-vote"] .qv-bv b{ font-size:15px; color:#1A1A1A; }
[data-app="quick-vote"] .qv-bt{ height:14px; margin-top:3px; border-radius:7px; background:#EEF0F3; overflow:hidden; }
[data-app="quick-vote"] .qv-bt i{ display:block; height:100%; border-radius:7px; background:#9AAFD9; transition:width .3s; }
[data-app="quick-vote"] .qv-bar.win .qv-bt i{ background:#0D7A43; }
[data-app="quick-vote"] .qv-rw{ margin:2px 0 0; padding:8px 10px; border-radius:10px; background:#EEF7F1; color:#0D6B3A; font-size:14px; font-weight:800; overflow-wrap:anywhere; }
[data-app="quick-vote"] .qv-rbtns, [data-app="quick-vote"] .qv-rbtns2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
[data-app="quick-vote"] .qv-rbtns .ndt-btn, [data-app="quick-vote"] .qv-rbtns2 .ndt-btn{ min-width:0; white-space:normal; line-height:1.2; }
[data-app="quick-vote"] .qv-msg{ margin:0; font-size:13px; font-weight:700; line-height:1.45; color:#0D7A43; overflow-wrap:anywhere; }
[data-app="quick-vote"] .qv-msg.bad{ color:#B42318; }
[data-app="quick-vote"] .qv-msg:empty, [data-app="quick-vote"] .qv-fbw:empty{ display:none; }
[data-app="quick-vote"] .qv-foot{ justify-content:flex-end; align-items:center; gap:6px; flex-wrap:wrap; }
[data-app="quick-vote"] .qv-saved{ margin-right:auto; font-size:12px; font-weight:700; color:#B42318; }
[data-app="quick-vote"] .qv-help{ margin:0; }
[data-app="quick-vote"] .ndt-btn.ndt-arm{ width:auto !important; max-width:min(100%, 12em); }
[data-app="quick-vote"] .qv-rbtns2 .ndt-btn.ndt-arm{ width:100% !important; max-width:none; }
@media (max-width:380px){
  [data-app="quick-vote"] .qv-opts{ grid-template-columns:minmax(0,1fr); }
}

/* 크게 보기 — 결과만 크게 */
[data-app="quick-vote"].ndt-big{ justify-content:center; background:#fff; }
[data-app="quick-vote"].ndt-big .qv-setup, [data-app="quick-vote"].ndt-big .qv-exnote, [data-app="quick-vote"].ndt-big .qv-foot, [data-app="quick-vote"].ndt-big .qv-help, [data-app="quick-vote"].ndt-big .qv-rbtns2, [data-app="quick-vote"].ndt-big .qv-copy{ display:none; }
[data-app="quick-vote"].ndt-big .qv-stage{ width:100%; max-width:1100px; margin:0 auto; border:0; padding:0; }
[data-app="quick-vote"].ndt-big .qv-rq, [data-app="quick-vote"].ndt-big .qv-pq{ font-size:clamp(24px,4.4vw,56px); }
[data-app="quick-vote"].ndt-big .qv-rsum, [data-app="quick-vote"].ndt-big .qv-rw{ font-size:clamp(15px,2.2vw,28px); }
[data-app="quick-vote"].ndt-big .qv-bars{ gap:clamp(10px,2vh,24px); }
[data-app="quick-vote"].ndt-big .qv-bn{ font-size:clamp(18px,3vw,40px); }
[data-app="quick-vote"].ndt-big .qv-bv{ font-size:clamp(14px,2vw,26px); }
[data-app="quick-vote"].ndt-big .qv-bv b{ font-size:clamp(20px,3.2vw,44px); }
[data-app="quick-vote"].ndt-big .qv-bt{ height:clamp(16px,3vh,36px); border-radius:10px; }
[data-app="quick-vote"].ndt-big .qv-rbtns{ display:flex; justify-content:center; }
