.dv-machine{background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);border:3px solid #0891b2;border-radius:18px;padding:24px 20px;margin:16px 0;position:relative;overflow:hidden}.dv-machine:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#06b6d4,#0891b2,#0e7490,#0891b2,#06b6d4);background-size:200% 100%;animation:dvShimmer 3s linear infinite}@keyframes dvShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dark .dv-machine{background:linear-gradient(135deg,#0c1a2e,#0e2a3f,#0c1a2e);border-color:#0e7490}.dv-machine-title{text-align:center;font-size:20px;font-weight:900;color:#0e7490;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.dark .dv-machine-title{color:#22d3ee}.dv-number-display{display:flex;justify-content:center;align-items:center;gap:4px;margin:16px 0;flex-wrap:wrap}.dv-digit{display:inline-flex;align-items:center;justify-content:center;width:52px;height:64px;font-size:32px;font-weight:900;border-radius:10px;background:#fff;color:#1e293b;border:2.5px solid #cbd5e1;transition:all .35s cubic-bezier(.34,1.56,.64,1);font-family:Courier New,monospace}.dark .dv-digit{background:#1e293b;color:#e2e8f0;border-color:#475569}.dv-digit.dv-highlight{background:#06b6d4;color:#fff;border-color:#0891b2;transform:scale(1.15);box-shadow:0 4px 16px #06b6d466}.dark .dv-digit.dv-highlight{background:#0e7490;border-color:#22d3ee;box-shadow:0 4px 16px #06b6d44d}.dv-digit.dv-highlight-alt{background:#f59e0b;color:#fff;border-color:#d97706;transform:scale(1.15);box-shadow:0 4px 16px #f59e0b66}.dark .dv-digit.dv-highlight-alt{background:#92400e;border-color:#fbbf24}.dv-digit.dv-dim{opacity:.4}.dv-digit-op{font-size:24px;font-weight:700;color:#64748b;padding:0 2px}.dark .dv-digit-op{color:#94a3b8}.dv-calc-strip{text-align:center;padding:12px 16px;margin:12px 0;background:#f8fafc;border-radius:12px;border:2px dashed #94a3b8;font-size:18px;font-weight:700;color:#334155;animation:dvCalcIn .4s ease-out}@keyframes dvCalcIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dark .dv-calc-strip{background:#1e293b;border-color:#475569;color:#cbd5e1}.dv-calc-strip .dv-result-yes{color:#16a34a;font-weight:900}.dv-calc-strip .dv-result-no{color:#dc2626;font-weight:900}.dark .dv-calc-strip .dv-result-yes{color:#4ade80}.dark .dv-calc-strip .dv-result-no{color:#f87171}.dv-rule-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2.5px solid #10b981;border-radius:14px;padding:16px 20px;margin:14px 0;animation:dvRuleReveal .5s cubic-bezier(.34,1.56,.64,1)}@keyframes dvRuleReveal{0%{opacity:0;transform:scale(.9) rotateX(10deg)}to{opacity:1;transform:scale(1) rotateX(0)}}.dark .dv-rule-card{background:linear-gradient(135deg,#052e16,#064e3b);border-color:#34d399}.dv-rule-card h4{font-size:16px;font-weight:900;color:#065f46;margin:0 0 8px}.dark .dv-rule-card h4{color:#6ee7b7}.dv-rule-card p{font-size:14px;color:#1e293b;line-height:1.6;margin:0}.dark .dv-rule-card p{color:#d1fae5}.dv-rule-card strong{color:#059669}.dark .dv-rule-card strong{color:#34d399}.dv-example-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin:12px 0}.dv-example-num{display:flex;align-items:center;justify-content:center;padding:10px 6px;border-radius:10px;font-size:18px;font-weight:800;border:2px solid #e2e8f0;background:#fff;color:#1e293b;transition:all .3s ease}.dark .dv-example-num{background:#1e293b;border-color:#475569;color:#e2e8f0}.dv-example-num.dv-yes{background:#dcfce7;border-color:#22c55e;color:#166534}.dark .dv-example-num.dv-yes{background:#052e16;border-color:#4ade80;color:#86efac}.dv-example-num.dv-no{background:#fef2f2;border-color:#ef4444;color:#991b1b;text-decoration:line-through;opacity:.7}.dark .dv-example-num.dv-no{background:#450a0a;border-color:#f87171;color:#fca5a5}.dv-classify-row{display:flex;justify-content:center;gap:16px;margin:16px 0}.dv-classify-btn{padding:14px 32px;border-radius:14px;font-size:18px;font-weight:800;border:3px solid;cursor:pointer;transition:all .25s ease;min-width:140px}.dv-classify-btn:hover{transform:translateY(-2px)}.dv-classify-btn:active{transform:scale(.96)}.dv-classify-btn:disabled{opacity:.5;cursor:default;transform:none}.dv-btn-yes{background:#dcfce7;border-color:#22c55e;color:#166534}.dv-btn-yes:hover{background:#bbf7d0;box-shadow:0 4px 12px #22c55e4d}.dark .dv-btn-yes{background:#052e16;border-color:#4ade80;color:#86efac}.dv-btn-no{background:#fef2f2;border-color:#ef4444;color:#991b1b}.dv-btn-no:hover{background:#fee2e2;box-shadow:0 4px 12px #ef44444d}.dark .dv-btn-no{background:#450a0a;border-color:#f87171;color:#fca5a5}.dv-classify-btn.dv-btn-correct{background:#22c55e!important;border-color:#16a34a!important;color:#fff!important;animation:dvCorrectPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes dvCorrectPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.dv-classify-btn.dv-btn-wrong{background:#ef4444!important;border-color:#dc2626!important;color:#fff!important;animation:dvWrongShake .4s ease}@keyframes dvWrongShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.dv-step-banner{text-align:center;padding:14px 16px;margin:12px 0;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-radius:14px;border:2px solid #8b5cf6}.dark .dv-step-banner{background:linear-gradient(135deg,#2e1065,#3b0764);border-color:#a78bfa}.dv-step-banner h3{font-size:18px;font-weight:900;color:#6d28d9;margin:0 0 4px}.dark .dv-step-banner h3{color:#c4b5fd}.dv-step-banner p{font-size:14px;color:#5b21b6;margin:0}.dark .dv-step-banner p{color:#a78bfa}.dv-divisor-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0}.dv-divisor-chip{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:48px;padding:0 16px;border-radius:12px;font-size:20px;font-weight:800;cursor:pointer;border:3px solid #cbd5e1;background:#f8fafc;color:#334155;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .dv-divisor-chip{background:#1e293b;border-color:#475569;color:#e2e8f0}.dv-divisor-chip:hover{border-color:#6366f1;background:#eef2ff;transform:translateY(-2px)}.dark .dv-divisor-chip:hover{border-color:#818cf8;background:#312e81}.dv-divisor-chip.dv-chip-selected{background:#6366f1;border-color:#4f46e5;color:#fff;transform:scale(1.08);box-shadow:0 4px 12px #6366f159}.dark .dv-divisor-chip.dv-chip-selected{background:#4f46e5;border-color:#818cf8}.dv-divisor-chip.dv-chip-correct{background:#22c55e;border-color:#16a34a;color:#fff;box-shadow:0 3px 10px #22c55e4d}.dv-divisor-chip.dv-chip-wrong{background:#ef4444;border-color:#dc2626;color:#fff}.dv-divisor-chip.dv-chip-missed{background:#fef3c7;border-color:#f59e0b;color:#92400e;animation:dvMissedPulse 1s ease-in-out infinite}@keyframes dvMissedPulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 8px #f59e0b00}}.dark .dv-divisor-chip.dv-chip-missed{background:#451a03;border-color:#fbbf24;color:#fcd34d}.dv-divisor-chip.dv-chip-disabled{pointer-events:none;cursor:default}.dv-big-num{text-align:center;font-size:56px;font-weight:900;color:#6366f1;margin:16px 0;font-family:Courier New,monospace;animation:dvNumIn .4s cubic-bezier(.34,1.56,.64,1);text-shadow:0 2px 8px rgba(99,102,241,.2)}@keyframes dvNumIn{0%{opacity:0;transform:scale(.6) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.dark .dv-big-num{color:#a5b4fc;text-shadow:0 2px 12px rgba(99,102,241,.3)}.dv-sprint-card{text-align:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:3px solid #8b5cf6;border-radius:18px;padding:28px 20px;margin:16px 0}.dark .dv-sprint-card{background:linear-gradient(135deg,#1e1065,#2e1065);border-color:#a78bfa}.dv-sprint-question{font-size:16px;color:#5b21b6;font-weight:700;margin-bottom:8px}.dark .dv-sprint-question{color:#c4b5fd}.dv-sprint-num{font-size:48px;font-weight:900;color:#6d28d9;font-family:Courier New,monospace;margin:8px 0}.dark .dv-sprint-num{color:#a78bfa}.dv-sprint-divisor{font-size:22px;font-weight:800;color:#0891b2;margin-top:4px}.dark .dv-sprint-divisor{color:#22d3ee}.dv-timer-row{display:flex;align-items:center;gap:10px;margin:10px 0;font-weight:700;font-size:14px;color:#334155}.dark .dv-timer-row{color:#cbd5e1}.dv-timer-track{flex:1;height:10px;background:#e2e8f0;border-radius:99px;overflow:hidden}.dark .dv-timer-track{background:#334155}.dv-timer-fill{height:100%;border-radius:99px;background:#6366f1;transition:width 1s linear}.dv-timer-fill.dv-timer-warn{background:#f59e0b}.dv-timer-fill.dv-timer-danger{background:#ef4444}.dv-streak-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:999px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;font-size:14px;font-weight:800;color:#92400e;animation:dvStreakPulse .8s ease-in-out infinite alternate}@keyframes dvStreakPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.dv-streak-chip span{font-size:18px;font-weight:900}.dark .dv-streak-chip{background:linear-gradient(135deg,#451a03,#78350f);border-color:#fbbf24;color:#fcd34d}.dv-step-strip{display:flex;justify-content:center;gap:6px;margin:12px 0}.dv-step-pip{width:12px;height:12px;border-radius:50%;background:#e2e8f0;transition:all .3s ease}.dark .dv-step-pip{background:#475569}.dv-step-pip.dv-pip-done{background:#22c55e}.dv-step-pip.dv-pip-active{background:#6366f1;transform:scale(1.3);box-shadow:0 0 8px #6366f166}.dv-confetti-wrap{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9999;overflow:hidden}.dv-confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px;animation:dvConfettiFall linear forwards}@keyframes dvConfettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.dv-discovery{background:linear-gradient(135deg,#fefce8,#fef9c3);border:2.5px solid #eab308;border-radius:14px;padding:16px 20px;margin:14px 0}.dark .dv-discovery{background:linear-gradient(135deg,#422006,#451a03);border-color:#fbbf24}.dv-discovery h4{font-size:15px;font-weight:800;color:#a16207;margin:0 0 6px}.dark .dv-discovery h4{color:#fcd34d}.dv-discovery p{font-size:14px;color:#78350f;margin:4px 0;line-height:1.5}.dark .dv-discovery p{color:#fde68a}.dv-analysis-row{display:flex;align-items:center;gap:10px;padding:8px 14px;margin:4px 0;border-radius:10px;font-size:14px;font-weight:600;background:#f8fafc;border:1.5px solid #e2e8f0;animation:dvRowIn .3s ease-out}@keyframes dvRowIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.dark .dv-analysis-row{background:#1e293b;border-color:#334155}.dv-analysis-row.dv-row-yes{background:#f0fdf4;border-color:#86efac}.dark .dv-analysis-row.dv-row-yes{background:#052e16;border-color:#4ade80}.dv-analysis-row.dv-row-no{background:#fef2f2;border-color:#fca5a5}.dark .dv-analysis-row.dv-row-no{background:#450a0a;border-color:#f87171}.dv-analysis-icon{font-size:18px}.dv-analysis-text{flex:1;color:#334155}.dark .dv-analysis-text{color:#cbd5e1}.dv-analysis-verdict{font-weight:900;font-size:13px;padding:2px 10px;border-radius:99px}.dv-verdict-yes{background:#dcfce7;color:#166534}.dark .dv-verdict-yes{background:#052e16;color:#4ade80}.dv-verdict-no{background:#fee2e2;color:#991b1b}.dark .dv-verdict-no{background:#450a0a;color:#f87171}@media (max-width: 520px){.dv-digit{width:38px;height:48px;font-size:24px}.dv-big-num{font-size:40px}.dv-sprint-num{font-size:36px}.dv-classify-btn{padding:12px 20px;font-size:16px;min-width:110px}.dv-divisor-chip{min-width:44px;height:40px;font-size:16px;padding:0 10px}.dv-machine{padding:16px 12px}.dv-step-banner h3,.dv-calc-strip{font-size:15px}.dv-sprint-card{padding:18px 12px}}@media (max-width: 380px){.dv-digit{width:32px;height:40px;font-size:20px}.dv-big-num{font-size:32px}.dv-classify-btn{padding:10px 14px;font-size:14px;min-width:90px}}