@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/da8a9dd0d68e512b-s.3tc7otjauzr1s.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/94b4a5dc1fe84361-s.3wm_n5jv1to7s.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/ff5be760267bb4bc-s.16ho2af8siaoz.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/99596c30eb072d3c-s.18qy1692brv69.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/e5864b32625b6bc3-s.19qxib7n2l0kn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/e285ad1a914469f0-s.15241mr5-1s6i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../media/47df9ba1c7236d3b-s.p.2adce56gso3ku.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Sans 3 Fallback";src:local(Arial);ascent-override:109.21%;descent-override:42.66%;line-gap-override:0.0%;size-adjust:93.76%}.source_sans_3_78252209-module__VY7SMW__className{font-family:"Source Sans 3","Source Sans 3 Fallback";font-style:normal}.source_sans_3_78252209-module__VY7SMW__variable{--font-sans:"Source Sans 3", "Source Sans 3 Fallback"}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1e219c03c996efbd-s.2qo5md4hn_gum.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.1d9rlgtqyj_-l.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/03bda585a99c6450-s.p.32sris142tqlb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_f6fe3225-module__VBDq0W__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_f6fe3225-module__VBDq0W__variable{--font-serif:"Fraunces", "Fraunces Fallback"}
html,body{background:#fffdf8;margin:0;padding:0}.wrap{--sans:var(--font-sans), "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--serif:var(--font-serif), "Fraunces", Georgia, "Times New Roman", serif;--paper:#fffdf8;--ink:#1c2530;--grey:#6b7580;--faint:#e6ddcf;--band-soft:#c4ccd4;--line-strong:#cdbfa8;--accent:#e47b02;--on-accent:var(--ink);--absent:#ddd6ca;--body:#36414c;--cream:#f6efe3;--accent-soft:#fbe8cf;--r:8px;--corner:22px;--edge:20px;background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--sans);padding:0 var(--edge) 30px;box-sizing:border-box;flex-direction:column;align-items:center;display:flex}.wrap *{box-sizing:border-box}.band{width:calc(100% + 2 * var(--edge));margin:0 calc(-1 * var(--edge));background:var(--ink);color:var(--paper);padding:16px var(--edge) 38px;border-radius:0 0 0 34px;justify-content:center;display:flex}.band__inner{width:100%;max-width:440px}.band__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.band__home{line-height:0;display:block}.band__logo{filter:brightness(0)invert();width:auto;height:28px;display:block}.band__right{align-items:center;gap:14px;display:flex}.band__link{color:var(--band-soft);text-underline-offset:3px;white-space:nowrap;font-size:14px;font-weight:600;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.band__link:hover{color:var(--paper);-webkit-text-decoration-color:var(--paper);text-decoration-color:var(--paper)}.band__help{width:30px;height:30px;color:var(--paper);font-family:var(--sans);cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:50%;flex:none;padding:0;font-size:15px;font-weight:700;line-height:1}.band__help:hover{border-color:var(--paper)}.band__title{font-family:var(--serif);letter-spacing:-.01em;color:var(--paper);margin:28px 0 8px;font-size:46px;font-weight:600;line-height:1}.band__sub{color:var(--band-soft);font-variant-numeric:tabular-nums;margin:0;font-size:16px}.logo{display:block}.cat{background:var(--paper);border:1px solid var(--faint);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:440px;margin:-24px auto 22px;padding:13px 16px;display:flex;position:relative;box-shadow:0 12px 24px -16px #1c253073}.cat__label{letter-spacing:.16em;text-transform:uppercase;color:var(--grey);flex:none;font-size:12px;font-weight:700}.cat__name{font-family:var(--serif);text-align:right;color:var(--ink);font-size:24px;font-weight:600;line-height:1.15}.stats{width:100%;max-width:440px;color:var(--grey);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin:14px auto 0;font-size:14px;display:flex}.stats b{color:var(--ink)}.grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:440px;margin:0 auto;display:grid}.cell{height:54px;font-family:var(--sans);letter-spacing:.04em;color:var(--ink);border:1.5px solid var(--faint);border-radius:var(--r);cursor:pointer;text-align:center;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;place-items:center;padding:10px 6px;font-size:clamp(12px,3.8vw,16px);font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;display:grid}.cell:hover:not(:disabled):not(.cell--on){border-color:var(--line-strong)}.cell:active:not(:disabled){transform:scale(.97)}.cell--on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 3px 10px #e47b024d}.cell--got{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.cell--missed{border-color:var(--faint);color:var(--grey);background:0 0}.cell--dim{color:var(--line-strong);border-color:#0000}.cell:disabled{cursor:default}.cell--shake{animation:.45s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.marked{white-space:nowrap}.mark{letter-spacing:.08em;margin:0 3px;font-weight:700}.cell--got .mark{color:var(--on-accent)}.cell--missed .mark{color:var(--ink)}.warn{text-align:center;width:100%;max-width:440px;color:var(--grey);opacity:0;min-height:20px;margin:12px auto 4px;font-size:15px;transition:opacity .2s}.warn--on{opacity:1}.btn{font-family:var(--sans);letter-spacing:.02em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;height:52px;padding:0 22px;font-size:16px;font-weight:700;transition:transform .12s,opacity .2s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.3;cursor:default}.btn--solid{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.btn--ghost{color:var(--ink);border:1px solid var(--ink);background:0 0}.btn--prompt{color:var(--grey);border:1px solid var(--faint);background:0 0}.btn--prompt:disabled{opacity:1}.btn--wide{width:100%;max-width:440px}.cell:focus-visible,.btn:focus-visible,.band__help:focus-visible,.band__home:focus-visible,.band__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.result{width:100%;max-width:440px;margin:0 auto;animation:.35s rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.say{color:var(--ink);margin:0 0 6px;font-size:18px;line-height:1.5}.say strong{font-weight:700}.say--quiet{color:var(--grey);font-size:16px}.say--quiet:last-of-type{margin-bottom:22px}.welcome{z-index:50;background:#1c253073;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome__card{background:var(--paper);border:1px solid var(--faint);border-radius:var(--corner) var(--r) var(--r) var(--r);text-align:center;flex-direction:column;width:100%;max-width:360px;max-height:calc(100dvh - 40px);padding:26px 22px 0;animation:.28s cubic-bezier(.2,.9,.3,1.05) riseIn;display:flex;box-shadow:0 18px 36px -24px #1c253066}.welcome__scroll{-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.welcome__foot{background:var(--paper);flex:none;padding:12px 0 22px;position:relative}.welcome__foot:before{content:"";pointer-events:none;background:linear-gradient(to bottom, #fffdf800, var(--paper));height:22px;position:absolute;top:-22px;left:0;right:0}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.welcome__mark{color:var(--accent);justify-content:center;margin:0 0 8px;display:flex}.welcome__title{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 14px;font-size:26px;font-weight:600;line-height:1.15}.welcome__hook{color:var(--ink);margin:0 0 24px;font-size:18px;line-height:1.5}.demo{border:1px solid var(--faint);border-radius:var(--r);text-align:center;margin:20px 0 22px;padding:22px 14px}.demo__split{letter-spacing:.18em;font-size:24px;font-weight:600;display:block}.demo__mark{background:var(--accent);color:var(--on-accent);border-radius:4px;margin:0 2px;padding:4px 3px 4px 7px;font-weight:700}.welcome__lead{color:var(--grey);text-align:left;margin:0 0 18px;font-size:16px;line-height:1.72}.welcome__lead:last-of-type{margin-bottom:22px}.welcome__foot .btn+.btn{margin-top:10px}.learn-toggle{width:100%;max-width:440px;color:var(--grey);font-family:var(--sans);cursor:pointer;text-align:center;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);background:0 0;border:none;margin:22px auto 0;padding:6px;font-size:15px;font-weight:600}.learn-toggle:hover{color:var(--ink);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.learn-toggle--on{color:var(--ink)}.learn-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.learn{border-top:1px solid var(--faint);text-align:left;width:100%;max-width:440px;margin:14px auto 0;padding-top:16px;animation:.35s rise}.learn__title{letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin:0 0 12px;font-size:13px;font-weight:700}.learn__list{margin:0;padding:0;list-style:none}.learn__item{margin:0 0 12px;font-size:16px;line-height:1.55}.learn__item:last-child{margin-bottom:0}.learn__word{letter-spacing:.04em;color:var(--ink);font-weight:700}.learn__def{color:var(--grey)}.learn__def--soon{font-style:italic}.learn__section{border-top:1px solid var(--faint);margin-top:22px;padding-top:18px}.learn__note{color:var(--grey);margin:4px 0 0;font-size:15px;line-height:1.5}.tn-board{grid-template-columns:1fr 1fr;gap:9px;width:100%;max-width:440px;margin:0 auto;display:grid}.tn-board__head{letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--grey);font-size:12px;font-weight:700}.tn-col{align-content:start;gap:9px;display:grid}.tn-tile{white-space:normal;letter-spacing:0;height:auto;min-height:54px;padding:8px 10px;font-size:16px;line-height:1.2}.tn-pair{background:var(--ink);min-height:54px;color:var(--paper);border-radius:var(--r);text-align:center;grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin:0;padding:8px 12px;font-size:15px;font-weight:600;line-height:1.2;animation:.3s rise;display:grid}.tn-pair__arrow{color:var(--band-soft)}.tn-example{border:1px solid var(--faint);border-radius:var(--r);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:20px 0 22px;padding:16px 12px;display:grid}.tn-example .cell{cursor:default}.tn-example__arrow{color:var(--grey)}.tn-stories{text-align:left;margin:4px 0 22px}.tn-story{border-top:1px solid var(--faint);padding:12px 0}.tn-story__pair{color:var(--ink);margin:0;font-size:17px;font-weight:700}.tn-story__pair span{color:var(--grey);margin:0 2px}.tn-story__text{color:var(--grey);margin:4px 0 0;font-size:16px;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ml-board{gap:7px;width:max-content;margin:24px auto 0;display:grid}.ml-row{grid-template-columns:repeat(5,54px);gap:7px;display:grid}.ml-row--shake{animation:.45s shake}.ml-tile{border:2px solid var(--faint);border-radius:var(--r);background:var(--paper);height:54px;color:var(--ink);place-items:center;font-size:26px;font-weight:700;display:grid}.ml-tile--typed{border-color:var(--line-strong);animation:.12s pop}.ml-tile--ok{background:var(--ink);border-color:var(--ink);color:var(--paper)}.ml-tile--in{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ml-tile--no{background:var(--absent);border-color:var(--absent);color:var(--grey)}@keyframes pop{0%{transform:scale(.92)}to{transform:none}}.ml-legend{text-align:left;gap:10px;margin:4px 0 18px;display:grid}.ml-legend p{color:var(--body);align-items:center;gap:12px;margin:0;font-size:15px;line-height:1.35;display:flex}.ml-legend .ml-tile{flex:none;width:40px;height:40px;font-size:20px}.ml-board--small{gap:4px;margin:0 auto 20px}.ml-board--small .ml-row{grid-template-columns:repeat(5,32px);gap:4px}.ml-board--small .ml-tile{border-width:0;border-radius:5px;height:32px;font-size:15px}.ml-result{margin-top:24px;margin-bottom:14px}.ml-clue-toggle{margin-top:4px}.ml-clue{background:var(--cream);border:1px solid var(--faint);width:100%;max-width:440px;color:var(--ink);border-radius:12px;margin:4px auto 0;padding:12px 14px;font-size:16px;line-height:1.45;animation:.3s rise}.ml-clue__label{letter-spacing:.1em;text-transform:uppercase;color:var(--grey);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.ml-keys{gap:7px;width:100%;max-width:480px;margin:16px auto 0;display:grid}.ml-keys__row{justify-content:center;gap:5px;display:flex}.ml-key{max-width:44px;height:54px;color:var(--ink);font-family:var(--sans);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ece5d8;border:0;border-radius:7px;flex:1 1 0;padding:0;font-size:18px;font-weight:700}.ml-key:active{transform:scale(.96)}.ml-key--wide{flex:1.6 1 0;max-width:72px;font-size:14px}.ml-key--ok{background:var(--ink);color:var(--paper)}.ml-key--in{background:var(--accent);color:var(--on-accent)}.ml-key--no{color:#b6ad9f;background:#f3efe8}.ml-key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ml-word{background:var(--cream);border-radius:var(--corner) var(--r) var(--r) var(--r);text-align:left;width:100%;max-width:440px;margin:0 auto 22px;padding:18px}.ml-word__label{letter-spacing:.1em;text-transform:uppercase;color:var(--grey);margin:0;font-size:12px;font-weight:700}.ml-word__word{font-family:var(--serif);color:var(--ink);margin:4px 0 6px;font-size:34px;font-weight:600}.ml-word__story{color:var(--body);margin:0;font-size:16px;line-height:1.5}.ml-word__teach{border-top:1px solid var(--line-strong);color:var(--ink);margin:12px 0 0;padding-top:12px;font-size:16px;font-weight:600;line-height:1.45}@media (max-width:360px){.ml-row{grid-template-columns:repeat(5,48px)}.ml-tile{height:48px}}@media (max-width:400px){.band__title{font-size:40px}}@media (prefers-reduced-motion:reduce){.wrap *,.wrap :before{transition:none!important;animation:none!important}}
