@font-face{font-family:Instrument Sans;src:url(/fonts/instrument-sans-v2.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Martian Mono;src:url(/fonts/martian-mono-v1.woff2)format("woff2");font-weight:400;font-display:swap}:root{--paper:#f5f4f0;--ink:#161514;--ink-body:#2b2927;--ink-muted:#67635c;--rule:#d9d5cc;--sans:"Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"Martian Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--page-top:2rem;--page-end:3.5rem;--kit-wrap-max:72rem;--kit-wrap-pad:1rem;--kit-header-height:3.5rem;--kit-header-z:10;--kit-header-border:0;--kit-header-bg:color-mix(in srgb, var(--paper) 85%, transparent);--kit-header-blur:12px;--kit-brand-reach:0px;--kit-lang-font:var(--mono);--kit-lang-size:11px;--kit-lang-tracking:.02em;--kit-lang-gap:0;--kit-lang-pad:0;--kit-lang-min-width:2.4rem;--kit-lang-reach:.6rem;--kit-lang-underline-offset:.3em;--kit-lang-underline-thickness:auto;--kit-lang-hover:var(--ink-muted);--kit-skip-size:1rem}@media (width>=40rem){:root{--kit-wrap-pad:1.5rem}}@font-face{font-family:Noto Sans IPA;src:url(/fonts/noto-sans-ipa-v1.woff2)format("woff2");font-weight:400;font-display:swap}*,:before,:after{box-sizing:border-box}html{background:var(--paper);color:var(--ink);-webkit-text-size-adjust:100%}body{font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);margin:0}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--ink-muted)}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}button{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:500;line-height:1.3}p{margin:0}p+p{margin-top:1rem}.wrap{width:100%;max-width:var(--kit-wrap-max);padding-inline:var(--kit-wrap-pad);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.label{font:11px/1.6 var(--mono);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-muted)}.muted,.legal{color:var(--ink-muted)}.kit-header.single-language .kit-langs{display:none}.kit-brand svg{width:auto;height:12px;display:block}main{padding-block:var(--page-top) var(--page-end)}.tagline{margin-bottom:var(--page-top);font-size:1rem;font-weight:600;line-height:1.6}.lane-row{top:var(--kit-header-height);z-index:var(--kit-header-z);background-color:var(--kit-header-bg);backdrop-filter:blur(var(--kit-header-blur));border-bottom:1px solid var(--rule);position:sticky}.lanes{scrollbar-width:none;gap:1.5rem;display:flex;overflow-x:auto}.lanes::-webkit-scrollbar{display:none}.lanes a{flex:none;align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.lane-picker{display:none}.lane-row[data-lanes=picker] .lanes{visibility:hidden;height:0}.lane-row[data-lanes=picker] .lane-picker{display:block}@media (width<23.375rem){.lane-row:not([data-lanes]) .lanes{visibility:hidden;height:0}.lane-row:not([data-lanes]) .lane-picker{display:block}}.lane-picker summary{min-height:44px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;list-style:none;display:flex}.lane-picker summary::-webkit-details-marker{display:none}.lane-picker[open] summary svg{transform:rotate(180deg)}.lane-picker nav{flex-direction:column;align-items:center;padding-bottom:.5rem;display:flex}.lane-picker nav a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.lane-picker nav [aria-current],.lanes [aria-current],.pager [aria-current]{color:var(--ink);text-underline-offset:.4em;text-decoration:underline}.cards{grid-template-columns:repeat(auto-fill, min(100%, var(--square)));justify-content:center;gap:3.5rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.card a{text-decoration:none;display:block}.card h2{margin:1rem 0 .25rem;font-size:1.2rem}.card a:hover h2{text-underline-offset:.2em;text-decoration:underline}.card p{font-size:.95rem}.art{aspect-ratio:1;width:100%}.art svg{width:100%;height:100%;display:block}.pager{flex-wrap:wrap;margin:4rem 0 0 -.7rem;display:flex}.pager>*{justify-content:center;align-items:center;min-width:2.25rem;min-height:44px;text-decoration:none;display:inline-flex}.random-button{margin-top:2rem}.random-button a{align-items:center;min-height:44px;display:inline-flex}.word-head{grid-template-columns:minmax(0,1fr);gap:2.5rem;display:grid}.word-intro{align-self:center;min-width:0}.word-title{flex-wrap:wrap;align-items:center;gap:.1rem .5rem;margin:.75rem 0 1.4rem;display:flex}.word-intro h1{overflow-wrap:anywhere;font-size:clamp(1.8rem,3vw,2.8rem)}.word-title .listen{font-size:1.35rem}.meaning{font-size:1.35rem;line-height:1.5}.speech-control{flex-wrap:wrap;align-items:baseline;gap:.25rem .8rem;display:inline-flex}.listen{min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.listen:hover{color:var(--ink-muted)}.listen svg{width:.95em;height:.95em;display:block}.listen:disabled{cursor:default;opacity:.65}.speech-status{flex-basis:100%;font-size:.85rem}.speech-status:empty{display:none}.section{border-top:1px solid var(--rule);margin-top:3.5rem;padding-top:2rem}.section>h2{margin-bottom:1.5rem}.conversation{max-width:36rem}.turn{width:fit-content;max-width:80%;margin-bottom:1.5rem}.turn.reply{text-align:right;margin-left:auto}.bubble{border:1px solid var(--rule);text-align:left;border-radius:1.1rem 1.1rem 1.1rem .2rem;padding:.8rem 1.1rem}.reply .bubble{background:#ebe8e0;border-color:#ebe8e0;border-radius:1.1rem 1.1rem .2rem}.bubble u{text-underline-offset:.18em;text-decoration-thickness:1px}.translation{margin-top:.4rem;padding-inline:.2rem;font-size:.9rem;line-height:1.5}.explanation{margin-top:1rem}.extras{grid-template-columns:1fr;gap:2rem;display:grid}.extras ul{margin:1rem 0 0;padding:0;list-style:none}.ipa{overflow-wrap:anywhere;margin-top:1rem;font:400 1rem/1.7 Noto Sans IPA,sans-serif}.extras li+li{margin-top:.5rem}.prev-next{grid-template-columns:1fr auto 1fr;gap:.7rem;margin-top:4rem;display:grid}.prev-next a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.prev-next .next{justify-self:end}.intro{margin-bottom:1.5rem}.intro h1{font-size:1.75rem}.prose{color:var(--ink-body)}.art-guide,.levels{padding-top:3rem}.art-guide>h2,.levels>h2{margin-bottom:2rem;font-size:1.25rem}.levels ul{margin:0;padding:0;list-style:none}.levels li+li{margin-top:.5rem}.level-name{color:var(--ink);font-weight:500}.guide-rule+.guide-rule{margin-top:3rem}.guide-rule h3{max-width:40rem;font-size:1rem}.guide-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:40rem;margin-top:1.5rem;display:grid}figure{margin:0}figcaption{margin-top:.5rem;font-size:.9rem}.legal{margin-top:var(--page-end);font-size:.85rem}.site-footer{border-top:1px solid var(--rule);color:var(--ink-muted);font-size:12px}.site-footer .wrap{padding-block:1.5rem 2.5rem}.site-footer p{margin:0 0 .5rem}.site-footer a{align-items:center;min-height:44px;display:inline-flex}@media (width>=40rem){:root{--page-top:2.5rem;--page-end:4.5rem}.kit-brand svg{height:16px}.extras{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr))}}:root{--reading:40rem;--card-page:56rem;--square:22rem}.kit-header .kit-header-row{justify-content:center}.lanes{width:max-content;max-width:100%;margin-inline:auto}.tagline,.cards,.random-button,.site-footer .wrap,.intro{text-align:center}.pager{justify-content:center;margin-left:0}article{max-width:var(--card-page);margin-inline:auto}.word-head{text-align:center;justify-items:center}.word-head>.art{width:100%;max-width:var(--square)}.word-title{justify-content:center}article>:not(.word-head){max-width:var(--reading);text-align:center;margin-inline:auto}.conversation>.speech-control{text-align:center;justify-content:center;margin-top:-.5rem;display:flex}.conversation{text-align:left;margin-inline:auto}.prose,.art-guide,.levels,.legal{max-width:var(--reading);text-align:center;margin-inline:auto}@media (width>=60rem){.word-head{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:3rem}.word-head>.art{justify-self:end}.word-intro{justify-self:start}.word-title{justify-content:flex-start}}.kit-skip:not(:focus){clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kit-skip:focus{z-index:100;background:var(--paper);font-size:var(--kit-skip-size,.875rem);padding:.5rem .75rem;position:fixed;top:1rem;left:1rem}.kit-langs{align-items:center;gap:var(--kit-lang-gap,0);font-family:var(--kit-lang-font,inherit);font-size:var(--kit-lang-size,.8125rem);letter-spacing:var(--kit-lang-tracking,.02em);flex-shrink:0;margin-inline-end:calc(-1 * var(--kit-lang-reach,0px));display:flex}.kit-lang{min-height:44px;min-width:var(--kit-lang-min-width,0);padding-inline:var(--kit-lang-pad,0);color:var(--ink-muted);text-decoration-line:none;text-decoration-thickness:var(--kit-lang-underline-thickness,1px);text-underline-offset:var(--kit-lang-underline-offset,4px);justify-content:center;align-items:center;display:inline-flex}.kit-lang[aria-current]{color:var(--ink);text-decoration-line:underline}.kit-lang-missing{color:var(--ink-faint)}@media (hover:hover){a.kit-lang:hover{color:var(--kit-lang-hover,var(--ink))}}.kit-header{z-index:var(--kit-header-z,10);border-bottom:var(--kit-header-border,0);background-color:var(--paper);backdrop-filter:blur(var(--kit-header-blur,12px));position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.kit-header{background-color:var(--kit-header-bg,color-mix(in srgb, var(--paper) 85%, transparent))}}.kit-header-row{box-sizing:border-box;width:100%;max-width:var(--kit-wrap-max,72rem);min-height:var(--kit-header-height,3.5rem);padding-inline:var(--kit-wrap-pad,1rem);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.kit-brand{min-height:44px;padding-inline:var(--kit-brand-reach,0px);white-space:nowrap;color:var(--ink);align-items:center;margin-inline-start:calc(-1 * var(--kit-brand-reach,0px));text-decoration-line:none;display:inline-flex}