.knt-tool{--knt-ink:#243657;--knt-cyan:#0891b2;--knt-cyan-dark:#0e7490;--knt-blue:#2563eb;--knt-indigo:#4f46e5;--knt-green:#15803d;--knt-muted:#64748b;position:relative;isolation:isolate;overflow:hidden;padding:clamp(1rem,3vw,2rem);border:1px solid #cffafe;border-radius:24px;background:linear-gradient(145deg,#faffff 0%,#ecfeff 55%,#eef2ff 100%);color:var(--knt-ink);box-shadow:0 18px 50px rgba(8,145,178,.09)}
.knt-shape{position:absolute;z-index:-1;display:grid;place-items:center;border-radius:50%;font-weight:900;pointer-events:none}.knt-shape-one{width:190px;height:190px;right:-70px;top:-80px;background:#cffafe;color:rgba(8,145,178,.1);font-size:6rem}.knt-shape-two{width:145px;height:145px;left:-65px;bottom:-80px;background:#e0e7ff;color:rgba(79,70,229,.1);font-size:5rem}
.knt-hero{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem}.knt-brand{display:flex;align-items:center;gap:1rem;min-width:260px}.knt-logo{position:relative;width:66px;height:66px;display:flex;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;border:4px solid #fff;border-radius:20px;background:linear-gradient(145deg,#22d3ee,var(--knt-cyan));color:#fff;box-shadow:0 9px 22px rgba(8,145,178,.24);transform:rotate(-4deg)}.knt-logo span{font-size:1rem;font-weight:900}.knt-logo span:nth-child(2){font-size:1.5rem}.knt-kicker{display:block;color:var(--knt-cyan);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.knt-hero h2{margin:.15rem 0 .2rem;color:var(--knt-ink);font-size:clamp(1.5rem,3vw,2rem);line-height:1.1}.knt-hero p{max-width:38rem;margin:0;color:var(--knt-muted);font-size:.92rem}
.knt-stats{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:.55rem}.knt-stats>div{display:flex;align-items:center;gap:.45rem;min-width:82px;padding:.65rem .7rem;border:1px solid #cffafe;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(8,145,178,.05)}.knt-stat-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:#ecfeff;color:var(--knt-cyan);font-size:.74rem;font-weight:900}.knt-stats strong{display:block;color:var(--knt-ink);font-size:1.1rem;line-height:1;font-variant-numeric:tabular-nums}.knt-stats small{display:block;margin-top:.15rem;color:var(--knt-muted);font-size:.55rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.knt-settings{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;padding:.85rem;border:1px solid #cffafe;border-radius:17px;background:rgba(255,255,255,.82)}.knt-setting-label{display:block;margin-bottom:.3rem;color:#64748b;font-size:.62rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.knt-range-btns{display:flex;gap:.35rem;flex-wrap:wrap;padding:.25rem;border-radius:11px;background:#ecfeff}.knt-range-btn{display:inline-flex!important;align-items:center;justify-content:center;visibility:visible!important;min-width:64px;min-height:35px;padding:.4rem .6rem;border:0;border-radius:8px;background:transparent;color:#475569;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}.knt-range-btn.is-active{background:#fff;color:var(--knt-cyan-dark);box-shadow:0 3px 9px rgba(8,145,178,.13)}.knt-auto-speak{display:flex;align-items:center;gap:.45rem;color:#475569;font-size:.73rem;font-weight:800;cursor:pointer}.knt-auto-speak input{width:17px;height:17px;accent-color:var(--knt-cyan)}
.knt-tabs{display:flex;gap:.4rem;margin-bottom:1rem;padding:.3rem;border:1px solid #cffafe;border-radius:14px;background:rgba(255,255,255,.8)}.knt-tab{display:inline-flex!important;align-items:center;justify-content:center;gap:.45rem;visibility:visible!important;flex:1;min-height:43px;padding:.55rem 1rem;border:0;border-radius:10px;background:transparent;color:#64748b;font:inherit;font-size:.8rem;font-weight:900;cursor:pointer}.knt-tab span{min-width:27px;height:25px;display:grid;place-items:center;border-radius:7px;background:#f1f5f9;font-size:.58rem}.knt-tab.is-active{background:#fff;color:var(--knt-cyan-dark);box-shadow:0 4px 12px rgba(8,145,178,.12)}.knt-tab.is-active span{background:#cffafe;color:var(--knt-cyan-dark)}
.knt-panel{padding:clamp(.85rem,2vw,1.2rem);border:1px solid #cffafe;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 10px 28px rgba(8,145,178,.06)}.knt-explore-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.knt-explore-head p{margin:0;color:#64748b;font-size:.72rem}.knt-explore-head>span{color:#64748b;font-size:.68rem;font-weight:800}.knt-progress{height:7px;overflow:hidden;border-radius:99px;background:#e2e8f0}.knt-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--knt-cyan),#6366f1);transition:width .25s ease}
.knt-grid{display:grid;grid-template-columns:repeat(10,minmax(40px,1fr));gap:.38rem;max-height:300px;margin-top:.75rem;padding:.25rem;overflow:auto}.knt-num{position:relative;display:grid!important;place-items:center;visibility:visible!important;min-height:43px;padding:.3rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;color:var(--knt-ink);font:inherit;font-size:.77rem;font-weight:900;cursor:pointer}.knt-num:hover,.knt-num:focus-visible{border-color:#22d3ee;outline:3px solid rgba(34,211,238,.18)}.knt-num.is-explored::after{content:"";position:absolute;right:3px;top:3px;width:5px;height:5px;border-radius:50%;background:#22c55e}.knt-num.is-active{border-color:var(--knt-cyan);background:var(--knt-cyan);color:#fff}
.knt-detail{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid #a5f3fc;border-radius:18px;background:linear-gradient(135deg,#ecfeff,#eef2ff)}.knt-number{width:98px;height:98px;display:grid;place-items:center;border:4px solid #fff;border-radius:23px;background:linear-gradient(145deg,#22d3ee,var(--knt-cyan));color:#fff;font-size:2.5rem;font-weight:900;box-shadow:0 8px 20px rgba(8,145,178,.2);font-variant-numeric:tabular-nums}.knt-detail-copy{min-width:0}.knt-detail-label{color:var(--knt-cyan);font-size:.59rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.knt-detail h3{margin:.15rem 0 .45rem;color:var(--knt-ink);font-size:1.4rem;text-transform:capitalize}.knt-place-value{display:flex;align-items:stretch;gap:.45rem;flex-wrap:wrap}.knt-place-value>div{min-width:62px;padding:.45rem;border:1px solid #c7d2fe;border-radius:9px;background:#fff;text-align:center}.knt-place-value strong{display:block;color:var(--knt-indigo);font-size:1.05rem}.knt-place-value span{color:#64748b;font-size:.55rem;font-weight:900;text-transform:uppercase}.knt-place-value p{align-self:center;margin:0;color:#475569;font-size:.73rem;font-weight:800}.knt-nav{display:grid!important;place-items:center;visibility:visible!important;width:38px;height:48px;padding:0;border:1px solid #a5f3fc;border-radius:11px;background:#fff;color:var(--knt-cyan);font:inherit;font-size:1.7rem;font-weight:700;cursor:pointer}.knt-nav:hover{background:#ecfeff}
.knt-dots{display:flex;flex-wrap:wrap;gap:.38rem;margin:.65rem 0}.knt-ten-frame{display:grid;grid-template-columns:repeat(5,8px);grid-template-rows:repeat(2,8px);gap:3px;padding:5px;border:2px solid #a5f3fc;border-radius:8px;background:#fff}.knt-ten-frame i{width:8px;height:8px;border-radius:50%;background:#e2e8f0}.knt-ten-frame i.is-filled{background:linear-gradient(135deg,#22d3ee,var(--knt-cyan))}
.knt-action{display:inline-flex!important;align-items:center;justify-content:center;gap:.4rem;visibility:visible!important;min-width:160px;min-height:42px;padding:.6rem .85rem;border:2px solid var(--knt-cyan);border-radius:10px;font:inherit;font-size:.76rem;font-weight:900;line-height:1.2;cursor:pointer}.knt-action-primary{background:var(--knt-cyan)!important;color:#fff!important;box-shadow:0 6px 14px rgba(8,145,178,.2)}.knt-action-primary:hover{border-color:var(--knt-cyan-dark);background:var(--knt-cyan-dark)!important}.knt-action-outline{border-color:#67e8f9!important;background:#fff!important;color:var(--knt-cyan-dark)!important}.knt-action-outline:hover{background:#ecfeff!important}.knt-action:disabled{display:inline-flex!important;visibility:visible!important;cursor:not-allowed;opacity:.55}
.knt-quiz-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.knt-quiz-head h3{margin:.15rem 0 0;color:var(--knt-ink)}.knt-quiz-head label{display:flex;min-width:190px;flex-direction:column;gap:.25rem}.knt-quiz-head label span{color:#64748b;font-size:.6rem;font-weight:900;text-transform:uppercase}.knt-quiz-head select{min-height:38px;padding:.4rem .65rem;border:1px solid #a5f3fc;border-radius:9px;background:#fff;color:var(--knt-ink);font:inherit;font-size:.74rem;font-weight:800}.knt-round-row{display:flex;justify-content:space-between;gap:1rem;max-width:720px;margin:0 auto .35rem;color:#64748b;font-size:.67rem;font-weight:900}.knt-quiz-card{max-width:720px;margin:.8rem auto 0;padding:1.2rem;border:1px solid #a5f3fc;border-radius:18px;background:linear-gradient(145deg,#ecfeff,#fff);text-align:center}.knt-question-type{display:inline-block;padding:.23rem .5rem;border-radius:99px;background:#cffafe;color:var(--knt-cyan-dark);font-size:.59rem;font-weight:900;text-transform:uppercase}.knt-prompt{margin:.55rem 0;color:var(--knt-ink);font-size:1rem;font-weight:900}.knt-quiz-target{min-height:65px;justify-content:center;margin:.65rem auto}.knt-word-target{display:grid;place-items:center;padding:.8rem;color:var(--knt-indigo);font-size:clamp(1.4rem,4vw,2.1rem);font-weight:900;text-transform:capitalize}.knt-sequence{display:flex;align-items:center;justify-content:center;gap:.55rem}.knt-sequence span{width:58px;height:58px;display:grid;place-items:center;border:2px solid #c7d2fe;border-radius:13px;background:#fff;color:var(--knt-indigo);font-size:1.25rem;font-weight:900}.knt-sequence span:nth-child(2){border-color:var(--knt-cyan);background:#cffafe;color:var(--knt-cyan-dark)}
.knt-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;max-width:600px;margin:.8rem auto}.knt-choice{position:relative;display:grid!important;place-items:center;visibility:visible!important;min-height:62px;padding:.6rem;border:2px solid #dbeafe;border-radius:13px;background:#fff;color:var(--knt-ink);font:inherit;font-size:1.2rem;font-weight:900;cursor:pointer}.knt-choice-key{position:absolute;left:6px;top:6px;width:19px;height:19px;display:grid;place-items:center;border-radius:6px;background:#ecfeff;color:var(--knt-cyan);font-size:.55rem}.knt-choice:hover:not(:disabled),.knt-choice:focus-visible{border-color:#22d3ee;outline:3px solid rgba(34,211,238,.2)}.knt-choice.is-correct{border-color:#22c55e!important;background:#dcfce7!important;color:#14532d!important}.knt-choice.is-wrong{border-color:#ef4444!important;background:#fee2e2!important;color:#7f1d1d!important}.knt-choice:disabled:not(.is-correct):not(.is-wrong){opacity:.58}
.knt-feedback{min-height:38px;margin:.6rem 0;padding:.55rem;border-radius:10px;font-size:.76rem;font-weight:800}.knt-feedback.is-info{border:1px solid #a5f3fc;background:#ecfeff;color:#155e75}.knt-feedback.is-success{border:1px solid #86efac;background:#dcfce7;color:#14532d}.knt-feedback.is-error{border:1px solid #fca5a5;background:#fee2e2;color:#7f1d1d}.knt-actions{display:flex;justify-content:center;gap:.55rem}.knt-summary{max-width:720px;margin:1rem auto 0;padding:1.4rem;border:1px solid #fde68a;border-radius:18px;background:linear-gradient(135deg,#fffbeb,#ecfeff);text-align:center}.knt-summary-icon{width:50px;height:50px;display:grid;place-items:center;margin:0 auto .55rem;border-radius:50%;background:#fef3c7;color:#d97706;font-size:1.3rem}.knt-summary h3{margin:.2rem 0;color:var(--knt-ink)}.knt-summary p{margin:.35rem auto .9rem;color:#64748b}.knt-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .2rem 0;color:#64748b;font-size:.67rem}.knt-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}
@media(max-width:940px){.knt-hero{align-items:flex-start;flex-direction:column}.knt-stats{width:100%}.knt-grid{grid-template-columns:repeat(8,1fr)}}
@media(max-width:650px){.knt-tool{border-radius:18px}.knt-brand{align-items:flex-start}.knt-logo{width:54px;height:54px;border-radius:16px}.knt-stats{grid-template-columns:repeat(2,1fr)}.knt-stats>div{justify-content:center}.knt-settings{align-items:flex-start;flex-direction:column}.knt-tabs{flex-direction:column}.knt-grid{grid-template-columns:repeat(5,1fr)}.knt-detail{grid-template-columns:36px 1fr 36px;text-align:center}.knt-number{grid-column:2;width:86px;height:86px;margin:0 auto}.knt-detail-copy{grid-column:1/-1;grid-row:2}.knt-nav:first-child{grid-column:1;grid-row:1}.knt-nav:last-child{grid-column:3;grid-row:1}.knt-place-value{justify-content:center}.knt-dots{justify-content:center}.knt-quiz-head{align-items:stretch;flex-direction:column}.knt-choices{grid-template-columns:repeat(2,1fr)}.knt-actions{flex-direction:column-reverse}.knt-action{width:100%}.knt-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:380px){.knt-grid{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){.knt-progress span{transition:none}}