.kst-tool{--p:#db2777;--pd:#be185d;--ink:#4a2340;padding:clamp(1rem,3vw,2rem);border:1px solid #fbcfe8;border-radius:24px;background:linear-gradient(145deg,#fffafd,#fdf2f8 58%,#fff7ed);color:var(--ink);box-shadow:0 18px 50px #9d174d14}.kst-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.kst-brand{display:flex;align-items:center;gap:1rem}.kst-logo{width:64px;height:64px;display:grid;place-items:center;flex:none;border:4px solid #fff;border-radius:20px;background:linear-gradient(145deg,#f472b6,var(--p));color:#fff;font-size:1.4rem;font-weight:900;box-shadow:0 8px 20px #db277738}.kst-kicker,.kst-settings span{color:var(--p);font-size:.64rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.kst-hero h2{margin:.15rem 0;font-size:clamp(1.5rem,3vw,2rem)}.kst-hero p{margin:0;color:#64748b}.kst-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.kst-stats div{min-width:76px;padding:.65rem;border:1px solid #fbcfe8;border-radius:13px;background:#fff;text-align:center}.kst-stats strong{display:block;color:var(--p);font-size:1.12rem}.kst-stats small{font-size:.54rem;color:#64748b;text-transform:uppercase}.kst-settings{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem;padding:.8rem;border:1px solid #fbcfe8;border-radius:15px;background:#ffffffdd}.kst-settings>div{flex:1}.kst-pills{display:flex;gap:.3rem;margin-top:.3rem;padding:.25rem;border-radius:10px;background:#fdf2f8}.kst-pills button{flex:1;min-height:36px;border:0;border-radius:8px;background:transparent;font-weight:800}.kst-pills button.is-active{background:#fff;color:var(--p);box-shadow:0 3px 9px #9d174d1c}.kst-settings label{display:flex;flex-direction:column;gap:.25rem}.kst-settings select,.kst-sound{min-height:38px;padding:.4rem .65rem;border:1px solid #f9a8d4;border-radius:9px;background:#fff;font-weight:800}.kst-sound.is-on{background:#fdf2f8;color:var(--pd)}.kst-quiz{padding:1.2rem;border:1px solid #fbcfe8;border-radius:20px;background:#fff}.kst-round{display:flex;justify-content:space-between;color:#64748b;font-size:.67rem;font-weight:900}.kst-progress{height:8px;margin:.4rem 0 1rem;border-radius:99px;background:#e2e8f0;overflow:hidden}.kst-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--p),#fb923c)}.kst-word-card{max-width:680px;margin:auto;padding:1rem;border:2px dashed #f9a8d4;border-radius:18px;background:#fdf2f8;text-align:center}.kst-picture{font-size:3.5rem}.kst-word-card>span{display:inline-block;padding:.2rem .5rem;border-radius:99px;background:#fce7f3;color:var(--pd);font-size:.6rem;font-weight:900;text-transform:uppercase}.kst-word-card p{margin:.45rem 0;font-weight:900}.kst-listen{padding:.4rem .7rem;border:1px solid #f9a8d4;border-radius:9px;background:#fff;color:var(--pd);font-weight:800}.kst-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;max-width:680px;margin:.8rem auto}.kst-choice{position:relative;min-height:56px;padding:.6rem .6rem .6rem 2.5rem;border:2px solid #fbcfe8;border-radius:12px;background:#fff;color:var(--ink);font-size:1rem;font-weight:900;text-align:left;text-transform:lowercase}.kst-choice span{position:absolute;left:.6rem;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#fdf2f8;color:var(--p);font-size:.6rem}.kst-choice.is-correct{border-color:#22c55e;background:#dcfce7;color:#14532d}.kst-choice.is-wrong{border-color:#ef4444;background:#fee2e2;color:#7f1d1d}.kst-choice:disabled:not(.is-correct):not(.is-wrong){opacity:.5}.kst-type-area{max-width:560px;margin:.8rem auto;text-align:left}.kst-type-area label{display:block;margin-bottom:.3rem;color:#64748b;font-size:.65rem;font-weight:900;text-transform:uppercase}.kst-type-area>div{display:flex;gap:.5rem}.kst-type-area input{flex:1;min-width:0;padding:.65rem;border:2px solid #f9a8d4;border-radius:10px;font-size:1rem;font-weight:800}.kst-feedback,.kst-help{max-width:680px;margin:.6rem auto;padding:.6rem;border-radius:10px;text-align:center;font-size:.76rem;font-weight:800}.kst-feedback.is-info{background:#fdf2f8;color:#9d174d}.kst-feedback.is-success{background:#dcfce7;color:#14532d}.kst-feedback.is-error{background:#fee2e2;color:#7f1d1d}.kst-help{display:flex;justify-content:center;gap:1rem;background:#fffbeb;color:#713f12}.kst-help b{font-size:1rem}.kst-actions{display:flex;justify-content:center;gap:.55rem}.kst-action{min-width:165px;min-height:42px;padding:.55rem .8rem;border:2px solid var(--p);border-radius:10px;font-weight:900}.kst-primary{background:var(--p);color:#fff}.kst-outline{background:#fff;color:var(--pd)}.kst-action:disabled{opacity:.5}.kst-summary{margin-top:1rem;padding:1.2rem;border:1px solid #fde68a;border-radius:18px;background:#fffbeb;text-align:center}.kst-summary>div{font-size:1.5rem;color:#d97706}.kst-summary h3{margin:.3rem 0}.kst-summary p{color:#64748b}.kst-footer{display:flex;justify-content:space-between;padding:.7rem .2rem 0;color:#64748b;font-size:.67rem}.kst-footer button{border:0;background:transparent;color:#64748b;text-decoration:underline}@media(max-width:850px){.kst-hero{align-items:flex-start;flex-direction:column}.kst-stats{width:100%}}@media(max-width:560px){.kst-stats{grid-template-columns:repeat(2,1fr)}.kst-settings{align-items:stretch;flex-direction:column}.kst-choices{grid-template-columns:1fr}.kst-actions,.kst-type-area>div{flex-direction:column}.kst-action{width:100%}}

/* Balanced spacing rhythm */
.kst-tool{display:flex;flex-direction:column;gap:clamp(14px,2vw,22px)}
.kst-hero,.kst-settings,.kst-summary{margin:0}
.kst-brand,.kst-brand>div:last-child{min-width:0}
.kst-settings{padding:clamp(14px,2vw,20px);gap:14px}
.kst-settings>div{min-width:260px}
.kst-quiz{padding:clamp(16px,2.6vw,28px)}
.kst-word-card{padding:clamp(18px,2.6vw,28px)}
.kst-choices,.kst-type-area{margin:16px auto}
.kst-choices{gap:12px}
.kst-feedback,.kst-help{margin:12px auto;padding:12px 14px}
.kst-actions{gap:12px;margin-top:16px}
.kst-footer{padding:0 4px}
@media(max-width:560px){.kst-tool{gap:14px}.kst-brand{align-items:flex-start}.kst-logo{width:54px;height:54px;border-radius:16px}.kst-settings>div{min-width:0}.kst-round,.kst-footer{gap:8px;align-items:flex-start;flex-direction:column}.kst-quiz{padding:14px}.kst-word-card{padding:18px 14px}.kst-actions{margin-top:14px}}