.unscramble.svelte-1fiy6cs{--demo-size: clamp(1.375rem, 2.8vw, 2.125rem);--inset: var(--space-6)}.unscramble__field.svelte-1fiy6cs{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);min-height:calc(var(--demo-size) * 1.2 + 2 * var(--space-6));padding:var(--space-4) var(--space-4) var(--space-4) var(--inset);border:1px solid var(--line-strong);border-radius:var(--r-panel);background:var(--paper);box-shadow:var(--shadow-control);transition:border-color var(--micro) var(--ease-out),box-shadow var(--micro) var(--ease-out)}.unscramble__field.svelte-1fiy6cs:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 0 5px var(--accent-soft)}.unscramble__type.svelte-1fiy6cs{position:relative;flex:1 1 14rem;min-width:0;overflow:hidden}.unscramble__mirror.svelte-1fiy6cs{position:absolute;inset:0;display:flex;align-items:baseline;font-size:var(--demo-size);font-weight:500;letter-spacing:-.02em;line-height:1.2;white-space:pre;pointer-events:none}.unscramble__typed.svelte-1fiy6cs{color:transparent}.unscramble__mark.svelte-1fiy6cs{color:transparent;background:var(--accent-soft);border-radius:3px;box-shadow:inset 0 -2px 0 var(--accent)}.unscramble__mark--zw.svelte-1fiy6cs{background:none;box-shadow:0 0 0 1px var(--accent);border-radius:0}.unscramble__input.svelte-1fiy6cs{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;font-size:var(--demo-size);font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--ink);caret-color:var(--accent)}.unscramble__input.svelte-1fiy6cs::placeholder{color:var(--ink-muted)}.unscramble__input.svelte-1fiy6cs:focus{outline:none}.unscramble__read.svelte-1fiy6cs{display:inline-flex;align-items:baseline;gap:.3em;margin-inline-start:.4em;transition:opacity var(--micro) var(--ease-out)}.unscramble__arrow.svelte-1fiy6cs{color:var(--ink-faint);font-weight:400}.unscramble__arrow.svelte-1fiy6cs:dir(rtl){transform:scaleX(-1)}.unscramble__decode.svelte-1fiy6cs{font-weight:650;color:var(--ink)}.unscramble__char.svelte-1fiy6cs{display:inline-block;animation:svelte-1fiy6cs-drop var(--settle) var(--ease-out) both;animation-delay:calc(var(--i, 0) * var(--decode-char))}.unscramble__aside.svelte-1fiy6cs{display:grid;flex:0 1 auto;justify-items:end;align-items:center;min-width:0;padding-right:calc(var(--inset) - var(--space-4))}.unscramble__aside.svelte-1fiy6cs>:where(.svelte-1fiy6cs){grid-area:1 / 1}.unscramble__answer.svelte-1fiy6cs{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);transition:opacity var(--micro) var(--ease-out)}.unscramble__key.svelte-1fiy6cs{white-space:nowrap;color:var(--ink-faint);transition:color var(--micro) var(--ease-out),opacity .18s var(--ease-out),transform var(--settle) var(--ease-out)}.unscramble__key.is-away.svelte-1fiy6cs{opacity:0;transform:translateY(-6px);pointer-events:none}.unscramble__field.svelte-1fiy6cs:focus-within .unscramble__key:where(.svelte-1fiy6cs){color:var(--ink-muted)}.unscramble__field[data-stale].svelte-1fiy6cs .unscramble__read:where(.svelte-1fiy6cs){opacity:0}.unscramble__answer.is-away.svelte-1fiy6cs{opacity:0;transform:translateY(6px)}.unscramble__answer.svelte-1fiy6cs{transition:opacity .18s var(--ease-out),transform var(--settle) var(--ease-out)}.unscramble__wait.svelte-1fiy6cs{display:inline-flex;align-items:center;gap:.55em;white-space:nowrap;color:var(--ink-muted);transition:opacity .18s var(--ease-out),transform var(--settle) var(--ease-out)}.unscramble__wait.is-away.svelte-1fiy6cs{opacity:0;transform:translateY(-6px)}.unscramble__dots.svelte-1fiy6cs{display:inline-flex;gap:3px}.unscramble__dots.svelte-1fiy6cs i:where(.svelte-1fiy6cs){width:5px;height:5px;border-radius:50%;background:var(--accent);animation:svelte-1fiy6cs-wait-dot .9s var(--ease-out) infinite both}.unscramble__dots.svelte-1fiy6cs i:where(.svelte-1fiy6cs):nth-child(2){animation-delay:.15s}.unscramble__dots.svelte-1fiy6cs i:where(.svelte-1fiy6cs):nth-child(3){animation-delay:.3s}@keyframes svelte-1fiy6cs-wait-dot{0%,to{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-2px)}}.unscramble__progress.svelte-1fiy6cs{position:absolute;inset:auto 0 0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;pointer-events:none}.unscramble__field[data-waiting].svelte-1fiy6cs .unscramble__progress:where(.svelte-1fiy6cs){animation:svelte-1fiy6cs-sweep 1.1s var(--ease-out) infinite}@keyframes svelte-1fiy6cs-sweep{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.01%{transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.unscramble__chip.svelte-1fiy6cs{animation:svelte-1fiy6cs-land var(--settle) var(--ease-out) both;animation-delay:calc(var(--i, 0) * var(--decode-char))}.unscramble__verdict.svelte-1fiy6cs{white-space:nowrap;animation:svelte-1fiy6cs-stamp var(--settle) var(--ease-out) both;animation-delay:calc(var(--i, 0) * var(--decode-char))}.unscramble__error.svelte-1fiy6cs{padding:.3em .65em;border-radius:var(--r-chip);background:var(--block-soft);color:var(--ink);font-size:.9rem}@keyframes svelte-1fiy6cs-drop{0%{opacity:0;transform:translateY(-.4em) scale(1.08)}to{opacity:1;transform:none}}@keyframes svelte-1fiy6cs-land{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes svelte-1fiy6cs-stamp{0%{opacity:0;transform:scale(1.3)}60%{opacity:1}to{opacity:1;transform:none}}@media(max-width:600px){.unscramble.svelte-1fiy6cs{--inset: var(--space-4)}.unscramble__field.svelte-1fiy6cs{padding-right:var(--inset)}.unscramble__type.svelte-1fiy6cs{flex-basis:100%}.unscramble__aside.svelte-1fiy6cs{flex-basis:100%;justify-items:start;padding-right:0}.unscramble__answer.svelte-1fiy6cs{justify-content:flex-start}.unscramble__key.svelte-1fiy6cs{display:none}.unscramble__wait.svelte-1fiy6cs{justify-self:start}}@media(prefers-reduced-motion:reduce){.unscramble__key.svelte-1fiy6cs,.unscramble__wait.svelte-1fiy6cs,.unscramble__answer.svelte-1fiy6cs{transition:none}.unscramble__dots.svelte-1fiy6cs i:where(.svelte-1fiy6cs),.unscramble__field[data-waiting].svelte-1fiy6cs .unscramble__progress:where(.svelte-1fiy6cs){animation:none}.unscramble__dots.svelte-1fiy6cs i:where(.svelte-1fiy6cs){opacity:.6}.unscramble__char.svelte-1fiy6cs,.unscramble__chip.svelte-1fiy6cs,.unscramble__verdict.svelte-1fiy6cs{animation:none}}
