.cw-tile{--cw-lip:3px;--cw-face:var(--color-paper);--cw-bd:var(--color-line-dark);--cw-edge:transparent;--cw-fg:var(--color-ink);--cw-down:var(--cw-lip);aspect-ratio:1;min-width:0;margin-bottom:var(--cw-lip);border:2px solid var(--cw-bd);background-color:var(--cw-face);color:var(--cw-fg);box-shadow:0 var(--cw-lip) 0 0 var(--cw-edge);translate:0 var(--cw-down);font-family:var(--font-mono);text-transform:uppercase;font-variant-numeric:tabular-nums;transition:translate .11s var(--ease-out), box-shadow .11s var(--ease-out), border-color .11s var(--ease-out), background-color .11s var(--ease-out);border-radius:10px;place-items:center;font-weight:800;line-height:1;display:grid;position:relative}.cw-tile[data-st=typed]{--cw-bd:var(--color-ink);--cw-edge:var(--color-ink);--cw-down:0px}.cw-tile[data-st=bad]{--cw-face:var(--color-red-soft);--cw-bd:var(--color-red);--cw-edge:var(--color-red);--cw-fg:var(--color-red-ink);--cw-down:0px;background-image:repeating-linear-gradient(45deg,#e5322b21 0 2px,#0000 2px 7px)}.cw-tile[data-st=short]{--cw-bd:#e5322b99}.cw-tile[data-mark=correct]{--cw-face:var(--color-cobalt);--cw-bd:var(--color-cobalt);--cw-edge:var(--color-cobalt-ink);--cw-fg:#fff;--cw-down:0px}.cw-tile[data-mark=present]{--cw-face:var(--color-yellow);--cw-bd:var(--color-yellow);--cw-edge:var(--color-yellow-deep);--cw-fg:var(--color-ink);--cw-down:0px}.cw-tile[data-mark=absent]{--cw-face:var(--color-ink-3);--cw-bd:var(--color-ink-3);--cw-edge:transparent;--cw-fg:#fff;--cw-down:var(--cw-lip)}.cw-tile.is-flip{animation:cw-flip .24s var(--ease-out) both}.cw-tile__glyph{font-size:10px;font-weight:800;line-height:1;position:absolute;top:3px;right:4px}@media (min-width:640px){.cw-tile__glyph{font-size:11px;top:4px;right:5px}}.cw-tile--compact .cw-tile__glyph{font-size:9px;top:2px;right:3px}.cw-tile--compact{border-radius:7px}.cw-tile__ch{display:inline-block}.cw-tile__ch.is-in{animation:cw-letter-in .12s var(--ease-out) both}.cw-swatch{width:18px;height:18px;font-family:var(--font-mono);border-radius:5px;flex:none;place-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-grid}.cw-swatch[data-mark=correct]{background-color:var(--color-cobalt);color:#fff}.cw-swatch[data-mark=present]{background-color:var(--color-yellow);color:var(--color-ink)}.cw-swatch[data-mark=absent]{background-color:var(--color-ink-3);color:#fff}.cw-key{--k-lip:3px;--k-face:var(--color-paper);--k-bd:var(--color-line-dark);--k-edge:var(--color-line-dark);--k-fg:var(--color-ink);min-width:0;height:44px;margin-bottom:var(--k-lip);border:2px solid var(--k-bd);background-color:var(--k-face);color:var(--k-fg);box-shadow:0 var(--k-lip) 0 0 var(--k-edge);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .11s var(--ease-out), box-shadow .11s var(--ease-out), background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.3rem;padding:0;font-size:15px;font-weight:800;line-height:1;display:inline-flex;position:relative}@media (hover:hover){.cw-key:not(:disabled):not([data-mark=absent]):hover{box-shadow:0 calc(var(--k-lip) + 1px) 0 0 var(--k-edge);transform:translateY(-1px)}}.cw-key:not(:disabled):active,.cw-key.is-down:not(:disabled){transform:translateY(var(--k-lip));box-shadow:0 0 0 0 var(--k-edge);transition-duration:40ms}.cw-key:focus-visible{outline:3px solid var(--color-cobalt);outline-offset:2px}.cw-key[data-mark=correct]{--k-face:var(--color-cobalt);--k-bd:var(--color-cobalt);--k-edge:var(--color-cobalt-ink);--k-fg:#fff}.cw-key[data-mark=present]{--k-face:var(--color-yellow);--k-bd:var(--color-yellow);--k-edge:var(--color-yellow-deep);--k-fg:var(--color-ink)}.cw-key[data-mark=absent]{--k-face:var(--color-ink-3);--k-bd:var(--color-ink-3);--k-edge:transparent;--k-fg:#fff;transform:translateY(var(--k-lip));box-shadow:none;text-decoration-color:#ffffffbf}.cw-key--wide{letter-spacing:.06em;--k-face:var(--color-ink);--k-bd:var(--color-ink);--k-edge:#000;--k-fg:#fff;flex-grow:1.55;font-size:12px}.cw-key--go{--k-face:var(--color-cobalt);--k-bd:var(--color-cobalt);--k-edge:var(--color-cobalt-ink)}.cw-key:disabled{cursor:default;transform:translateY(var(--k-lip));box-shadow:none}.cs-term{background-color:var(--color-ink);color:#fff;cursor:text;border-radius:17px;position:relative;overflow:hidden}.cs-term__head{height:38px;font-family:var(--font-mono);color:#9b9ba4;border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding:0 14px;font-size:12px;font-weight:500;display:flex}.cs-term__dots{gap:5px;display:inline-flex}.cs-term__dots i{background-color:#ffffff42;border-radius:50%;width:9px;height:9px;display:block}.cs-term__prompt{color:#ffffff8c;transition:color .15s var(--ease-out);margin-left:auto;font-weight:700}.cs-term.is-live .cs-term__prompt{color:var(--color-yellow)}.cs-code{isolation:isolate;font-family:var(--font-mono);letter-spacing:-.01em;color:#7f7f89;overflow-wrap:anywhere;transition:opacity .15s var(--ease-out);margin:0;padding:18px 16px 20px;font-size:clamp(16px,4.4vw,18px);font-weight:500;line-height:1.65;position:relative}@media (min-width:640px){.cs-code{padding:22px 22px 24px;font-size:20px}}@media (min-width:768px){.cs-code{padding:30px 28px 32px;font-size:24px}}.cs-code.is-dim{opacity:.45}.cs-ch.is-str{color:#ffc40099}.cs-ch.is-done{color:#fff}.cs-ch.is-str.is-done{color:var(--color-yellow)}.cs-ch.is-wrong{color:#ff7a73;background:repeating-linear-gradient(-45deg,#ff6a62 0 2px,#0000 2px 5px) 0 100%/100% 5px no-repeat,#e5322b4d;border-radius:3px 3px 0 0}.cs-ch.is-at{color:var(--color-ink)}.cs-caret{z-index:-1;background-color:var(--color-yellow);pointer-events:none;width:1ch;height:1.35em;transition:transform .1s var(--ease-out), opacity .15s var(--ease-out);border-radius:3px;position:absolute;top:0;left:0}.cs-term__out{background-color:var(--color-cobalt-soft);min-height:46px;color:var(--color-cobalt-ink);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;animation:cs-out-in .2s var(--ease-out) both;align-items:center;gap:10px;padding:0 16px;font-size:13px;font-weight:700;display:flex}.cs-mark-ok{background-color:var(--color-cobalt);border-radius:50%;flex:none;width:14px;height:14px;display:block}.ink-code{background-color:var(--color-ink);color:#fff;font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;margin:0;padding:12px 14px;font-size:13px;line-height:1.6;overflow-x:auto}.ink-code .is-str{color:var(--color-yellow)}@keyframes cw-flip{0%{transform:rotateX(0)}50%{transform:rotateX(-90deg)}to{transform:rotateX(0)}}@keyframes cw-letter-in{0%{opacity:.35;transform:scale(.72)}to{opacity:1;transform:none}}@keyframes cs-out-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:374px){.cw-key--wide{letter-spacing:0;padding-inline:2px;font-size:10.5px}}