h1,h2,h3,h4{text-wrap:balance;margin:0;line-height:1.2}p{margin:0}a{color:inherit}b{font-weight:700}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.f{color:var(--stem);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em}.f i,.word i{font-style:normal}.f .en,.word .en{color:var(--end)}.f .ir,.word .ir{color:var(--irr);background:var(--irr-soft);font-weight:700}header.intro,main [lang]{overflow-anchor:none}.rail a{position:relative}.rail a .v{position:static}.modes{border-bottom:1px solid var(--line);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:0;margin-top:6px;display:flex;overflow-x:visible}@media (width<=299px){.modes{overflow-x:auto}}.modes .mode:first-child .v:after{left:0;transform:none}.modes .mode:first-child .v:before{left:8px;transform:none}.modes .mode:last-child .v:after{left:auto;right:0;transform:none}.modes .mode:last-child .v:before{left:auto;right:8px;transform:none}.mode{appearance:none;font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;justify-items:start;gap:1px;margin-bottom:-1px;padding:10px 16px 11px;display:grid}.mode b{font-size:15px;font-weight:600}.mode small{color:var(--faint);letter-spacing:.02em;font-size:11px}.mode[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.mode[aria-pressed=true] small{color:var(--accent)}.mode:hover:not([aria-pressed=true]){color:var(--ink)}.band{top:var(--header-h);z-index:2;background:var(--bg);border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,1fr) minmax(0,2.4fr) minmax(150px,1fr);align-items:center;gap:16px;min-height:190px;padding:14px 0 12px;display:grid;position:sticky}.side{cursor:pointer;font:inherit;border:1px solid var(--line2);background:var(--surface);color:var(--ink);border-radius:6px;justify-items:center;gap:2px;padding:16px 12px;line-height:1.2;display:grid}.side.ser-side{background:var(--ser-tint)}.side.estar-side{background:var(--estar-tint)}.side b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:26px;font-weight:600}.side .f{color:inherit;font-size:inherit}.side small{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:600}.side:hover:not([aria-disabled=true]){border-color:var(--accent);color:var(--accent)}.side.right{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.side.wrong{border-color:var(--irr);color:var(--irr)}.side[aria-disabled=true]{cursor:default}.side[aria-disabled=true]:not(.right):not(.wrong){border-color:var(--line)}.side[aria-disabled=true]:not(.right):not(.wrong) b{color:var(--muted)}.mid{justify-items:center;gap:6px;min-width:0;display:grid}.word{color:var(--stem);text-align:center;text-wrap:balance;min-height:1.3em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:30px;line-height:1.3}.word .blank{letter-spacing:.05em;color:var(--faint)}.word.done{color:var(--muted);font-family:inherit;font-size:22px;font-weight:600}.gloss{color:var(--muted);text-align:center;min-height:1.3em;font-size:14px}.fb{text-align:center;min-height:1.5em;color:var(--muted);text-wrap:balance;max-width:56ch;font-size:14px}.fb .ph{color:var(--line2)}.fb .cat{color:var(--accent);font-weight:600}.fb.miss{color:var(--irr)}button.act{cursor:pointer;font:inherit;border:1px solid var(--accent);background:var(--surface);color:var(--accent);border-radius:6px;padding:6px 18px;font-size:14px;font-weight:600}.ctl{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding:12px 0 6px;display:flex}.pills{flex-wrap:wrap;gap:6px;font-size:12px;display:flex}.pill{cursor:pointer;border:1px solid var(--line2);background:var(--surface);color:var(--faint);font:inherit;border-radius:999px;padding:1px 10px;font-size:12px;line-height:1.5}.pill[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.strip{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:13px;display:flex}.strip .sep{color:var(--line2)}.lnk{cursor:pointer;font:inherit;color:var(--faint);text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.lnk.armed{color:var(--irr);font-weight:600}.key{color:var(--faint);font-size:12px}.key kbd{border:1px solid var(--line2);color:var(--muted);border-radius:3px;padding:0 5px;font-family:ui-monospace,Menlo,monospace;font-size:11px}.fb .trapnote{color:var(--muted);margin-top:4px;display:block}@media (width<=820px){.band{grid-template-columns:1fr 1fr}.mid{order:-1;grid-column:1/-1}}.twowall{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;margin-top:32px;display:grid;overflow:hidden}.twowall .col{align-content:start;gap:0;padding:24px;display:grid}.twowall .col.ser{background:var(--ser-tint);border-right:1px solid var(--line)}.twowall .col.estar{background:var(--estar-tint)}.colhead{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);border-bottom:2px solid var(--ink);margin-bottom:4px;padding-bottom:8px;font-size:13px;font-weight:700}.cat{border-bottom:1px solid var(--line2);padding:16px 0}.cat h3{font-size:16px}.cat p.rule{color:var(--muted);margin-top:4px;font-size:13px}.cat p.ex{margin-top:8px;font-size:14px}.trapzone{border-top:1px dashed var(--line2);gap:16px;margin-top:16px;padding-top:16px;display:grid}.trapzone>p.zh{text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-size:12px;font-weight:700}.trap{border-left:2px solid var(--irr);gap:4px;padding:4px 0 4px 16px;display:grid}.trap .ex{font-size:15px}.trap .why{color:var(--muted);font-size:13px}.pairs-two{margin-top:46px}.pairs-two h2{letter-spacing:-.01em;font-size:24px}.pairs-two .note{color:var(--muted);max-width:66ch;margin-top:8px;font-size:14px}.pairwrap{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;margin-top:16px;display:grid;overflow:hidden}.half-col{display:grid}.half-col.ser-side{background:var(--ser-tint);border-right:1px solid var(--line)}.half-col.estar-side{background:var(--estar-tint)}.pairitem{border-bottom:1px solid var(--line2);padding:8px 16px;font-size:15px}.half-col>.pairitem:last-child{border-bottom:0}.pairitem .en-gloss{color:var(--faint);margin-top:4px;font-size:13px;display:block}@media (width<=860px){.twowall,.pairwrap{grid-template-columns:1fr}.twowall .col.ser,.half-col.ser-side{border-right:0;border-bottom:1px solid var(--line)}}
