@font-face{font-family: Fredoka;src: url(fonts/fredoka-latin.woff2) format("woff2");font-weight: 500 700;font-display: swap}@font-face{font-family: Lexend;src: url(fonts/lexend-latin.woff2) format("woff2");font-weight: 400 600;font-display: swap}@font-face{font-family: "Fredoka fb";src: local("Arial Bold"), local("Arial-BoldMT"), local("Arial");font-weight: 500 700;size-adjust: 94.2%;ascent-override: 103%;descent-override: 25.5%;line-gap-override: 0%}@font-face{font-family: "Lexend fb";src: local("Arial"), local("ArialMT");font-weight: 400;size-adjust: 109%;ascent-override: 91.7%;descent-override: 22.9%;line-gap-override: 0%}@font-face{font-family: "Lexend fb";src: local("Arial Bold"), local("Arial-BoldMT");font-weight: 600 700;size-adjust: 105.7%;ascent-override: 94.6%;descent-override: 23.7%;line-gap-override: 0%}:root{--ink: #22163B;--muted: #5B4E78;--paper: #FFFFFF;--tint: #EAF3FF;--accent: #1F66D1;--blue: #1F66D1;--pink: #C81D63;--green: #0B7A55;--yellow: #FFD23F;--purple: #7A3FE0;--bad: #C8102E;--line: 2.5px solid var(--ink);--lift: 0 5px 0 var(--ink);--display: Fredoka, "Fredoka fb", "Arial Rounded MT Bold", system-ui, sans-serif;--text: Lexend, "Lexend fb", system-ui, sans-serif}*{box-sizing: border-box;-webkit-tap-highlight-color: transparent}html,body{margin: 0;overflow-anchor: none}body{font: 400 17px/1.55 var(--text);color: var(--ink);background-color: var(--tint);background-image: radial-gradient(rgba(34,22,59,.07) 1.5px, transparent 1.6px);background-size: 22px 22px;min-height: 100vh;overflow-x: hidden}a{color: inherit}h1,h2,h3{font-family: var(--display);font-weight: 700;line-height: 1.1;text-wrap: balance}p,li,footer{text-wrap: pretty}:focus-visible{outline: 3px solid var(--blue);outline-offset: 3px;border-radius: 6px}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}:root{--anchor-top: 0px;--anchor-top-extra: 0px;--anchor-bottom: 0px;--anchor-bottom-extra: 0px;--avail: 100vh}.app{position: relative;z-index: 1;max-width: 480px;margin: 0 auto;padding: calc(0px + var(--anchor-top-extra)) 16px calc(40px + var(--anchor-bottom-extra))}.ad{border: 2px dashed #9C8FBF;border-radius: 12px;color: var(--muted);display: grid;place-items: center;text-align: center;font-size: 13px;background: rgba(255,255,255,.55);margin: 16px 0}.ad.banner{min-height: 100px}.ad.rect{min-height: 280px}.sticker{background: var(--paper);border: var(--line);border-radius: 22px;box-shadow: var(--lift)}.hud{display: flex;align-items: center;justify-content: space-between;gap: 8px}.pill{display: inline-flex;align-items: center;gap: 6px;text-decoration: none;background: var(--paper);border: var(--line);border-radius: 999px;box-shadow: 0 3px 0 var(--ink);padding: 6px 14px;min-height: 44px;font: 600 17px var(--display)}.icon-btn{appearance: none;width: 44px;height: 44px;border-radius: 50%;cursor: pointer;font-size: 19px;background: var(--paper);border: var(--line);box-shadow: 0 3px 0 var(--ink);color: var(--ink)}.btn{appearance: none;display: block;width: 100%;text-align: center;text-decoration: none;cursor: pointer;font: 700 22px var(--display);letter-spacing: .2px;color: #fff;background: var(--green);border: var(--line);border-radius: 18px;box-shadow: var(--lift);padding: 13px 16px;transition: transform .08s, box-shadow .08s}.btn:active{transform: translateY(4px);box-shadow: 0 1px 0 var(--ink)}.btn.secondary{background: var(--paper);color: var(--ink)}.btn.accent{background: var(--accent)}@keyframes pop-in{from{transform: scale(0) rotate(-25deg);opacity: 0}}@keyframes bob{50%{transform: translateY(-8px) rotate(-6deg)}}.title{text-align: center;margin: 18px 0 20px}.title h1{font-size: 44px;margin: 8px 0 0}.title p{margin: 10px auto 0;max-width: 360px;color: var(--muted);font-size: 18px}.about{margin-top: 34px;padding: 18px 20px}.about h2{font-size: 24px;margin: 0 0 8px}.about h3{font-size: 19px;margin: 18px 0 8px}.about p{margin: 0 0 12px}.about ul{margin: 0;padding-left: 20px}.about li{margin: 4px 0}@keyframes wiggle{25%{transform: rotate(-6deg) scale(1.2)}75%{transform: rotate(12deg) scale(1.1)}}@keyframes gone{30%{transform: translateX(-5px)}60%{transform: translateX(5px)}}@keyframes slide-in{from{transform: translateY(16px);opacity: 0}}@keyframes bounce{40%{transform: scale(1.05)}}@keyframes shake{20%,60%{transform: translateX(-7px)}40%,80%{transform: translateX(7px)}}.tools{display: flex;justify-content: center;margin-top: 18px}@keyframes zoom{from{transform: scale(.7) rotate(-3deg);opacity: 0}}.stars{font-size: 36px;letter-spacing: 6px;margin: 10px 0 14px}.stars span{display: inline-block;animation: pop-in .5s both}canvas#fx{position: fixed;inset: 0;pointer-events: none;z-index: 40}.float-pts{position: fixed;z-index: 41;font: 700 32px var(--display);color: var(--ink);-webkit-text-stroke: 1px #fff;pointer-events: none;animation: rise 1s ease-out forwards}@keyframes rise{to{transform: translateY(-90px) scale(1.3);opacity: 0}}.below{margin-top: 30px;padding: 18px 20px}.below h2{font-size: 22px;margin: 0 0 8px}.below p{margin: 0 0 12px}.ad-slot.banner.slim,.ad.banner.slim{min-height: 100px;margin: 24px auto 0;max-width: 728px}.more{margin-top: 150px}.result{text-align: center;padding: 18px 18px 20px;margin-top: 20px}.result .r-title{font: 700 28px var(--display);margin: 0}.result .sub{color: var(--muted);margin: 12px 0 16px}.result .links{display: flex;justify-content: center;gap: 22px;margin-top: 14px;font-weight: 500}.result .links a,.result .links button{color: var(--ink);background: none;border: 0;font: inherit;cursor: pointer;text-decoration: underline;text-underline-offset: 3px;padding: 10px 4px}.learn-head{margin: 28px 0 14px}.learn-head h1{font-size: 32px;margin: 0 0 6px}.learn-head p{margin: 0;color: var(--muted)}.idiom{overflow: hidden;margin: 0 0 20px}.idiom picture{display: contents}.idiom picture source{display: none}.idiom img{width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;display: block;border-bottom: var(--line)}.idiom .body{padding: 14px 18px 18px}.idiom h2{font-size: 24px;margin: 0 0 8px}.idiom .answer{margin: 0 0 12px;font-size: 18px}.idiom .ex{margin: 0;color: var(--muted)}.idiom .clue-line{margin: 12px 0 0;font-size: 15px;color: var(--muted)}.say{appearance: none;cursor: pointer;margin-top: 16px;min-height: 44px;font: 600 16px var(--display);color: var(--ink);background: var(--yellow);border: var(--line);border-radius: 999px;box-shadow: 0 3px 0 var(--ink);padding: 8px 16px}#cards .ad,#cards .ad-slot{margin: 150px 0 56px}body[data-page="learn"] .app>.ad.banner,body[data-page="learn"] .app>.ad-slot.banner{margin: 150px auto 0}body[data-page="learn"] .app>.ad.banner + .below,body[data-page="learn"] .app>.ad-slot.banner + .below{margin-top: 150px}footer{text-align: center;font-size: 15px;color: var(--muted);margin-top: 26px}@media (max-width: 380px){.title h1{font-size: 38px}}@media (max-width: 340px){.title h1{font-size: 34px}}@media (max-height: 700px){.pill{min-height: 36px;padding: 3px 12px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important}}.ad-slot{margin: 16px 0;min-height: 100px}.ad-slot.rect{min-height: 280px}ins.adsbygoogle[data-ad-status="unfilled"]{display: none !important}@media (min-width: 900px){body[data-page="learn"] .app{max-width: 860px}body[data-page="learn"] .result{max-width: 520px;margin-left: auto;margin-right: auto}body[data-page="learn"] .learn-head{text-align: center}body[data-page="learn"] .idiom{display: grid;grid-template-columns: 300px 1fr;align-items: center}body[data-page="learn"] .idiom img{border-bottom: 0;border-right: var(--line);height: 100%}body[data-page="learn"] .idiom .body{padding: 20px 26px}body[data-page="learn"] .idiom h2{font-size: 26px}body[data-page="learn"] .below{max-width: 600px;margin-left: auto;margin-right: auto}}@media (max-width: 399px){.nl-w{display: none}}@media (max-width: 340px){.idiom h2{font-size: 20px}}
