@font-face{font-family:Fraunces;font-weight:900;font-display:swap;src:url(/fonts/Fraunces_900Black.woff2) format("woff2")}
@font-face{font-family:Atkinson;font-weight:400;font-display:swap;src:url(/fonts/AtkinsonHyperlegible_400Regular.woff2) format("woff2")}
@font-face{font-family:Atkinson;font-weight:700;font-display:swap;src:url(/fonts/AtkinsonHyperlegible_700Bold.woff2) format("woff2")}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#2E4756;color:#1C2B33;font:16px/1.5 Atkinson,system-ui,sans-serif;padding:0 16px 32px}
.top{max-width:640px;margin:0 auto;padding:14px 0}
.brand{display:inline-block;line-height:0}
.card{max-width:640px;margin:0 auto;background:#FFF9EE;border-radius:16px;padding:22px 20px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
h1{font-family:Fraunces,Georgia,serif;font-weight:900;font-size:40px;line-height:1.1;margin:0 0 4px;letter-spacing:-.5px;overflow-wrap:anywhere}
h2{font-family:Fraunces,Georgia,serif;font-weight:900;font-size:21px;margin:22px 0 6px}
.meta{color:#5C7079;margin:0 0 10px;font-weight:700}
.say{margin:10px 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.respell{font-size:19px;letter-spacing:.3px}
.respell strong{color:#7B5EA7}
.also{color:#5C7079}
.hear{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 12px;border-radius:9px;border:2px solid #EFE4D2;background:#fff;color:#1C2B33;font:700 14px Atkinson,system-ui,sans-serif;cursor:pointer}
.hear:active,.slow:active{opacity:.8}
.pron{background:#F6EEFF;border:2px solid #E4D7F5;border-radius:12px;padding:12px 14px;margin:12px 0 4px}
.pron .say{margin:0 0 6px}
.pron-label{margin:0 0 4px;font-size:13px;font-weight:700;color:#5C4A82;text-transform:none;letter-spacing:.2px}
.respell.big{font-size:26px;letter-spacing:.5px}
.facts{margin:0 0 10px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}
.facts div{display:contents}
.facts dt{color:#5C7079;font-weight:700;font-size:14px;padding-top:2px}
.facts dd{margin:0}
.ipa{font-family:"Charis SIL","Doulos SIL","Gentium Plus","Lucida Sans Unicode","Segoe UI",system-ui,sans-serif;font-size:18px}
.stress{color:#5C7079;font-size:14px}
.hear-row{display:flex;flex-wrap:wrap;gap:8px}
.slow{min-height:44px;padding:6px 14px;border-radius:9px;border:2px solid #E4D7F5;background:#fff;color:#5C4A82;font:700 14px Atkinson,system-ui,sans-serif;cursor:pointer}
.slow[aria-pressed="true"]{background:#7B5EA7;border-color:#7B5EA7;color:#fff}
.mis{padding-left:28px;margin:12px 0;line-height:1.9}
.mis .respell{font-size:16px;color:#3A4A52;margin-left:6px}
.hear:focus-visible,.slow:focus-visible,a:focus-visible{outline:3px solid #3B82C4;outline-offset:2px}
.def{font-size:21px;line-height:1.35;font-weight:700;margin:12px 0}
.note{color:#5C7079;font-style:italic}
.another{border-top:2px solid #EFE4D2;margin-top:18px}
.compare{border-top:2px solid #EFE4D2;margin-top:18px}
.play-wrap{margin:24px 0 4px}
.play{display:block;text-align:center;background:#F2A03D;color:#33240B;font-weight:700;text-decoration:none;border-radius:9px;padding:13px 16px;border-bottom:3px solid #C97F22}
.small{color:#5C7079;font-size:13px;margin:6px 0 0;text-align:center}
.more ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
a{color:#1C2B33}
.top,.card,.foot{position:relative;z-index:0}
a{position:relative}
a::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%);z-index:-1}
.all{margin-top:22px;font-weight:700}
.jump{font-weight:700}
.letter{margin:6px 0;line-height:1.9}
.count{font-family:Atkinson,system-ui,sans-serif;font-weight:400;font-size:14px;color:#5C7079}
.archive{list-style:none;padding:0;margin:0 0 8px}
.archive li{padding:6px 0;border-bottom:1px solid #EFE4D2}
.when{display:inline-block;min-width:11.5em;color:#5C7079;font-size:14px}
.foot{max-width:640px;margin:18px auto 0;color:#D6DEE2;font-size:14px;line-height:2.4;text-align:center}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;margin:0 0 8px;padding:0;font-size:14px;color:#5C7079;line-height:2}
.crumbs li+li::before{content:"\203A";margin:0 8px;color:#5C7079}
.levels{line-height:1.7}
.foot a{color:#FFF9EE;white-space:nowrap}
.invite{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 0;padding:12px 14px;border-radius:12px;background:#FFF4E0;border:2px solid #F7D9A8}
.invite span{flex:1 1 220px;font-weight:700}
.invite-go{background:#F2A03D;color:#33240B;font-weight:700;text-decoration:none;border-radius:9px;padding:9px 16px;border-bottom:3px solid #C97F22;white-space:nowrap}
.quiz{border-top:2px solid #EFE4D2;margin-top:18px}
.quiz-body{min-height:300px}
.quiz-word{margin:6px 0 10px;font-size:20px}
.quiz-choices{display:grid;gap:8px}
.quiz-choice{text-align:left;min-height:48px;padding:10px 14px;border-radius:10px;border:2px solid #EFE4D2;background:#fff;color:#1C2B33;font:16px/1.35 Atkinson,system-ui,sans-serif;cursor:pointer}
.quiz-choice:focus-visible{outline:3px solid #3B82C4;outline-offset:2px}
.quiz-choice.real{border-color:#3E8E5A;background:#EAF6EE}
.quiz-choice.fib{border-color:#C8553D;background:#FBECE8}
.quiz-choice .tag{font-size:13px;font-weight:700;color:#5C7079}
.quiz-after{margin:14px 0 0;font-weight:700}
.quiz-after .play{margin-top:10px}
.bar{display:none}
@media (max-width:640px){.bar{display:flex;align-items:center;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:5;padding:8px 8px 8px 16px;background:#24343F;box-shadow:0 -4px 14px rgba(0,0,0,.25)}.bar a{flex:1;text-align:center;background:#F2A03D;color:#33240B;font-weight:700;text-decoration:none;border-radius:9px;padding:10px}.bar-x{width:44px;height:44px;border:0;background:transparent;color:#FFF9EE;font-size:26px;cursor:pointer}body{padding-bottom:72px}}
.bar[hidden]{display:none!important}