.sp-meaning{color:#2e4560;margin:0;font-size:17px;line-height:1.4}.sp-meaning b{color:var(--navy)}.sp-sentence{color:#2e4560;overflow-wrap:anywhere;margin:12px 0 0;font-size:18px;font-style:italic;line-height:1.45}.sp-sentence.big{color:var(--navy);font-size:clamp(20px,2.4vw,26px);font-style:normal;font-weight:600}.sp-hear-card{flex-direction:column;align-items:center;gap:6px;display:flex}.sp-hear-big{color:#5a3fd6;background:#ece7ff;border:0;border-radius:50%;place-items:center;width:128px;height:128px;transition:transform .12s;display:grid;box-shadow:0 6px #cbbff7}.sp-hear-big:hover{transform:translateY(-2px)}.sp-hear-big:active{transform:translateY(4px);box-shadow:0 2px #cbbff7}.sp-hear-big:focus-visible{outline:3px solid var(--brand-blue);outline-offset:3px}.sp-type{text-align:center;width:min(100%,420px);height:64px;font-family:var(--font-trace), Andika, sans-serif;letter-spacing:1px;color:var(--navy);border-radius:14px;padding:0 18px;font-size:30px;font-weight:700}.sp-type::placeholder{color:#c3cbd9;font-family:var(--font-display);letter-spacing:0;font-size:20px;font-weight:600}.sp-option{font-family:var(--font-trace), Andika, sans-serif;font-size:1.35em;font-weight:700}.sp-result{overflow-wrap:anywhere;border-radius:16px;gap:8px;padding:14px 16px;font-size:18px;line-height:1.4;display:grid}.sp-result p{margin:0}.sp-result.right{color:#0f5a34;background:#e6f7ee}.sp-result.wrong{color:#8a2626;background:#fff0f0}.sp-big{font-family:var(--font-trace), Andika, sans-serif;letter-spacing:.5px;font-size:28px}.sp-rule{color:#6b4a00;background:#fff8e1;border-radius:12px;padding:8px 12px;font-size:16px}.sp-fill{text-underline-offset:4px;text-decoration-thickness:3px}.sp-meanings{color:#2e4560;gap:4px;margin:0;padding:0;font-size:16px;list-style:none;display:grid}.sp-meanings b{color:var(--navy)}.sp-say{background:#faf8ff;border:2px solid #e4ddff;border-radius:18px;gap:12px;padding:16px;display:grid}.sp-say-head{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.sp-say-title{font-family:var(--font-display);color:#4b33c4;margin:0;font-size:20px;font-weight:700}.sp-say-btns{flex-wrap:wrap;gap:8px;display:flex}.sp-say-btn{min-height:44px;color:var(--navy);background:#fff;border:0;border-radius:14px;align-items:center;gap:8px;padding:8px 14px;font-size:15px;font-weight:600;transition:transform .12s,background .15s;display:inline-flex;box-shadow:0 3px #d9d2f5}.sp-say-btn svg{color:#6a4ff0}.sp-say-btn:hover:not(:disabled){background:#f1edff}.sp-say-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #d9d2f5}.sp-say-btn:disabled{opacity:.6}.sp-say-btn.on{color:#fff;background:#6a4ff0}.sp-say-btn.on svg{color:#fff}.sp-say-btn.rec svg{color:#d6336c}.sp-say-btn.rec.on{color:#fff;background:#d6336c}.sp-say-btn.rec.on svg{color:#fff}.sp-say-btn:focus-visible{outline:3px solid var(--brand-blue);outline-offset:2px}.sp-syl-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sp-syl{min-width:56px;min-height:56px;color:var(--navy);font-family:var(--font-trace), Andika, sans-serif;background:#fff;border:0;border-radius:14px;padding:6px 14px;font-size:30px;font-weight:700;transition:transform .12s,background .15s,box-shadow .15s;box-shadow:0 4px #d9d2f5}.sp-syl.clapped{box-shadow:0 4px #b9e4cb,inset 0 0 0 2px #22a861}.sp-syl.lit{background:#ffe58a;transform:translateY(-4px)scale(1.06);box-shadow:0 8px #f0c94a}.sp-syl:focus-visible{outline:3px solid var(--brand-blue);outline-offset:2px}.sp-syl-dot{color:#a99be6;font-size:28px;font-weight:700}.sp-syl-mark{color:#b0124b;text-underline-offset:3px;background:#ffd8e4;border-radius:6px;padding:0 2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:2px}.sp-say-note{color:#4a5a78;margin:0;font-size:15px}.sp-say-tip{color:var(--navy);background:#fff;border-radius:12px;margin:0;padding:8px 12px;font-size:16px}.sp-say-tip .sp-syl-mark{font-family:var(--font-trace), Andika, sans-serif;font-weight:700}.sp-rec{border-top:1px dashed #d9d2f5;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-top:10px;display:flex}.sp-rec-note{color:#4a5a78;flex:220px;margin:0;font-size:14px;line-height:1.4}.sp-rec-dot{vertical-align:middle;background:#d6336c;border-radius:50%;width:10px;height:10px;margin-right:4px;animation:1s ease-in-out infinite sp-pulse;display:inline-block}@keyframes sp-pulse{50%{opacity:.25}}@media (max-width:639px){.sp-say{padding:12px}.sp-say-btn{padding:8px 12px;font-size:14px}.sp-syl{min-width:48px;min-height:50px;padding:4px 10px;font-size:26px}.sp-type{height:58px;font-size:26px}.sp-hear-big{width:104px;height:104px}.sp-big{font-size:24px}}@media (prefers-reduced-motion:reduce){.sp-syl,.sp-say-btn,.sp-hear-big{transition:none}.sp-syl.lit{transform:none}.sp-rec-dot{animation:none}}