.dv{--accent:#e0563f}.dv .tool-panel{display:flex;flex-direction:column;gap:14px}.dv-modes{display:flex;gap:10px;justify-content:center}.dv-mode{cursor:pointer;font:700 13px/1.2 var(--font-sans);color:var(--dim);border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:999px;padding:9px 18px;transition:all .15s}.dv-mode:hover{color:var(--ink);border-color:var(--accent)}.dv-mode.on{color:#1a0e0a;background:var(--accent);border-color:var(--accent)}.dv-lens{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:640px){.dv-lens{grid-template-columns:1fr}}.dv-len{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);color:var(--ink);transition:transform .15s,border-color .15s,background .15s}.dv-len:hover{transform:translateY(-3px);border-color:var(--accent);background:rgba(224,86,63,.08)}.dv-len b{font:800 34px/1 var(--font-mono);color:var(--accent)}.dv-len span{font:700 12px/1.2 var(--font-sans);text-transform:uppercase;letter-spacing:.05em;color:var(--ink)}.dv-len em{font:500 11px/1.3 var(--font-sans);font-style:normal;color:var(--faint)}.dv-len.big{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.dv-srcs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dv-src{font:600 11px/1.3 var(--font-sans);color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:5px 10px}.dv-srchead{margin:0;text-align:center;font:800 11px/1.3 var(--font-sans);color:var(--faint);text-transform:uppercase;letter-spacing:.06em}.dv-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dv-turn{flex:none;font:800 11px/1 var(--font-sans);border-radius:999px;padding:6px 11px}.dv-turn.p0{color:#bcd7ff;border:1px solid rgba(110,160,255,.55);background:rgba(110,160,255,.12)}.dv-turn.p1{color:#ffc2b5;border:1px solid rgba(240,110,90,.55);background:rgba(240,110,90,.12)}.dv-vs{display:flex;align-items:center;gap:14px;margin:2px 0 4px}.dv-vs i{font-style:normal;color:var(--faint)}.dv-vs-p{display:flex;flex-direction:column;gap:4px;font:700 13px/1.2 var(--font-sans);color:var(--dim);border:1px solid var(--line);border-radius:14px;padding:12px 22px}.dv-vs-p b{font:800 24px/1 var(--font-mono);color:var(--ink)}.dv-vs-p.lead{border-color:var(--accent);color:var(--ink)}.dv-vs-p.lead b{color:var(--accent)}.dv-chip{flex:none;font:700 11px/1 var(--font-sans);color:#1a0e0a;background:var(--accent);border-radius:999px;padding:6px 11px}.dv-prog{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.dv-prog i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#e0563f,#f0c05a);transition:width .3s}.dv-head b{font-size:12px;color:var(--dim);white-space:nowrap}.dv-x{padding:6px 9px}.dv-q{margin:10px 0 0;font:700 18px/1.55 var(--font-sans);color:var(--ink);text-align:center}.dv-q b{color:var(--accent)}.dv-opts{display:grid;grid-template-columns:1fr 1fr;gap:9px}@media (max-width:640px){.dv-opts{grid-template-columns:1fr}}.dv-opt{cursor:pointer;font:600 13.5px/1.45 var(--font-sans);color:var(--ink);text-align:center;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:12px;padding:13px 14px;transition:border-color .15s,background .15s}.dv-opt:hover:not(:disabled){border-color:var(--accent);background:rgba(224,86,63,.08)}.dv-opt.right{border-color:#4fc472;background:rgba(79,196,114,.15);color:#a9edc0}.dv-opt.wrong{border-color:#d94f4f;background:rgba(217,79,79,.14);color:#ffb0a8}.dv-opt:disabled{cursor:default;opacity:.92}.dv-explain{font:500 12.5px/1.6 var(--font-sans);color:var(--dim);border-radius:11px;padding:11px 13px}.dv-explain.ok{border:1px solid rgba(79,196,114,.4);background:rgba(79,196,114,.07)}.dv-explain.no{border:1px solid rgba(217,79,79,.4);background:rgba(217,79,79,.07)}.dv-done{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:14px 0}.dv-rank{font-size:52px;line-height:1}.dv-done>b{font:800 26px/1.2 var(--font-sans);color:var(--accent)}.dv-score{margin:0;font:600 14px/1.4 var(--font-sans);color:var(--ink)}.dv-bycat{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:6px;max-width:560px}.dv-cat{font:600 11.5px/1.3 var(--font-sans);color:var(--dim);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 11px;transition:all .15s}.dv-cat b{font-family:var(--font-mono);color:var(--ink)}.dv-cat.full{border-color:#4fc47280;color:#a9edc0}.dv-cat.full b{color:#a9edc0}.dv-cat:hover{border-color:var(--accent);color:var(--ink)}.dv-hintline{margin:2px 0 0;font:500 11.5px/1.4 var(--font-sans);color:var(--faint)}.dv-btns{display:flex;gap:8px;margin-top:8px}