:root{--paper:#f7efdc;--ink:#15131a;--saffron:#ff9933;--magenta:#e8457f;--teal:#1fa39a;--yellow:#ffd23f;--muted:#5e5566;--font-sfx:"Bangers",Impact,"Arial Black",sans-serif;--font-letter:"Comic Neue","Comic Sans MS","Chalkboard SE",sans-serif;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-letter);font-size:17px;line-height:1.45}a{color:inherit}h1,h2{font-family:var(--font-sfx);font-weight:400;letter-spacing:.03em;line-height:1.1;margin:0}h1{font-size:clamp(30px,8vw,42px)}h2{font-size:24px}p{margin:0}main,.top,footer{max-width:600px;margin:0 auto;padding:0 16px}main{display:flex;flex-direction:column;gap:20px;padding-bottom:28px}.top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:14px;padding-bottom:14px}.brand{font-family:var(--font-sfx);font-size:24px;letter-spacing:.03em;text-decoration:none}.brand-link{font-weight:700}footer{padding-bottom:28px;font-size:13px;color:var(--muted)}.version{margin-top:8px;font-variant-numeric:tabular-nums}.btn{display:flex;align-items:center;justify-content:center;flex:1 1 140px;min-height:52px;border:3px solid var(--ink);font:inherit;font-size:17px;font-weight:700;cursor:pointer;background:#fff;color:var(--ink);box-shadow:4px 5px 0 var(--ink);padding:0 14px;text-decoration:none;text-align:center}.btn.primary{background:var(--saffron);font-family:var(--font-sfx);font-size:22px;letter-spacing:.04em;font-weight:400}.btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.btn.speaking{background:var(--yellow)}:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}.search{display:flex;gap:10px;flex-wrap:wrap}.search input{flex:3 1 200px;min-height:52px;min-width:0;border:3px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:18px;padding:0 12px}.search .btn{flex:0 0 auto;white-space:nowrap}.answer,.play,.intro{background:#fff;border:3.5px solid var(--ink);box-shadow:7px 8px 0 var(--ink);padding:18px 16px;display:flex;flex-direction:column;gap:14px}.word{color:var(--magenta)}.spelled{font-size:clamp(32px,10vw,52px);line-height:1.15;font-weight:400;overflow-wrap:anywhere}.spelled b,.facts b,.also b{color:var(--magenta);font-weight:700}.say{display:flex;gap:12px;flex-wrap:wrap}.say .btn{padding:0 8px;white-space:nowrap}.voice-status{color:#b3261e;font-size:15px}.summary{font-size:18px;font-weight:700}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0}.facts div{border:3px solid var(--ink);padding:8px 10px}.facts dt{font-size:13px;color:var(--muted)}.facts dd{margin:0;font-size:19px;overflow-wrap:anywhere}.ipa{font-family:Lucida Sans Unicode,DejaVu Sans,Segoe UI,system-ui,sans-serif}.rule{background:var(--yellow);border:3px solid var(--ink);padding:8px 10px}.also{display:flex;flex-direction:column;gap:8px}.also ul{margin:0;padding-left:20px}.note{font-size:14px;color:var(--muted)}.word-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.word-links a{display:block;border:2px solid var(--ink);background:#fff;padding:5px 11px;text-decoration:none;font-weight:700}.word-links a:hover{background:var(--yellow)}.links{display:flex;flex-direction:column;gap:10px}.play{background:var(--teal);color:#fff}.play .btn{color:var(--ink);flex:none}
