.kdv-tool{--kdv-ink:#312e52;--kdv-indigo:#4f46e5;--kdv-indigo-dark:#4338ca;--kdv-violet:#7c3aed;--kdv-orange:#f97316;--kdv-green:#15803d;--kdv-red:#b91c1c;--kdv-muted:#64748b;position:relative;isolation:isolate;overflow:hidden;padding:clamp(1rem,3vw,2rem);border:1px solid #e0e7ff;border-radius:24px;background:linear-gradient(145deg,#fafaff 0%,#eef2ff 56%,#fff7ed 100%);color:var(--kdv-ink);box-shadow:0 18px 50px rgba(67,56,202,.09)}
.kdv-shape{position:absolute;z-index:-1;display:grid;place-items:center;border-radius:50%;font-weight:900;pointer-events:none}.kdv-shape-one{width:180px;height:180px;right:-70px;top:-75px;background:#e0e7ff;color:rgba(79,70,229,.1);font-size:5rem}.kdv-shape-two{width:145px;height:145px;left:-70px;bottom:-80px;background:#ffedd5;color:rgba(249,115,22,.12);font-size:4.5rem}
.kdv-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem}.kdv-brand{display:flex;align-items:center;gap:1rem;min-width:260px}.kdv-logo{width:64px;height:64px;display:grid;place-items:center;flex:0 0 auto;border:4px solid #fff;border-radius:20px;background:linear-gradient(145deg,#818cf8,var(--kdv-indigo));color:#fff;font-size:2.3rem;font-weight:900;box-shadow:0 9px 22px rgba(79,70,229,.25);transform:rotate(-4deg)}.kdv-kicker{display:block;color:var(--kdv-indigo);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.kdv-hero h2{margin:.15rem 0 .2rem;color:var(--kdv-ink);font-size:clamp(1.5rem,3vw,2rem);line-height:1.1}.kdv-hero p{max-width:38rem;margin:0;color:var(--kdv-muted);font-size:.92rem}
.kdv-stats{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:.55rem}.kdv-stat{display:flex;align-items:center;gap:.45rem;min-width:82px;padding:.65rem .7rem;border:1px solid #e0e7ff;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(67,56,202,.05)}.kdv-stat-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#eef2ff;color:var(--kdv-indigo);font-size:.75rem;font-weight:900}.kdv-stat strong{display:block;color:var(--kdv-ink);font-size:1.15rem;line-height:1;font-variant-numeric:tabular-nums}.kdv-stat small{display:block;margin-top:.15rem;color:var(--kdv-muted);font-size:.56rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.kdv-settings{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;padding:.85rem;border:1px solid #e0e7ff;border-radius:17px;background:rgba(255,255,255,.8)}.kdv-setting{display:flex;flex:1 1 150px;flex-direction:column;gap:.35rem}.kdv-level-setting{flex:1.65 1 260px}.kdv-goal-setting{max-width:150px}.kdv-setting-label{color:#475569;font-size:.64rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.kdv-pills{display:flex;gap:.35rem;padding:.25rem;border-radius:12px;background:#eef2ff}.kdv-pill{display:inline-flex!important;align-items:center;justify-content:center;gap:.35rem;visibility:visible!important;flex:1;min-height:38px;padding:.4rem .6rem;border:0;border-radius:9px;background:transparent;color:#475569;font:inherit;font-size:.73rem;font-weight:900;cursor:pointer}.kdv-pill span{width:19px;height:19px;display:grid;place-items:center;border-radius:6px;background:#e0e7ff;color:var(--kdv-indigo);font-size:.58rem}.kdv-pill.is-active{background:#fff;color:var(--kdv-indigo-dark);box-shadow:0 3px 10px rgba(67,56,202,.13)}.kdv-pill.is-active span{background:var(--kdv-indigo);color:#fff}.kdv-setting select{min-height:38px;padding:.4rem 2rem .4rem .65rem;border:1px solid #c7d2fe;border-radius:10px;background:#fff;color:var(--kdv-ink);font:inherit;font-size:.74rem;font-weight:800}.kdv-sound{display:inline-flex!important;align-items:center;justify-content:center;gap:.35rem;visibility:visible!important;min-height:38px;padding:.45rem .75rem;border:1px solid #c7d2fe;border-radius:10px;background:#fff;color:#64748b;font:inherit;font-size:.73rem;font-weight:900;cursor:pointer;white-space:nowrap}.kdv-sound.is-on{background:#eef2ff;color:var(--kdv-indigo-dark)}
.kdv-quiz{padding:clamp(1rem,3vw,1.55rem);border:1px solid #e0e7ff;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(67,56,202,.07)}.kdv-round-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.4rem;color:#64748b;font-size:.68rem;font-weight:900}.kdv-progress{height:8px;overflow:hidden;border-radius:99px;background:#e2e8f0}.kdv-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kdv-indigo),#a78bfa);transition:width .25s ease}
.kdv-problem-card{max-width:700px;margin:1rem auto;padding:1.1rem;border:2px dashed #c7d2fe;border-radius:18px;background:linear-gradient(135deg,#eef2ff,#faf5ff);text-align:center}.kdv-problem-type{display:inline-block;padding:.24rem .55rem;border-radius:99px;background:#e0e7ff;color:var(--kdv-indigo-dark);font-size:.61rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.kdv-prompt{margin:.55rem 0 .2rem;color:#64748b;font-size:.77rem;font-weight:750}.kdv-question{color:var(--kdv-ink);font-size:clamp(2rem,6vw,3.15rem);font-weight:900;line-height:1.2;letter-spacing:.035em;font-variant-numeric:tabular-nums}
.kdv-visual{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:620px;margin:.8rem auto 0}.kdv-visual:empty{display:none}.kdv-group{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:3px;min-width:31px;min-height:31px;max-width:75px;padding:5px;border:2px solid #a5b4fc;border-radius:9px;background:#fff}.kdv-group i{width:7px;height:7px;border-radius:50%;background:var(--kdv-orange)}
.kdv-choice-label{margin:.2rem 0 .55rem;color:#64748b;text-align:center;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.kdv-choices{display:grid;grid-template-columns:repeat(4,minmax(75px,1fr));gap:.65rem;max-width:650px;margin:0 auto}.kdv-choice{position:relative;display:grid!important;place-items:center;visibility:visible!important;min-height:68px;padding:.65rem;border:2px solid #e0e7ff;border-radius:14px;background:#fff;color:var(--kdv-ink);font:inherit;font-size:1.35rem;font-weight:900;font-variant-numeric:tabular-nums;cursor:pointer;box-shadow:0 4px 11px rgba(67,56,202,.05);transition:transform .15s,border-color .15s,background .15s}.kdv-choice:hover:not(:disabled),.kdv-choice:focus-visible{transform:translateY(-2px);border-color:#818cf8;outline:3px solid rgba(129,140,248,.2)}.kdv-choice-key{position:absolute;left:6px;top:6px;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#eef2ff;color:var(--kdv-indigo);font-size:.57rem}.kdv-choice.is-correct{border-color:#22c55e!important;background:#dcfce7!important;color:#14532d!important;animation:kdv-pop .35s ease}.kdv-choice.is-correct::after{content:"✓";position:absolute;right:7px;top:5px;color:#15803d;font-size:.9rem}.kdv-choice.is-wrong{border-color:#ef4444!important;background:#fee2e2!important;color:#7f1d1d!important;animation:kdv-shake .35s ease}.kdv-choice:disabled:not(.is-correct):not(.is-wrong){opacity:.68}
.kdv-feedback{max-width:650px;min-height:39px;margin:.75rem auto 0;padding:.55rem .75rem;border-radius:10px;text-align:center;font-size:.77rem;font-weight:800}.kdv-feedback.is-info{border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3}.kdv-feedback.is-success{border:1px solid #86efac;background:#dcfce7;color:#14532d}.kdv-feedback.is-error{border:1px solid #fca5a5;background:#fee2e2;color:#7f1d1d}.kdv-explanation{display:flex;align-items:center;justify-content:center;gap:.5rem;max-width:650px;margin:.65rem auto 0;padding:.65rem;border:1px solid #fde68a;border-radius:10px;background:#fffbeb;color:#713f12}.kdv-explanation span{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#fbbf24;color:#fff;font-size:.65rem;font-weight:900}.kdv-explanation p{margin:0;font-size:.76rem;font-weight:750}
.kdv-actions{display:flex;justify-content:center;gap:.6rem;margin-top:.85rem}.kdv-action{display:inline-flex!important;align-items:center;justify-content:center;visibility:visible!important;min-width:170px;min-height:43px;padding:.6rem .9rem;border:2px solid var(--kdv-indigo);border-radius:10px;font:inherit;font-size:.77rem;font-weight:900;line-height:1.2;cursor:pointer}.kdv-action-primary{background:var(--kdv-indigo)!important;color:#fff!important;box-shadow:0 6px 14px rgba(79,70,229,.2)}.kdv-action-primary:hover{border-color:var(--kdv-indigo-dark);background:var(--kdv-indigo-dark)!important}.kdv-action-outline{border-color:#a5b4fc!important;background:#fff!important;color:var(--kdv-indigo-dark)!important}.kdv-action-outline:hover{background:#eef2ff!important}.kdv-action:disabled{display:inline-flex!important;visibility:visible!important;cursor:not-allowed;opacity:.55}
.kdv-summary{margin-top:1rem;padding:1.45rem;border:1px solid #fde68a;border-radius:20px;background:linear-gradient(135deg,#fffbeb,#eef2ff);text-align:center}.kdv-summary-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto .55rem;border-radius:50%;background:#fef3c7;color:#d97706;font-size:1.35rem}.kdv-summary h3{margin:.2rem 0;color:var(--kdv-ink)}.kdv-summary p{max-width:600px;margin:.35rem auto .9rem;color:#64748b}.kdv-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .2rem 0;color:#64748b;font-size:.68rem}.kdv-footer button{display:inline-flex!important;visibility:visible!important;padding:.25rem;border:0;background:transparent;color:#64748b;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@keyframes kdv-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes kdv-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:900px){.kdv-hero{align-items:flex-start;flex-direction:column}.kdv-stats{width:100%}.kdv-settings{align-items:stretch}.kdv-goal-setting{max-width:none}}
@media(max-width:640px){.kdv-tool{border-radius:18px}.kdv-brand{align-items:flex-start}.kdv-logo{width:54px;height:54px;border-radius:16px;font-size:1.9rem}.kdv-stats{grid-template-columns:repeat(2,1fr)}.kdv-stat{justify-content:center}.kdv-settings{flex-direction:column}.kdv-sound{width:100%}.kdv-choices{grid-template-columns:repeat(2,1fr)}.kdv-actions{flex-direction:column-reverse}.kdv-action{width:100%}.kdv-footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.kdv-progress span,.kdv-choice{transition:none}.kdv-choice.is-correct,.kdv-choice.is-wrong{animation:none}}