.vvr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vvr-head h2{min-width:0;margin:0;overflow-wrap:anywhere}.vvr-head .cc-btn.vvr-close{flex:none;margin:-10px -12px 0 0;border-color:transparent;background:transparent;box-shadow:none}.vvr-lead{margin:6px 0 16px;color:var(--cc-muted)}.vvr-list{display:flex;flex-direction:column;gap:10px}.cc-btn.vvr-row{justify-content:space-between;width:100%;padding:12px 14px 12px 16px;text-align:left;white-space:normal}.vvr-text{display:flex;flex-direction:column;gap:2px;min-width:0}.vvr-text small{color:var(--cc-muted);font-size:13px;font-weight:500;line-height:1.3}.cc-btn.vvr-row svg{flex:none;width:18px;height:18px;opacity:.55}.vvr-note{margin:16px 0 0;color:var(--cc-muted);font-size:13px}.vvr-chosen{display:flex;align-items:center;gap:8px;margin:6px 0 16px}.vvr-field{display:block}.vvr-label{display:block;margin-bottom:6px;font-weight:700}.vvr-field textarea{box-sizing:border-box;display:block;width:100%;min-height:108px;resize:vertical;padding:10px 12px;border:1px solid var(--cc-stroke);border-radius:var(--cc-radius-sm);background:var(--cc-white);color:var(--cc-ink);font:500 16px/1.4 var(--cc-font)}.vvr-field textarea::placeholder{color:var(--cc-muted);opacity:.8}.vvr-field textarea:focus-visible{outline:2px solid var(--cc-ink);outline-offset:1px}.vvr-count{display:block;margin-top:4px;color:var(--cc-muted);font:12px var(--cc-mono);text-align:right}.vvr-sheet{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow-y:auto}.vvr-section{margin:4px 0 8px}.vvr-players{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.vvr-player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;border:1px solid var(--cc-row-line);border-radius:var(--cc-radius);background:var(--cc-white)}.vvr-face{flex:none;width:44px;height:44px;border:1px solid var(--cc-row-line);border-radius:var(--cc-radius);background:var(--cc-well);object-fit:contain}.vvr-player .vvr-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vvr-reasons{display:flex;flex-wrap:wrap;gap:6px}.vvr-reasons .cc-btn.vvr-reason{min-height:40px;padding-inline:10px}.vvr-reasons .cc-btn.vvr-reason svg{width:18px;height:18px}.vvr-done{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--cc-secure);font-weight:700}.vvr-reasons .cc-btn.vvr-other{background:transparent}.cc-btn.vvr-undo{position:relative;overflow:hidden;background:transparent}.cc-btn.vvr-undo:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:currentColor;opacity:.45;transform-origin:left;animation:vvr-undo var(--vvr-undo, 5s) linear var(--vvr-undo-at, 0s) forwards}@keyframes vvr-undo{to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.cc-btn.vvr-undo:after{animation:none}}.cc-btn.vvr-more{width:100%;justify-content:center}.vvr-sheet .vvr-note{margin-top:0}.vvr-sheet .vvr-more+.vvr-note{margin-top:12px}.vvr-tip{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"label label" "faces why" "faces actions";align-items:center;column-gap:16px;row-gap:6px;margin:12px 0 4px;padding:12px 14px 14px;border:2px solid var(--cc-ink);border-radius:var(--cc-radius);background:var(--cc-yellow);color:var(--cc-ink)}.vvr-tip.vvr-tip-sheet{margin:0 0 12px}.vvr-tip .cc-label{grid-area:label;color:var(--cc-ink)}.vvr-tip-faces{grid-area:faces;display:flex;align-items:center;gap:12px}.vvr-tip-who{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px}.vvr-tip-who .vvr-face{width:52px;height:52px;border-color:var(--cc-ink);background:var(--cc-white)}.vvr-tip-mark{display:inline-flex;padding:5px;border:2px solid var(--cc-ink);border-radius:99px;background:var(--cc-white);color:var(--cc-danger)}.vvr-tip-why{grid-area:why;margin:0;font-size:14px;font-weight:600}.vvr-tip-why b{display:block;margin-top:2px}.vvr-tip-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:8px}.vvr-tip .cc-btn.cc-primary{background:var(--cc-ink);color:var(--cc-yellow)}.vvr-tip .cc-btn.vvr-tip-no{background:transparent}.vvr-tip .vvr-done{color:var(--cc-ink)}body.vv-touch .vvr-tip{row-gap:2px;margin-top:6px;padding:6px 10px 8px}body.vv-touch .vvr-tip-who b{display:none}body.vv-touch .vvr-tip-who .vvr-face{width:34px;height:34px}body.vv-touch .vvr-tip-faces{gap:6px}body.vv-touch .vvr-tip-mark{padding:3px}body.vv-touch .vvr-tip-why{font-size:12px}body.vv-touch .vvr-tip-why b{display:inline}body.vv-touch .vvr-tip-actions .cc-btn,body.vv-touch .vvr-reasons .cc-btn.vvr-reason,body.vv-touch .cc-btn.vvr-more{min-height:var(--cc-hit)}@media(max-height:460px){.vvr-sheet{max-height:calc(100vh - 16px)}.vvr-player{padding:6px 8px}.vvr-player .vvr-face{width:36px;height:36px}}@media(max-width:560px){.vvr-player{grid-template-columns:auto minmax(0,1fr)}.vvr-player .vvr-reasons{grid-column:1 / -1}.vvr-reasons .cc-btn.vvr-reason:not(.vvr-other):not(.vvr-undo){flex:1 1 0}}
