:root{--cream:#f7f3ea;--ink:#1a1714;--vermilion:#c8442e;--muted-ink:#5a534b;--rule:#ded6c6;--paper-raised:#fdfbf6;--paper-sunk:#1a171407;--ink-faint:#8a8177;--rule-soft:#ded6c699;--vermilion-wash:#c8442e17;--vermilion-deep:#a8341f;--focus:var(--vermilion);--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--font-mincho:"Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", "Songti SC", serif;--font-label:ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--step--2:.72rem;--step--1:.85rem;--step-0:1rem;--step-1:1.15rem;--step-2:clamp(1.3rem, 2.4vw, 1.5rem);--step-3:clamp(1.6rem, 3.6vw, 2.1rem);--step-4:clamp(2.1rem, 5.5vw, 3rem);--step-5:clamp(2.6rem, 8vw, 4.2rem);--leading-tight:1.25;--leading-normal:1.6;--leading-reading:2.05;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:7rem;--measure-reading:34rem;--measure-text:44rem;--measure-wide:68rem;--gutter:1.5rem;--radius-sm:2px;--radius-pill:999px;--shadow-sheet:0 -10px 40px #1a171421;--motion-fast:.12s;--motion-base:.2s;--ease:cubic-bezier(.2, 0, .2, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font-family:var(--font-serif);font-size:var(--step-0);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}:where(a){color:inherit}::selection{background:var(--vermilion-wash)}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.site{flex-direction:column;min-height:100vh;display:flex}.site__head{border-bottom:1px solid var(--rule-soft);background:var(--cream)}.site__head-inner,.site__foot-inner{max-width:var(--measure-wide);padding:var(--space-4) var(--gutter);justify-content:space-between;align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.site__body{flex:1}.site__nav{gap:var(--space-5);font-family:var(--font-label);font-size:var(--step--1);letter-spacing:.02em;display:flex}.site__nav a{color:var(--muted-ink);transition:color var(--motion-fast) var(--ease), border-color var(--motion-fast) var(--ease);border-bottom:1px solid #0000;padding-bottom:2px;text-decoration:none}.site__nav a:hover{color:var(--ink);border-bottom-color:var(--rule)}.site__foot{border-top:1px solid var(--rule-soft);margin-top:var(--space-9);color:var(--muted-ink);font-family:var(--font-label);font-size:var(--step--2)}.site__foot-inner{align-items:baseline}.site__foot a{border-bottom:1px solid var(--rule);text-decoration:none}.site__foot a:hover{color:var(--ink)}.site__foot-links{gap:var(--space-5);display:flex}.site__head-right{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.langswitch{border:1px solid var(--rule);border-radius:var(--radius-sm);font-family:var(--font-label);font-size:var(--step--2);align-items:stretch;line-height:1;display:flex;overflow:hidden}.langswitch__item{color:var(--muted-ink);transition:background-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);align-items:center;padding:.35rem .6rem;text-decoration:none;display:flex}.langswitch__item+.langswitch__item{border-left:1px solid var(--rule)}.langswitch__item:hover{background:var(--paper-sunk);color:var(--ink)}.langswitch__item[data-current=true]{background:var(--ink);color:var(--cream)}.wordmark{font-family:var(--font-serif);letter-spacing:-.015em;font-weight:600;line-height:var(--leading-tight);margin:0;text-decoration:none;display:inline-block}.wordmark .jp{color:var(--vermilion)}.wordmark__img{height:auto;display:block}.wordmark--sm{font-size:var(--step-1)}.wordmark--sm .wordmark__img{max-height:1.6rem}.wordmark--lg{font-size:var(--step-5)}.wordmark--lg .wordmark__img{max-height:5rem}.shell{max-width:var(--measure-text);padding:var(--space-8) var(--gutter);margin:0 auto}.shell--wide{max-width:var(--measure-wide)}.tagline{margin:var(--space-3) 0 0;font-size:var(--step-1);color:var(--muted-ink);font-style:italic}.rule{border:0;border-top:1px solid var(--rule);margin:var(--space-7) 0}.ornament{margin:var(--space-8) auto;background:var(--rule);border:0;width:100%;max-width:8rem;height:1px;position:relative;overflow:visible}.ornament:after{content:"";background:var(--vermilion);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.note{color:var(--muted-ink);font-size:var(--step--1);line-height:var(--leading-normal)}.bad{color:var(--vermilion-deep)}.ok{color:#2f6b3f}.eyebrow{font-family:var(--font-label);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin:var(--space-8) 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--rule);display:flex}.section{font-family:var(--font-label);font-size:var(--step--2);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-weight:600}.section-head__more{font-family:var(--font-label);font-size:var(--step--1);color:var(--muted-ink);border-bottom:1px solid var(--rule);text-decoration:none}.section-head__more:hover{color:var(--vermilion);border-bottom-color:currentColor}.button{font-family:var(--font-label);font-size:var(--step--1);letter-spacing:.02em;border:1px solid var(--ink);border-radius:var(--radius-sm);color:var(--ink);transition:background-color var(--motion-base) var(--ease), color var(--motion-base) var(--ease);background:0 0;padding:.7rem 1.4rem;text-decoration:none;display:inline-block}.button:hover,.button--primary{background:var(--ink);color:var(--cream)}.button--primary:hover{background:var(--vermilion);border-color:var(--vermilion)}.hero{max-width:var(--measure-wide);padding:var(--space-9) var(--gutter) var(--space-8);margin:0 auto}.hero__inner{max-width:36rem}.hero__lede{font-size:var(--step-3);margin:var(--space-6) 0 0;letter-spacing:-.01em;line-height:1.35}.hero__lede em{color:var(--vermilion);font-style:normal}.hero__value{margin:var(--space-4) 0 0;color:var(--muted-ink);font-size:var(--step-1);line-height:var(--leading-normal);max-width:30rem}.hero__cta{margin:var(--space-6) 0 0;gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.hero__cta-note{font-family:var(--font-label);font-size:var(--step--2);color:var(--ink-faint)}.how{max-width:var(--measure-wide);padding:0 var(--gutter);margin:0 auto}.how__grid{gap:var(--space-6);margin:0;padding:0;list-style:none;display:grid}.how__item{border-top:2px solid var(--ink);padding-top:var(--space-4)}.how__term{font-size:var(--step-1);margin:0;font-weight:600}.how__desc{margin:var(--space-2) 0 0;color:var(--muted-ink);font-size:var(--step--1);line-height:var(--leading-normal)}.levels{gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.level-link{align-items:baseline;gap:var(--space-2);font-family:var(--font-label);font-size:var(--step--1);border:1px solid var(--rule);border-radius:var(--radius-pill);color:var(--muted-ink);transition:border-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);padding:.4rem .95rem;text-decoration:none;display:inline-flex}.level-link:hover{border-color:var(--ink);color:var(--ink)}.level-link__count{color:var(--ink-faint);font-size:var(--step--2)}.filters{gap:var(--space-2);margin:var(--space-5) 0 var(--space-7);padding-bottom:var(--space-5);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.chip{font-family:var(--font-label);font-size:var(--step--1);border:1px solid var(--rule);border-radius:var(--radius-pill);cursor:pointer;color:var(--muted-ink);transition:border-color var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease), background-color var(--motion-fast) var(--ease);background:0 0;padding:.35rem .9rem}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--cream)}.cards{gap:0;margin:0;padding:0;list-style:none;display:grid}.cards--compact{gap:0}.card{border-top:1px solid var(--rule)}.card:last-child{border-bottom:1px solid var(--rule)}.card__link{gap:var(--space-2);padding:var(--space-6) 0;color:inherit;transition:opacity var(--motion-fast) var(--ease);text-decoration:none;display:grid}.card__link:hover .card__ja{color:var(--vermilion)}.card__link:focus-visible{outline-offset:-2px}.card__meta-top{align-items:center;gap:var(--space-3);font-family:var(--font-label);font-size:var(--step--2);letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase;display:flex}.card__level{color:var(--vermilion);font-weight:600}.card__dot{background:var(--rule);border-radius:50%;width:3px;height:3px}.card__ja{font-family:var(--font-mincho);font-size:var(--step-2);transition:color var(--motion-fast) var(--ease);margin:0;font-weight:500;line-height:1.4}.card__title{color:var(--muted-ink);font-style:italic;font-size:var(--step-0);margin:0}.card__desc{margin:var(--space-2) 0 0;color:var(--muted-ink);font-size:var(--step--1);line-height:var(--leading-normal);max-width:40rem}.card__tags{gap:var(--space-2);margin:var(--space-3) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.card__tag{font-family:var(--font-label);font-size:var(--step--2);color:var(--ink-faint);border:1px solid var(--rule-soft);border-radius:var(--radius-sm);padding:.1rem .45rem}.empty{border:1px dashed var(--rule);padding:var(--space-7) var(--space-5);text-align:center;color:var(--muted-ink)}.reader{grid-template-columns:minmax(0,1fr);display:grid}.reader__main{max-width:calc(var(--measure-reading) + var(--gutter) * 2);padding:var(--space-8) var(--gutter) var(--space-9);margin:0 auto}.reader__back{font-family:var(--font-label);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--space-6);text-decoration:none;display:inline-block}.reader__back:hover{color:var(--vermilion)}.reader__head{margin-bottom:var(--space-8)}.reader__meta-top{align-items:center;gap:var(--space-3);font-family:var(--font-label);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);display:flex}.reader__level{color:var(--vermilion);font-weight:600}.reader__title{margin:var(--space-4) 0 0;font-family:var(--font-mincho);font-size:var(--step-4);letter-spacing:.01em;font-weight:500;line-height:1.35}.reader__subtitle{margin:var(--space-3) 0 0;color:var(--muted-ink);font-style:italic;font-size:var(--step-1)}.reader__body{margin-top:var(--space-7)}.ja-p,.ja-quote,.ja-li{font-family:var(--font-mincho);font-size:1.22rem;line-height:var(--leading-reading);margin:0 0 var(--space-6);letter-spacing:.02em}.ja-heading{font-family:var(--font-mincho);font-size:var(--step-2);margin:var(--space-8) 0 var(--space-5);padding-left:var(--space-4);border-left:3px solid var(--vermilion);font-weight:600;line-height:1.7}.ja-quote{border-left:2px solid var(--rule);padding-left:var(--space-5);color:var(--muted-ink)}.ja-ul{padding-left:var(--space-5);margin:0 0 var(--space-6)}.ja-li{margin:0 0 var(--space-3)}.reader__end{margin-top:var(--space-8)}.reader__end-note{font-family:var(--font-label);font-size:var(--step--1);color:var(--muted-ink);text-align:center;margin:0 0 var(--space-5)}.tok{font:inherit;color:inherit;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);background:0 0;border:0;margin:0;padding:0 .02em;box-shadow:inset 0 -1px #0000}.tok:hover{box-shadow:inset 0 -1px 0 0 var(--rule)}.tok[data-active=true]{background:var(--vermilion-wash);box-shadow:inset 0 -2px 0 0 var(--vermilion)}.tok[data-state=not-in-dictionary]:hover{box-shadow:inset 0 -1px 0 0 var(--ink-faint)}.reader__panel{z-index:20;position:fixed;inset:auto 0 0}.panel{background:var(--paper-raised);border-top:1px solid var(--rule);box-shadow:var(--shadow-sheet);max-height:68vh;padding:var(--space-4) var(--gutter) var(--space-7);overflow-y:auto}.panel:before{content:"";border-radius:var(--radius-pill);background:var(--rule);width:2.25rem;height:3px;margin:0 auto var(--space-4);display:block}.panel__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--rule);display:flex}.panel__surface{font-family:var(--font-mincho);font-size:var(--step-3);margin:0;line-height:1.2}.panel__close{font-family:var(--font-label);cursor:pointer;color:var(--ink-faint);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--motion-fast) var(--ease), background-color var(--motion-fast) var(--ease);background:0 0;border:0;font-size:1.35rem;line-height:1}.panel__close:hover{color:var(--ink);background:var(--paper-sunk)}.panel__note{margin:var(--space-4) 0 0;font-family:var(--font-label);font-size:var(--step--2);color:var(--muted-ink);line-height:var(--leading-normal)}.panel__loading{margin:var(--space-6) 0;color:var(--ink-faint);font-family:var(--font-label);font-size:var(--step--1)}.panel__entries{gap:var(--space-6);margin-top:var(--space-5);display:grid}.panel__empty{padding:var(--space-5) 0 0}.panel__empty-title{margin:0 0 var(--space-2);font-weight:600;font-size:var(--step-0)}.panel__empty-body{color:var(--muted-ink);font-size:var(--step--1);line-height:var(--leading-normal);margin:0}.vcard{gap:var(--space-3);display:grid}.vcard+.vcard{border-top:1px solid var(--rule);padding-top:var(--space-6)}.vcard__head{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.vcard__word{font-family:var(--font-mincho);font-size:var(--step-2);margin:0;font-weight:500}.vcard__level{font-family:var(--font-label);font-size:var(--step--2);letter-spacing:.08em;color:var(--vermilion);border-radius:var(--radius-sm);border:1px solid;padding:.05rem .4rem}.likely{font-family:var(--font-label);font-size:var(--step--2);color:var(--muted-ink);background:var(--paper-sunk);border-radius:var(--radius-sm);padding:.05rem .45rem}.vcard__readings{gap:var(--space-4);display:grid}.reading{gap:var(--space-1);display:grid}.reading__kana{font-family:var(--font-mincho);font-size:var(--step-0);color:var(--ink);gap:var(--space-2);flex-wrap:wrap;align-items:baseline;margin:0;display:flex}.reading__pitch{font-family:var(--font-label);font-size:var(--step--2);color:var(--ink-faint);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:0 .35rem}.reading__pitch--unknown{font-style:italic}.reading__senses{margin:0;padding:0;list-style:none}.reading__senses li{margin:var(--space-1) 0 0;color:var(--ink);font-size:var(--step-0);line-height:var(--leading-normal)}.reading__senses li:before{content:"—";color:var(--ink-faint);margin-right:.5em}.reading--likely{border-left:2px solid var(--vermilion);padding-left:var(--space-3);margin-left:calc(var(--space-3) * -1)}.vcard__surface-en{font-size:var(--step--1);color:var(--muted-ink);line-height:var(--leading-normal);border-top:1px dashed var(--rule);padding-top:var(--space-3);margin:0}.vcard__surface-en-label{font-family:var(--font-label);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--space-1);display:block}.vcard__pos{font-family:var(--font-label);font-size:var(--step--2);color:var(--ink-faint);margin:0}.attr{margin-bottom:var(--space-7)}.attr__name{font-size:var(--step-1);margin:var(--space-6) 0 var(--space-2)}.attr__license{margin:var(--space-2) 0 0;color:var(--muted-ink);font-size:var(--step--1)}.attr__notice{white-space:pre-wrap;font-family:var(--font-label);font-size:var(--step--2);color:var(--muted-ink);background:var(--paper-sunk);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:var(--space-5);margin-top:var(--space-4);line-height:1.7;overflow-x:auto}.nf{text-align:center;padding:var(--space-9) var(--gutter);max-width:var(--measure-text);margin:0 auto}.nf__code{font-family:var(--font-mincho);font-size:var(--step-5);color:var(--rule);margin:0;line-height:1}.nf__title{font-size:var(--step-2);margin:var(--space-5) 0 0}.nf__body{margin:var(--space-3) 0 var(--space-6);color:var(--muted-ink)}.dev table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.dev th,.dev td{text-align:left;border-bottom:1px solid var(--rule);padding:.4rem .6rem}.dev th{color:var(--muted-ink);font-weight:600}.dev code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}@media (width<=34rem){.site__head-inner{gap:var(--space-3);flex-wrap:wrap}.site__head-right{justify-content:space-between;gap:var(--space-4);width:100%}.site__nav{gap:var(--space-4)}}@media (width>=40rem){.how__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card__link{padding:var(--space-7) 0}.panel{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (width>=52rem){.hero{padding-top:calc(var(--space-9) * 1.15)}.hero__inner{max-width:40rem}}@media (width>=60rem){.reader{gap:var(--space-7);max-width:var(--measure-wide);padding:0 var(--gutter);grid-template-columns:minmax(0,1fr) 21rem;align-items:start;margin:0 auto}.reader__main{margin:0;padding-left:0;padding-right:0}.reader__panel{inset:auto;top:var(--space-6);align-self:start;height:fit-content;position:sticky}.panel{border:1px solid var(--rule);border-radius:var(--radius-sm);box-shadow:none;max-height:calc(100vh - var(--space-8));padding:var(--space-5)}.panel:before{display:none}}