:root{--sign:#fff;--sign-ink:#111418;--sign-muted:#4a4f55;--sign-edge:#b9bbb6;--surround:#d6d7d3;--ink:#111418;--muted:#3f444a;--rule:#b3b5b0;--focus:#111418;--font:"BIZ UDPGothic", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--surround:#222423;--ink:#e8e9e5;--muted:#afb2ac;--rule:#4a4d4b;--focus:#e8e9e5;--sign-edge:#000}}*,:before,:after{box-sizing:border-box}html{background:var(--surround);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;font-size:100%;line-height:1.8}:lang(ja){text-autospace:normal;line-break:strict;text-spacing-trim:normal}@supports (word-break:auto-phrase){:lang(ja) :is(h1,h2,h3,p,li){word-break:auto-phrase}.c-masthead__lead,.c-hint,.c-board__empty{text-wrap:balance}}body{min-height:100dvh;padding-inline:max(1rem, env(safe-area-inset-left)) max(1rem, env(safe-area-inset-right));margin:0;padding-block-end:4rem}h1,h2,h3,p,ol,ul{margin:0}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}.c-sign :focus-visible,.c-board :focus-visible{outline-color:var(--sign-ink)}.c-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.c-badge{border:.24em solid var(--line);block-size:2.6em;inline-size:2.6em;color:var(--sign-ink);font-feature-settings:"palt";vertical-align:middle;background:#fff;border-radius:.38em;flex:none;align-content:center;justify-items:center;font-weight:700;line-height:1;display:inline-grid}.c-badge__code{letter-spacing:.02em;font-size:.62em}.c-badge__num{margin-block-start:.08em;font-size:1.02em}.c-badge--s{font-size:.875rem}.c-top{max-inline-size:64rem;margin-inline:auto;padding-block:1rem 1.25rem}.c-top__home{align-items:center;gap:.6em;min-block-size:2.75rem;font-size:.9375rem;text-decoration:none;display:inline-flex}.c-top__home:hover{text-decoration:underline}.c-top__mark{letter-spacing:-.01em;font-size:1.375rem;font-weight:700}.c-word{max-inline-size:64rem;margin-inline:auto;container:word/inline-size}.c-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;gap:2rem;margin-block:-6px;padding-block:6px;display:grid;position:relative;overflow-x:auto}.c-track::-webkit-scrollbar{display:none}.c-track>*{scroll-snap-align:center;scroll-snap-stop:always}.c-sign--main{scroll-initial-target:nearest}.c-sign--ghost{display:none}.js .c-sign--ghost{display:block}.c-sign{background:var(--sign);color:var(--sign-ink);box-shadow:0 0 0 1px var(--sign-edge);view-transition-class:sign;border-radius:6px;overflow:clip;container:sign/inline-size}.c-sign--main{view-transition-name:sign}.c-face{text-align:center;justify-items:center;padding:max(1.25rem,3.5cqi) max(1rem,4cqi) max(1rem,2.6cqi);display:grid;position:relative}.c-face__line{align-items:center;gap:.5em;font-size:max(.8125rem,1.7cqi);font-weight:700;line-height:1.2;display:flex;position:absolute;inset-block-start:max(.875rem,2.4cqi);inset-inline-start:max(.875rem,2.6cqi)}.c-face__line .c-badge{font-size:max(.75rem,1.55cqi)}.c-face__kana{letter-spacing:.12em;margin-block-start:max(2.25rem,3cqi);font-size:max(1.0625rem,4.6cqi);font-weight:700;line-height:1.3}.c-face__word{font-size:min(18cqi, 9.5rem, calc(86cqi / (var(--len) + .4)));letter-spacing:.06em;font-feature-settings:"palt";word-break:keep-all;margin-inline-start:.06em;font-weight:700;line-height:1.12}.c-face__romaji{letter-spacing:.02em;margin-block-start:.3em;font-size:max(1rem,4.2cqi);font-weight:700;line-height:1.2}.c-band{background:var(--line);block-size:max(.875rem,2.8cqi);position:relative}.c-band__arrow{background:#fff;inline-size:calc(max(.875rem,2.8cqi)/1.25);position:absolute;inset-block:0}.c-band__arrow--prev{clip-path:polygon(100% 18%,100% 82%,0 50%);inset-inline-start:max(.875rem,2.6cqi)}.c-band__arrow--next{clip-path:polygon(0 18%,0 82%,100% 50%);inset-inline-end:max(.875rem,2.6cqi)}.c-adjacent{grid-template-columns:1fr 1fr;gap:1rem;padding:max(.5rem,1.4cqi) max(.375rem,1.6cqi) max(.625rem,1.8cqi);display:grid}.c-adjacent__link{border-radius:4px;grid-template-columns:auto 1fr;grid-template-areas:"badge word""badge romaji";justify-self:start;align-items:center;column-gap:.625rem;padding:.375rem .5rem;text-decoration:none;display:grid;position:relative}.c-adjacent__link--next{text-align:end;grid-template-columns:1fr auto;grid-template-areas:"word badge""romaji badge";justify-self:end}.c-adjacent__link .c-badge{grid-area:badge;font-size:max(.75rem,1.5cqi)}.c-adjacent__word{font-feature-settings:"palt";letter-spacing:.04em;grid-area:word;font-size:max(1.125rem,3.2cqi);font-weight:700;line-height:1.3}.c-adjacent__link:hover .c-adjacent__word{text-decoration:underline 2px}.c-adjacent__romaji{color:var(--sign-muted);grid-area:romaji;font-size:max(.8125rem,1.75cqi);line-height:1.3}.c-adjacent__end{color:var(--sign-muted);align-self:center;padding:.375rem .5rem;font-size:max(.875rem,1.75cqi)}.c-adjacent__end:last-child{justify-self:end}.c-hint{color:var(--muted);text-align:center;margin-block:.875rem 0;font-size:.8125rem}@media (hover:none){.c-hint{display:none}}.c-notes{gap:2rem 3rem;margin-block-start:2.5rem;display:grid}@container word (inline-size>46rem){.c-notes{grid-template-columns:1.2fr 1fr;grid-template-areas:"meaning meaning""origin example""origin sources";align-content:start}.c-note--meaning{grid-area:meaning}.c-note--origin{grid-area:origin}.c-note--example{grid-area:example}.c-note--sources{grid-area:sources}}.c-note{align-content:start;gap:.375rem;max-inline-size:40em;display:grid}.c-note h2{color:var(--muted);align-items:center;gap:.5em;font-size:.9375rem;font-weight:700;display:flex}.c-note h2:before{content:"";background:var(--line);block-size:.3125rem;inline-size:.875rem}.c-note p{font-size:1.0625rem;line-height:1.85}.c-note--meaning{max-inline-size:34em}.c-note--meaning p{font-feature-settings:"palt";letter-spacing:.02em;font-size:clamp(1.25rem,1rem + 1vw,1.625rem);font-weight:700;line-height:1.6}.c-example b{text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:.3em;font-weight:700;text-decoration-thickness:.18em}.c-sources{gap:.75rem;padding:0;list-style:none;display:grid}.c-sources li{justify-items:start;display:grid}.c-sources a{font-weight:700}.c-sources__host{color:var(--muted);font-size:.8125rem;line-height:1.4}.c-masthead{gap:.75rem;max-inline-size:72rem;margin-inline:auto;padding-block:clamp(2rem,6vw,4rem) 1.75rem;display:grid}.c-masthead__title{letter-spacing:-.02em;font-size:clamp(3rem,2rem + 5vw,5.5rem);font-weight:700;line-height:1}.c-masthead__lead{max-inline-size:30em;font-size:clamp(1rem,.9rem + .4vw,1.1875rem);line-height:1.75}.c-map-page{gap:1.25rem;max-inline-size:72rem;margin-inline:auto;display:grid}.c-search{grid-template-columns:auto minmax(0,24rem);justify-content:start;align-items:center;gap:.5rem 1rem;display:grid}.c-search label{font-weight:700}.c-search input{font:inherit;border:2px solid var(--ink);background:var(--sign);min-block-size:2.75rem;inline-size:100%;color:var(--sign-ink);border-radius:4px;padding:.375rem .75rem;font-size:1.0625rem}.c-search input::placeholder{color:var(--sign-muted)}.c-search input:focus-visible{outline-offset:2px}.c-search__status{min-block-size:1.5em;color:var(--muted);grid-column:1/-1;font-size:.875rem}.c-search__status:empty{display:none}@media (width<=30rem){.c-search{grid-template-columns:1fr}}.c-board{background:var(--sign);color:var(--sign-ink);box-shadow:0 0 0 1px var(--sign-edge);border-radius:6px;gap:clamp(1.25rem,3vw,2rem);padding:clamp(1rem,3vw,2rem);display:grid;container:board/inline-size}.c-board__title{font-size:1.125rem;font-weight:700}.c-board__empty{color:var(--sign-muted)}.c-line:not(:has(.c-station:not([hidden]))){display:none}.c-line__name{align-items:center;gap:.625rem;font-size:1.0625rem;font-weight:700;line-height:1.3;display:flex}.c-line__chip{border:.1875rem solid var(--line);min-inline-size:2.75rem;color:var(--sign-ink);letter-spacing:.04em;background:#fff;border-inline-start-width:.75rem;border-radius:4px;place-items:center;padding:.125rem .5rem;font-size:.8125rem;display:inline-grid}.c-line__stations{--rail:.5rem;--dot:1.375rem;padding:0;list-style:none;display:grid}.c-station{position:relative}.c-station[hidden]{display:none}.c-station__link{border-radius:4px;text-decoration:none;display:grid;position:relative}.c-station__dot{z-index:1;inline-size:var(--dot);block-size:var(--dot);border:.3125rem solid var(--line);background:#fff;border-radius:50%;position:relative}.c-station__word{font-feature-settings:"palt";letter-spacing:.04em;font-size:1.375rem;font-weight:700;line-height:1.2}.c-station__word rt{letter-spacing:.06em;font-feature-settings:normal;font-size:.5em;font-weight:400}.c-station__romaji{color:var(--sign-muted);font-size:.8125rem;line-height:1.4;display:block}.c-station__link:hover .c-station__word{text-underline-offset:.2em;text-decoration:underline 2px}.c-station__link:hover .c-station__dot{background:var(--line)}.c-line__stations{background:linear-gradient(var(--line), var(--line)) calc(.25rem + (var(--dot) - var(--rail)) / 2) 0 / var(--rail) 100% no-repeat;padding-inline-start:.25rem}.c-station__link{grid-template-columns:var(--dot) 1fr auto;align-items:center;column-gap:1rem;padding-block:.625rem}.c-line{gap:.5rem;display:grid}@container board (inline-size>40rem){.c-line{grid-template-columns:11rem 1fr;align-items:start;gap:1.5rem}.c-line__name{padding-block-start:2.25rem}.c-line__stations{scroll-snap-type:x proximity;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:start;padding:.25rem .25rem .5rem;overflow-x:auto}.c-station{scroll-snap-align:start;min-inline-size:11rem}.c-line__stations{background:linear-gradient(var(--line), var(--line)) 0 calc(.25rem + 2.25rem + .625rem + (var(--dot) - var(--rail)) / 2) / 100% var(--rail) no-repeat;background-attachment:local}.c-station__link{text-align:center;grid-template-rows:2.25rem auto auto;grid-template-columns:1fr;justify-items:center;row-gap:.625rem;padding:0 .5rem .5rem}.c-station__link .c-badge{grid-row:1;align-self:end}.c-station__dot{grid-row:2}.c-station__label{grid-row:3}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-group(root){animation-duration:.26s}html:active-view-transition-type(forward,backward){&::view-transition-group(sign){animation:none}&::view-transition-old(sign),&::view-transition-new(sign){mix-blend-mode:normal;animation-duration:.52s;animation-timing-function:cubic-bezier(.62,0,.24,1);animation-fill-mode:both}}html:active-view-transition-type(forward){&::view-transition-old(sign){animation-name:c-out-left}&::view-transition-new(sign){animation-name:c-in-right}}html:active-view-transition-type(backward){&::view-transition-old(sign){animation-name:c-out-right}&::view-transition-new(sign){animation-name:c-in-left}}}@keyframes c-out-left{to{transform:translate(-100vw)}}@keyframes c-in-right{0%{transform:translate(100vw)}}@keyframes c-out-right{to{transform:translate(100vw)}}@keyframes c-in-left{0%{transform:translate(-100vw)}}.c-masthead__row,.c-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.c-lang{border:2px solid var(--ink);border-radius:999px;align-items:center;min-block-size:2.75rem;padding-inline:.875rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.c-lang:hover{background:var(--ink);color:var(--surround)}.c-gloss{color:var(--muted);margin-block-end:.5rem;font-size:.9375rem;font-weight:700}.c-example__en{color:var(--muted);margin-block-start:.5rem}
