@font-face{font-family: 'Fraunces';src: url('../fonts/fraunces.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201E, U+2020-2022, U+2026, U+2032-2033, U+20AC, U+2122, U+2212}@font-face{font-family: 'Hanken Grotesk';src: url('../fonts/hanken.woff2') format('woff2');font-weight: 400 700;font-style: normal;font-display: swap;unicode-range: U+0020-007E, U+00A0-00FF, U+0131, U+0152-0153, U+2013-2014, U+2018-201E, U+2020-2022, U+2026, U+2032-2033, U+20AC, U+2122, U+2190, U+2192, U+2212}@font-face{font-family: 'IBM Plex Mono';src: url('../fonts/plexmono.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap;unicode-range: U+0020-007E, U+00A0-00FF, U+2013-2014, U+2018-201E, U+2022, U+2026, U+2190-2193}  @font-face{font-family: 'Fraunces Fallback';src: local('Georgia');size-adjust: 88%;ascent-override: 111%;descent-override: 29%;line-gap-override: 0%}@font-face{font-family: 'Hanken Fallback';src: local('Arial'), local('Helvetica Neue'), local('Roboto');size-adjust: 100.8%;ascent-override: 99%;descent-override: 30%;line-gap-override: 0%}  :root{color-scheme: light;--f-display: 'Fraunces', 'Fraunces Fallback', 'Iowan Old Style', Georgia, serif;--f-text: 'Hanken Grotesk', 'Hanken Fallback', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;--f-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, Consolas, monospace;--f-emoji: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif;  --f-sys: system-ui, -apple-system, 'Segoe UI', 'Segoe UI Symbol', 'Noto Sans', 'Noto Sans Symbols', 'Noto Sans Symbols 2', sans-serif;  --t-12: .75rem;--t-14: .875rem;--t-15: .9375rem;--t-body: 1.0625rem;--t-lede: clamp(1.125rem, 1.02rem + .5vw, 1.375rem);--t-h3: clamp(1.1875rem, 1.12rem + .3vw, 1.375rem);--t-h2: clamp(1.75rem, 1.3rem + 1.9vw, 2.75rem);--t-h1: clamp(2.5rem, 1.45rem + 4.7vw, 5.75rem);  --sp-0: 2px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--pad: clamp(16px, 4vw, 40px);--gap: clamp(24px, 5vw, 72px);--sec: clamp(44px, 6vw, 88px);--maxw: 1240px;--hdr-h: 60px;--jump-h: 49px;  --r: 6px;--r-s: 3px;  --emo-xs: 19px;--emo-sm: 32px;--emo-md: 44px;--emo-lg: 64px;  --h: 40;--s: 12%;--paper: oklch(0.972 0.008 85);--paper-2: oklch(0.948 0.010 85);--paper-3: oklch(0.992 0.004 85);--ink: oklch(0.21 0.012 60);--ink-2: oklch(0.39 0.012 60);--ink-3: oklch(0.47 0.012 60);--rule: oklch(0.21 0.012 60 / 0.15);--rule-2: oklch(0.21 0.012 60 / 0.38);--plate: hsl(var(--h) min(var(--s), 64%) 88%);--plate-2: hsl(var(--h) min(var(--s), 64%) 80%);--mark: hsl(var(--h) min(var(--s), 72%) 84%);--ghost: oklch(0.925 0.012 85);--good: oklch(0.47 0.12 150);--warn: oklch(0.47 0.10 70);--bad: oklch(0.47 0.16 28);--shadow: 0 18px 40px oklch(0.21 0.012 60 / 0.16);--shade: oklch(0.21 0.012 60 / 0.22);  --ease: cubic-bezier(.2, .7, .2, 1);  --fast: 140ms;--base: 200ms;--slow: 300ms}[data-theme='dark']{color-scheme: dark;--paper: oklch(0.165 0.006 70);--paper-2: oklch(0.205 0.007 70);--paper-3: oklch(0.235 0.008 70);--ink: oklch(0.94 0.008 85);  --ink-2: oklch(0.89 0.010 85);--ink-3: oklch(0.83 0.010 85);--rule: oklch(0.93 0.008 85 / 0.15);--rule-2: oklch(0.93 0.008 85 / 0.38);--plate: hsl(var(--h) min(var(--s), 46%) 17%);--plate-2: hsl(var(--h) min(var(--s), 46%) 25%);--mark: hsl(var(--h) min(var(--s), 50%) 30%);--ghost: oklch(0.25 0.008 70);--good: oklch(0.78 0.13 150);--warn: oklch(0.80 0.11 80);--bad: oklch(0.80 0.12 28);--shadow: 0 18px 40px oklch(0 0 0 / 0.5)}  *, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--hdr-h) + var(--jump-h) + var(--sp-5))}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*, *::before, *::after{animation-duration: .01ms !important;transition-duration: .01ms !important}}body{margin: 0;background: var(--paper);color: var(--ink);font-family: var(--f-text);font-size: var(--t-body);line-height: 1.6;font-synthesis: none;-webkit-font-smoothing: antialiased;  overflow-wrap: break-word}h1, h2, h3, h4{margin: 0;font-weight: 400}h1, h2{font-family: var(--f-display);text-wrap: balance}h1{font-size: var(--t-h1);line-height: .98;letter-spacing: -.035em}h2{font-size: var(--t-h2);line-height: 1.05;letter-spacing: -.025em}h3{font-size: var(--t-h3);line-height: 1.25;letter-spacing: -.012em;font-weight: 600}p{margin: 0 0 1em}a{color: inherit;text-decoration-thickness: 1px;text-underline-offset: 3px;text-decoration-color: var(--rule-2)}a:hover{text-decoration-color: currentColor}img{max-width: 100%;display: block}button{font: inherit;color: inherit;cursor: pointer}code{font-family: var(--f-mono);font-size: .92em}b, strong{font-weight: 600}[hidden]{display: none !important}::selection{background: var(--mark);color: var(--ink)}:focus-visible{outline: 2px solid var(--ink);outline-offset: var(--sp-0);border-radius: var(--r-s)}.wrap{width: 100%;max-width: var(--maxw);margin-inline: auto;padding-inline: var(--pad)}.sr{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.emoji{font-family: var(--f-emoji);font-variant-emoji: emoji}.skip{position: absolute;left: var(--sp-4);top: -100px;z-index: 100;padding: var(--sp-3) var(--sp-4);background: var(--ink);color: var(--paper);border-radius: var(--r);font-size: var(--t-14);text-decoration: none}.skip:focus{top: var(--sp-3)}  img.flagimg{display: inline-block;width: 1em;height: 1em;vertical-align: -.14em;object-fit: contain}  .crumbs, .sec__num, .card__label, .hero__kicker, .fact dt, .copy__k, .plate__cap, .ftr__h, .tline__when, .stat__cap, .cat__count, .quiz__n, .fresh__cap, .tool__h{font-family: var(--f-mono);font-size: var(--t-12);line-height: 1.4;letter-spacing: .06em;text-transform: uppercase;font-weight: 400}  @view-transition{navigation: auto}::view-transition-old(root), ::view-transition-new(root){animation-duration: var(--base)}::view-transition-group(specimen){animation-duration: calc(var(--slow) * 1.5);animation-timing-function: var(--ease)}::view-transition-old(specimen), ::view-transition-new(specimen){height: 100%;width: 100%;object-fit: contain}.plate__glyph, .plate__img[data-glyph], .plate__text{view-transition-name: specimen}@media (prefers-reduced-motion: reduce){@view-transition{navigation: none}}    .hdr{position: sticky;top: 0;z-index: 50;background: var(--paper);border-bottom: 1px solid var(--rule)}.hdr__in{display: flex;align-items: center;gap: var(--sp-5);height: var(--hdr-h)}.hdr__logo{display: flex;align-items: center;gap: var(--sp-2);font-family: var(--f-display);font-size: 1.375rem;letter-spacing: -.02em;line-height: 1;text-decoration: none}  .hdr__logoemo{display: inline-block;width: 1.2em;text-align: center;font-size: var(--emo-xs);line-height: 1;transition: transform var(--slow) var(--ease), opacity var(--slow) var(--ease)}.hdr__logoemo.is-out{transform: translateY(-6px) rotate(-12deg) scale(.7);opacity: 0}.hdr__mini{display: none;align-items: center;gap: var(--sp-2);min-width: 0;font-size: var(--t-14);color: var(--ink-2);padding-left: var(--sp-5);border-left: 1px solid var(--rule)}.hdr__mini span:last-child{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.hdr__mini .emoji{font-size: var(--emo-xs);line-height: 1}.hdr[data-stuck='1'] .hdr__mini{display: flex}.hdr__nav{display: flex;gap: var(--sp-5);margin-left: auto;align-items: center}.hdr__nav a{font-size: var(--t-15);color: var(--ink-2);text-decoration: none;white-space: nowrap;padding-block: var(--sp-2);border-bottom: 1px solid transparent;transition: color var(--fast) var(--ease), border-color var(--fast) var(--ease)}.hdr__nav a:hover{color: var(--ink);border-bottom-color: var(--rule-2)}.hdr__nav a[aria-current]{color: var(--ink);border-bottom-color: var(--ink)}.icon-btn{display: grid;place-items: center;width: 40px;height: 40px;flex: none;padding: 0;border: 1px solid var(--rule-2);border-radius: var(--r);background: transparent;color: var(--ink);transition: background var(--fast) var(--ease), border-color var(--fast) var(--ease)}.icon-btn:hover{background: var(--paper-2);border-color: var(--ink)}.icon-btn svg{width: 18px;height: 18px}.icon-btn .i-sun, [data-theme='dark'] .icon-btn .i-moon{display: none}[data-theme='dark'] .icon-btn .i-sun{display: block}.hdr__burger{display: none}@media (max-width: 1020px){.hdr__in{gap: var(--sp-3)}.hdr[data-stuck] .hdr__mini{display: none}.hdr__burger{display: grid;margin-left: auto}.hdr__nav{position: absolute;left: 0;right: 0;top: 100%;flex-direction: column;align-items: stretch;gap: 0;padding: var(--sp-2) var(--pad) var(--sp-4);background: var(--paper);border-bottom: 1px solid var(--rule);box-shadow: var(--shadow);opacity: 0;visibility: hidden;transform: translateY(-6px);transition: opacity var(--base) var(--ease), transform var(--base) var(--ease), visibility var(--base)}.hdr[data-open='1'] .hdr__nav{opacity: 1;visibility: visible;transform: none}.hdr__nav a{padding: var(--sp-3) 0;font-size: 1.0625rem;border-bottom: 1px solid var(--rule)}.hdr__nav a:last-child{border-bottom-color: transparent}}  .crumbs{display: flex;gap: var(--sp-3);align-items: center;color: var(--ink-3);padding-top: var(--sp-5);white-space: nowrap;min-width: 0}.crumbs > *{flex: none}.crumbs > [aria-current]{flex: 0 1 auto;min-width: 0;overflow: hidden;text-overflow: ellipsis}.crumbs a{color: inherit;text-decoration: none;padding-block: var(--sp-1)}.crumbs a:hover{color: var(--ink)}.crumbs [aria-current]{color: var(--ink-2)}  .sec{border-top: 1px solid var(--rule);padding-block: var(--sec)}.sec > .wrap{display: grid;grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);column-gap: var(--gap)}.sec > .wrap > *{grid-column: 2;min-width: 0}.sec > .wrap > :not(.sec__head) + :not(.sec__head){margin-top: var(--sp-5)}.sec > .wrap > .sec__head{grid-column: 1;grid-row: 1 / span 40;align-self: start;position: sticky;top: calc(var(--hdr-h) + var(--jump-h) + var(--sp-5));display: flex;flex-direction: column;align-items: flex-start}.sec__num{display: block;color: var(--ink-3);margin: 0 0 var(--sp-4)}  .sec__head > *{max-width: 100%}.sec__sub{color: var(--ink-2);margin: var(--sp-4) 0 0;font-size: 1rem;line-height: 1.55;max-width: min(44ch, 100%);text-wrap: pretty}.sec__link{margin-top: var(--sp-5);padding: 0;border: 0;background: none;font-size: var(--t-15);font-weight: 600;color: var(--ink);text-decoration: underline;text-decoration-color: var(--rule-2);text-underline-offset: 4px}.sec__link:hover{text-decoration-color: currentColor}  .sec--wide > .wrap{display: block}.sec--wide > .wrap > .sec__head{position: static;display: grid;grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);column-gap: var(--gap);align-items: start;margin-bottom: var(--sp-6)}.sec--wide .sec__num{grid-column: 1 / -1}.sec--wide .sec__head h2:not(.sec__num){grid-column: 1}.sec--wide .sec__sub{grid-column: 2;margin-top: var(--sp-2)}.sec--wide .sec__link{grid-column: 2;margin-top: var(--sp-3);justify-self: start}@media (max-width: 900px){.sec > .wrap{display: block}.sec > .wrap > .sec__head, .sec--wide > .wrap > .sec__head{position: static;display: flex;margin-bottom: var(--sp-5)}.sec--wide .sec__sub{margin-top: var(--sp-4)}.sec--wide .sec__link{margin-top: var(--sp-4)}}  :root:not(.cv-off) main > section.sec--wide:nth-of-type(n + 4){content-visibility: auto;contain-intrinsic-size: auto 900px;overflow: hidden}@media (max-width: 900px){:root:not(.cv-off) main > section.sec:nth-of-type(n + 3){content-visibility: auto;contain-intrinsic-size: auto 1200px;overflow: hidden}}  .sub-h, .subgroup__h{font-size: var(--t-h3)}.sec > .wrap > :not(.sec__head) + .sub-h{margin-top: var(--sp-7)}.sec > .wrap > .sub-h + .prose{margin-top: var(--sp-3)}  :root:not(.cv-off) .subgroup--lazy{content-visibility: auto;contain-intrinsic-size: auto 480px}.subgroup + .subgroup{margin-top: var(--sp-7)}.subgroup__h{display: flex;align-items: baseline;gap: var(--sp-3);margin-bottom: var(--sp-4)}.subgroup__h span{font-family: var(--f-mono);font-size: var(--t-12);letter-spacing: .06em;color: var(--ink-3);font-weight: 400;text-transform: uppercase}.subnav{display: flex;flex-wrap: wrap;gap: var(--sp-2);margin-bottom: var(--sp-7)}.subnav .chip b{font-family: var(--f-mono);font-weight: 400;font-size: var(--t-12);color: var(--ink-3)}.combo-group + .combo-group{margin-top: var(--sp-6)}.combo-group > .card__label{margin-bottom: var(--sp-3)}  .jump{position: sticky;top: var(--hdr-h);z-index: 40;overflow: hidden;background: var(--paper);border-block: 1px solid var(--rule)}.jump + .sec{border-top: 0}.jump::before, .jump::after{content: '';position: absolute;inset-block: 0;width: 56px;pointer-events: none;z-index: 1;opacity: 0;transition: opacity var(--fast) var(--ease)}.jump::before{left: 0;background: linear-gradient(to left, transparent, var(--paper))}.jump::after{right: 0;background: linear-gradient(to right, transparent, var(--paper))}.jump[data-l='1']::before, .jump[data-r='1']::after{opacity: 1}.jump__arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;display: grid;place-items: center;width: 32px;height: 32px;padding: 0;border: 1px solid var(--rule-2);border-radius: var(--r);background: var(--paper);color: var(--ink)}.jump__arrow:hover{border-color: var(--ink)}.jump__arrow--l{left: var(--sp-2)}.jump__arrow--r{right: var(--sp-2)}.jump__in{display: flex;gap: var(--sp-5);overflow-x: auto;scrollbar-width: none;height: var(--jump-h);align-items: stretch}.jump__in::-webkit-scrollbar{display: none}.jump__a{flex: none;display: flex;align-items: center;white-space: nowrap;font-size: var(--t-14);color: var(--ink-2);text-decoration: none;border-bottom: 2px solid transparent;margin-bottom: -1px;padding-top: var(--sp-0);transition: color var(--fast) var(--ease), border-color var(--fast) var(--ease)}.jump__a:hover{color: var(--ink)}.jump__a.is-on{color: var(--ink);border-bottom-color: var(--ink)}  .ftr{border-top: 1px solid var(--ink);padding-block: var(--sp-8) var(--sp-5);overflow: hidden}.ftr__grid{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: var(--sp-7) var(--sp-5);align-items: start}.ftr__lead{grid-column: 1 / -1;display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: var(--sp-3) var(--sp-7);padding-bottom: var(--sp-6);border-bottom: 1px solid var(--rule)}.ftr__logo{font-family: var(--f-display);font-size: 1.625rem;letter-spacing: -.02em;line-height: 1;display: flex;align-items: center;gap: var(--sp-2);text-decoration: none}.ftr__logo .emoji{font-size: 1.25rem}.ftr__tag{margin: 0;color: var(--ink-2);font-size: 1rem;max-width: 52ch}.ftr__h{color: var(--ink-3);margin-bottom: var(--sp-4)}.ftr ul{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--sp-1)}.ftr li a{display: inline-block;padding-block: var(--sp-1);color: var(--ink-2);text-decoration: none;font-size: var(--t-15);line-height: 1.35}  @media (pointer: coarse){.ftr li a{padding-block: var(--sp-2)}}.ftr a:hover{color: var(--ink);text-decoration: underline}.ftr__bot{display: flex;flex-wrap: wrap;gap: var(--sp-3) var(--sp-6);justify-content: space-between;align-items: center;margin-top: var(--sp-8);padding-top: var(--sp-5);border-top: 1px solid var(--rule);font-size: var(--t-14);color: var(--ink-3)}.ftr__meta{display: flex;flex-wrap: wrap;gap: var(--sp-1) var(--sp-5)}.ftr__meta a{color: var(--ink-2);text-decoration: none;padding-block: var(--sp-2)}  .ftr__mark{display: block;margin: var(--sp-7) 0 calc(var(--sp-5) * -1 - .1em);line-height: .8;font-family: var(--f-display);font-size: clamp(4.5rem, 21.5vw, 19rem);letter-spacing: -.05em;color: var(--ghost);white-space: nowrap;text-align: center;user-select: none}.ftr__mark::before{content: attr(data-mark)}@media (max-width: 1100px){.ftr__grid{grid-template-columns: repeat(3, minmax(0, 1fr))}}@media (max-width: 620px){.ftr__grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}    .btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--sp-2);min-height: 48px;padding: 0 var(--sp-5);border: 1px solid var(--ink);border-radius: var(--r);background: var(--ink);color: var(--paper);font-weight: 600;font-size: var(--t-15);line-height: 1.2;text-decoration: none;white-space: nowrap;transition: background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease)}.btn:hover{background: var(--ink-2);border-color: var(--ink-2)}.btn:active{transform: translateY(1px)}.btn--ghost{background: transparent;color: var(--ink);border-color: var(--rule-2)}.btn--ghost:hover{background: var(--paper-2);border-color: var(--ink)}.btn .emoji{font-size: var(--emo-xs);line-height: 1}.btn.is-copied{background: var(--good);border-color: var(--good);color: var(--paper)}  .chips{display: flex;flex-wrap: wrap;gap: var(--sp-2)}.chip{display: inline-flex;align-items: center;gap: var(--sp-2);min-height: 36px;padding: var(--sp-1) var(--sp-3);border: 1px solid var(--rule-2);border-radius: var(--r);background: transparent;font-size: var(--t-14);line-height: 1.3;text-decoration: none;color: var(--ink-2);text-align: left;transition: border-color var(--fast) var(--ease), color var(--fast) var(--ease), background var(--fast) var(--ease)}a.chip:hover, button.chip:hover{border-color: var(--ink);color: var(--ink);background: var(--paper-2)}.chip.is-on{background: var(--ink);border-color: var(--ink);color: var(--paper)}.chip.is-copied{border-color: var(--good);color: var(--good)}.chip .emoji{font-size: var(--emo-xs);line-height: 1}  .prose{max-width: 68ch;color: var(--ink-2);overflow-wrap: anywhere}.prose > :last-child{margin-bottom: 0}.prose strong, .prose b{color: var(--ink)}.prose a{color: var(--ink);text-decoration: underline;text-decoration-color: var(--rule-2);transition: text-decoration-color var(--fast) var(--ease)}.prose a:hover{text-decoration-color: currentColor}.prose--lead{font-size: 1.1875rem;line-height: 1.6;color: var(--ink);max-width: 64ch}.prose--sm{font-size: var(--t-15)}.prose-links{color: var(--ink-3)}  .bento{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));column-gap: var(--sp-6);container-type: inline-size}.card{border-top: 1px solid var(--rule-2);padding: var(--sp-4) 0 var(--sp-6);min-width: 0}.card > .prose{font-size: 1rem;line-height: 1.6}.card__label{color: var(--ink-3);margin-bottom: var(--sp-3)}.card h3{margin-bottom: var(--sp-2)}.card > .prose + *, .card > .chips + *{margin-top: var(--sp-4)}.card__title{display: block;font-weight: 600;color: var(--ink);margin-bottom: var(--sp-1)}a.card{text-decoration: none;transition: border-color var(--fast) var(--ease)}a.card:hover{border-top-color: var(--ink)}a.card:hover .card__title{text-decoration: underline;text-underline-offset: 3px}.col-4{grid-column: span 4}.col-5{grid-column: span 5}.col-6{grid-column: span 6}.col-7{grid-column: span 7}.col-8{grid-column: span 8}.col-12{grid-column: span 12}@container (max-width: 760px){.col-4, .col-5, .col-7, .col-8{grid-column: span 6}.col-4:last-child:nth-child(odd), .col-5:last-child:nth-child(odd){grid-column: span 12}}@container (max-width: 520px){.col-4, .col-5, .col-6, .col-7, .col-8{grid-column: span 12}}  @media (max-width: 600px){.bento{grid-template-columns: minmax(0, 1fr);column-gap: 0}.bento > .card{grid-column: 1}}  .egrid, .plats, .codes, .combos, .kgrid, .symgrid, .kaogrid, .symlist, .invlist, .cats, .quiz, .mlist, .cult__grid, .artgrid, .facts{display: grid;border-top: 1px solid var(--rule);border-left: 1px solid var(--rule)}.egrid > *, .plats > *, .codes > *, .combos > *, .kgrid > *, .symgrid > *, .kaogrid > *, .symlist > *, .invlist > *, .cats > *, .quiz > *, .mlist > *, .cult__grid > *, .artgrid > *, .facts > *{border: 0;border-right: 1px solid var(--rule);border-bottom: 1px solid var(--rule);border-radius: 0;background: transparent;min-width: 0;margin: 0;transition: background var(--fast) var(--ease)}@media (hover: hover){a.ecell:hover, .ecell__copy:hover, a.plat:hover, button.plat:hover, .copy:hover, .combo:hover, .kstick:hover, .sym:hover, .kao:hover, a.symrow:hover, button.symrow:hover, .inv:hover, .cat:hover, .quiz__card:hover, .art:hover, .fancy:hover, a.vrow:hover{background: var(--paper-2)}}.is-copied.copy, .is-copied.combo, .is-copied.sym, .is-copied.kao, .is-copied.symrow, .is-copied.inv, .is-copied.art, .is-copied.fancy, .is-copied.ecell__copy, .is-copied.plat{background: var(--mark)}  :is(.egrid, .plats, .codes, .combos, .kgrid, .symgrid, .kaogrid, .symlist, .invlist, .cats, .quiz, .mlist, .artgrid) :focus-visible{outline-offset: calc(-1 * var(--sp-0));border-radius: 0}  .egrid{grid-template-columns: repeat(auto-fill, minmax(112px, 1fr))}.ecell{display: grid;justify-items: center;align-content: start;gap: var(--sp-2);padding: var(--sp-5) var(--sp-2) var(--sp-3);text-decoration: none}.ecell .emoji, .ecell__copy .emoji{font-size: var(--emo-md);line-height: 1}.ecell .flagimg, .ecell__copy .flagimg, .ecell > img{width: var(--emo-md);height: var(--emo-md)}.ecell > span:last-child:not(.emoji), .ecell__link{font-size: var(--t-12);line-height: 1.3;color: var(--ink-2);text-align: center}  .ecell--dual{padding: 0}.ecell__copy{display: grid;place-items: center;width: 100%;padding: var(--sp-5) var(--sp-2) var(--sp-2);border: 0;background: transparent;transition: background var(--fast) var(--ease)}.ecell__link{display: block;width: 100%;padding: var(--sp-1) var(--sp-2) var(--sp-3);text-decoration: none}.ecell__link:hover{color: var(--ink);text-decoration: underline}@media (max-width: 640px){.egrid{grid-template-columns: repeat(auto-fill, minmax(96px, 1fr))}}  .plats{grid-template-columns: repeat(auto-fill, minmax(132px, 1fr))}.plat{display: grid;justify-items: center;align-content: start;gap: var(--sp-2);padding: var(--sp-5) var(--sp-2) var(--sp-4);text-align: center;text-decoration: none}.plat img{width: var(--emo-lg);height: var(--emo-lg);object-fit: contain}.plat .emoji{font-size: var(--emo-md);line-height: 1}.plat b{font-size: var(--t-14);font-weight: 600;line-height: 1.3;display: block}.plat span:not(.emoji){font-size: var(--t-12);color: var(--ink-3);line-height: 1.35;display: block}.plat figcaption{display: grid;gap: var(--sp-0)}.plat figcaption br{display: none}@media (max-width: 640px){.plats{grid-template-columns: repeat(auto-fill, minmax(104px, 1fr))}}  .codes{grid-template-columns: repeat(auto-fill, minmax(216px, 1fr))}.copy{display: flex;align-items: center;gap: var(--sp-3);width: 100%;text-align: left;padding: var(--sp-3) var(--sp-4)}.copy > span{min-width: 0;flex: 1}.copy__k{display: block;color: var(--ink-3);margin-bottom: var(--sp-0)}.copy__v{display: block;font-family: var(--f-mono);font-size: var(--t-15);color: var(--ink);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.copy__ico{flex: none;width: 16px;height: 16px;color: var(--ink-3)}.copy:hover .copy__ico{color: var(--ink)}  .combos{grid-template-columns: repeat(auto-fill, minmax(148px, 1fr))}.combo{display: grid;place-items: center;min-height: 84px;padding: var(--sp-4) var(--sp-2);font-size: 1.75rem;line-height: 1.2}.combo .emoji{white-space: nowrap}.combo small{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}@media (max-width: 640px){.combos{grid-template-columns: repeat(auto-fill, minmax(132px, 1fr))}.combo{font-size: 1.5rem}}  .combos--six{grid-template-columns: repeat(6, minmax(0, 1fr))}.combos--six .combo{font-size: 1.5rem}@media (max-width: 900px){.combos--six{grid-template-columns: repeat(3, minmax(0, 1fr))}}  .mlist{grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr))}.mrow{display: flex;align-items: flex-start;gap: var(--sp-4);padding: var(--sp-4)}.mrow > div{min-width: 0;flex: 1}.mrow__e{font-size: var(--emo-sm);line-height: 1;text-decoration: none;flex: none}.mrow__e .flagimg{width: var(--emo-sm);height: var(--emo-sm)}.mrow__n{display: inline-block;min-height: 24px;font-weight: 600;font-size: 1rem;line-height: 1.5;text-decoration: none}.mrow__n:hover{text-decoration: underline}.mrow__m{margin: var(--sp-1) 0 0;font-size: var(--t-15);color: var(--ink-2);line-height: 1.5}.mrow .icon-btn{width: 36px;height: 36px}  .faq{border-top: 1px solid var(--rule-2)}.faq details{border-bottom: 1px solid var(--rule)}.faq summary{display: flex;align-items: baseline;justify-content: space-between;gap: var(--sp-5);cursor: pointer;padding: var(--sp-5) 0;list-style: none;font-family: var(--f-display);font-size: var(--t-h3);line-height: 1.25;letter-spacing: -.012em}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: '+';flex: none;font-family: var(--f-mono);font-size: 1.25rem;line-height: 1;color: var(--ink-3)}.faq details[open] summary::after{content: '−'}.faq summary:hover::after{color: var(--ink)}.faq details > div{padding-bottom: var(--sp-5);color: var(--ink-2);max-width: 68ch}  .search{position: relative;display: flex;align-items: center;gap: var(--sp-3);min-height: 60px;padding: 0 var(--sp-2) 0 var(--sp-4);background: var(--paper-3);border: 1px solid var(--rule-2);border-radius: var(--r);transition: border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease)}.search:focus-within{border-color: var(--ink);box-shadow: 0 0 0 3px var(--rule)}.search__ico{width: 20px;height: 20px;color: var(--ink-3);flex: none}.search input{flex: 1;min-width: 0;height: 58px;border: 0;outline: 0;background: transparent;color: var(--ink);font: inherit;font-size: 1.125rem;-webkit-appearance: none;appearance: none;text-overflow: ellipsis}.search input::-webkit-search-cancel-button{display: none}.search input::placeholder{color: var(--ink-3);opacity: 1}.search__clear{flex: none;width: 40px;height: 40px;padding: 0;border: 0;border-radius: var(--r);background: transparent;color: var(--ink-2);font-size: var(--t-14)}.search__clear:hover{background: var(--paper-2);color: var(--ink)}.search .btn{flex: none;min-height: 44px}@media (max-width: 640px){.search{min-height: 56px;padding-left: var(--sp-3)}.search input{height: 54px;font-size: 1rem}}  .toast{position: fixed;left: 50%;bottom: var(--sp-5);z-index: 90;transform: translate(-50%, 80px);max-width: calc(100vw - var(--sp-6));padding: var(--sp-3) var(--sp-4);background: var(--ink);color: var(--paper);border-radius: var(--r);font-family: var(--f-mono);font-size: var(--t-14);line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 0;pointer-events: none;transition: transform var(--slow) var(--ease), opacity var(--base) var(--ease)}.toast.is-on{transform: translate(-50%, 0);opacity: 1}    .hero{--hero-top: clamp(28px, 4.5vw, 64px);  display: flex;flex-direction: column;padding-bottom: var(--sp-8);min-height: min(calc(100vh - var(--hdr-h)), 52rem);  min-height: min(calc(100svh - var(--hdr-h)), 52rem)}.hero > .wrap{flex: 1;display: flex;flex-direction: column}.hero__grid{flex: 1;display: grid;grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);column-gap: var(--gap);margin-top: var(--hero-top)}.hero__grid > .stat{align-self: end}.hero__grid--solo{grid-template-columns: minmax(0, 1fr)}  .hero__grid--tight{flex: none}.hero__main{min-width: 0;display: grid;gap: var(--sp-5);justify-items: start;align-content: start;align-self: start}.hero__main > *{margin: 0}.hero__kicker{display: block;color: var(--ink-2)}.hero__main > .hero__kicker{margin-bottom: calc(var(--sp-2) * -1)}.hero__h1{max-width: 18ch;overflow-wrap: break-word}.hero__lede{font-size: var(--t-lede);line-height: 1.5;color: var(--ink-2);max-width: 58ch;text-wrap: pretty}.hero__lede a{color: var(--ink)}.hero__alt, .hero__sub{font-size: var(--t-15);line-height: 1.5;color: var(--ink-3)}.hero__main > .hero__alt{margin-top: calc(var(--sp-2) * -1)}.hero__alt b{color: var(--ink-2);font-weight: 600}.hero__alt a, .hero__sub a{color: var(--ink-2)}.hero__after{margin-top: var(--sp-7)}  .hero--tool .hero__after{margin-top: var(--sp-6)}.tool__h{margin: 0 0 var(--sp-3);color: var(--ink-2)}  .tool__lead{margin: 0 0 var(--sp-5);max-width: 58ch;color: var(--ink-2)}  .hero__after > .search + *{margin-top: var(--sp-6)}.tool__note{margin: var(--sp-4) 0 0;max-width: 72ch;font-size: var(--t-15);line-height: 1.5;color: var(--ink-3)}.hero__after .search{max-width: 760px}.hero__actions{display: flex;flex-wrap: wrap;gap: var(--sp-3)}  .is-searching .hero{min-height: 0;padding-bottom: var(--sp-5)}.is-searching .hero__grid{grid-template-columns: minmax(0, 1fr)}.is-searching .hero__lede, .is-searching .hero__alt, .is-searching .stat, .is-searching .home__plate, .is-searching .home__quick{display: none}.is-searching .hero__after{margin-top: var(--sp-5)}    .stat{container-type: inline-size;--cq: 1cqw;display: grid;gap: var(--sp-3);margin: 0;min-width: 0}.stat__n{font-family: var(--f-display);line-height: .78;letter-spacing: -.05em;font-variant-numeric: lining-nums;font-size: min(11.5rem, calc(100 * var(--cq) / var(--len, 3) / .56));white-space: nowrap}.stat__n{padding-bottom: .06em}.stat__cap{color: var(--ink-3)}  .stat__strip{display: flex;margin: var(--sp-1) 0 0 calc((var(--emo-sm) - var(--emo-md)) / 2)}.pick{flex: 0 1 var(--emo-md);min-width: 0;height: var(--emo-md);display: grid;place-items: center;padding: 0;border: 0;border-radius: var(--r);background: transparent;color: var(--ink);font-size: var(--emo-sm);line-height: 1;font-family: var(--f-emoji);transition: background var(--fast) var(--ease), transform var(--fast) var(--ease)}.pick .flagimg{width: var(--emo-sm);height: var(--emo-sm);vertical-align: 0}.pick--sym{font-family: var(--f-sys)}  @media (hover: hover){.pick:hover{background: var(--paper-2)}}.pick:active{transform: scale(.92)}.pick.is-copied{background: var(--mark)}  .stat__strip--text{flex-wrap: wrap;gap: var(--sp-2);margin-left: 0}.stat__strip--text .chip{font-family: var(--f-sys);color: var(--ink);white-space: nowrap}@media (max-width: 900px){.hero__grid{grid-template-columns: minmax(0, 1fr);row-gap: var(--sp-6);align-content: space-between}  .hero__after{margin-top: auto;padding-top: var(--sp-6)}  .hero--tool .hero__grid{display: contents}.hero--tool .hero__main{order: 1;margin-top: var(--hero-top);align-self: stretch}.hero--tool .hero__after{order: 2;margin-top: var(--sp-6);padding-top: 0}.hero--tool .stat{order: 3;margin-top: var(--sp-6);align-self: stretch}  .hero--tool-first .hero__main{display: contents}.hero--tool-first .hero__kicker{order: 1;margin: var(--hero-top) 0 var(--sp-3)}.hero--tool-first .hero__h1{order: 2;margin: 0}.hero--tool-first .hero__after{order: 3;margin-top: var(--sp-5)}.hero--tool-first .hero__lede{order: 4;margin: var(--sp-6) 0 0}.hero--tool-first .hero__alt{order: 5;margin: var(--sp-3) 0 0}.hero--tool-first .stat{order: 6}  .stat__n{font-size: min(14rem, calc(100 * var(--cq) / var(--len, 3) / .56))}}  .hero__in{display: grid;grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);column-gap: var(--gap);align-items: start;margin-top: clamp(var(--sp-5), 3.5vw, var(--sp-7))}.hero__text{min-width: 0;display: grid;gap: var(--sp-5);justify-items: start}.hero__text > *{margin: 0}.hero__text .hero__kicker{margin-bottom: calc(var(--sp-2) * -1)}.hero__title{font-size: clamp(2.5rem, 1.6rem + 4vw, 5.25rem);overflow-wrap: break-word}.hero__title .emoji, .hero__title .flagimg, .symbig{font-size: .78em;margin-right: .14em}.hero__title .flagimg{width: .78em;height: .78em;vertical-align: -.06em}.symbig{font-family: var(--f-sys)}.hero__text .hero__lede{color: var(--ink);max-width: 36ch}.hero__text .hero__alt{margin-top: calc(var(--sp-3) * -1)}.hero__warn{max-width: 60ch;padding: var(--sp-3) var(--sp-4);border-left: 2px solid var(--warn);background: var(--paper-2);font-size: var(--t-15);line-height: 1.5;color: var(--ink-2)}  .facts{display: flex;flex-wrap: wrap;width: 100%;margin: var(--sp-3) 0 0}.fact{flex: 1 1 auto;padding: var(--sp-3) var(--sp-4)}.fact dt{color: var(--ink-3);margin-bottom: var(--sp-1);white-space: nowrap}.fact dd{margin: 0;font-family: var(--f-mono);font-size: var(--t-15);line-height: 1.35;overflow-wrap: anywhere}  @media (max-width: 640px){.fact{flex-basis: 50%}}  .specimen{margin: 0;min-width: 0;display: grid;gap: var(--sp-3)}.plate{position: relative;display: grid;place-items: center;overflow: hidden;aspect-ratio: 5 / 6;border-radius: var(--r);background: var(--plate);container-type: inline-size;--cq: 1cqw; }.plate__no{position: absolute;left: 50%;bottom: 0;transform: translate(-50%, 17%);font-family: var(--f-display);font-size: calc(39 * var(--cq));line-height: .8;letter-spacing: -.05em;font-variant-numeric: lining-nums;color: var(--plate-2);white-space: nowrap;user-select: none;pointer-events: none}.plate__no::before{content: attr(data-no)}.plate__no[data-len='4']{font-size: calc(48 * var(--cq))}.plate__no[data-len='3'], .plate__no[data-len='2']{font-size: calc(60 * var(--cq))}.plate__cap{position: absolute;inset: var(--sp-4) var(--sp-4) auto;display: flex;justify-content: space-between;gap: var(--sp-4);color: var(--ink-2)}.plate__cap span:last-child{flex: none;text-align: right}.plate__stage{position: relative;display: grid;place-items: center;transform: translateY(-5%);transition: opacity var(--fast) var(--ease), transform var(--fast) var(--ease)}.specimen.is-swapping .plate__stage{opacity: 0;transform: translateY(-5%) scale(.96)}.plate__glyph{font-size: calc(46 * var(--cq));line-height: 1;user-select: all;filter: drop-shadow(0 .06em .05em var(--shade))}.plate__img{width: calc(46 * var(--cq));height: auto;filter: drop-shadow(0 calc(2.6 * var(--cq)) calc(2.2 * var(--cq)) var(--shade))}  .plate__img.is-soft{width: calc(26 * var(--cq))}.plate__text{font-family: var(--f-sys);color: var(--ink);line-height: 1;white-space: nowrap}  .specimen__strip{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0, 46px);gap: var(--sp-2);justify-content: start}.pchip{display: grid;place-items: center;width: 100%;aspect-ratio: 1;padding: 0;border: 1px solid var(--rule);border-radius: var(--r);background: transparent;transition: border-color var(--fast) var(--ease), background var(--fast) var(--ease)}.pchip .emoji{font-size: min(22px, 5.2vw);line-height: 1}.pchip img{width: 62%;max-width: 26px;height: auto}.pchip:hover{border-color: var(--rule-2);background: var(--paper-2)}.pchip.is-on{border-color: var(--ink);box-shadow: inset 0 0 0 1px var(--ink)}@media (max-width: 640px){.specimen__strip{gap: var(--sp-1)}}@media (max-width: 900px){  .hero__in{grid-template-columns: minmax(0, 1fr);row-gap: var(--sp-5)}.hero__text{display: contents}.hero__text > *{order: 5}.hero__text > .hero__kicker{order: 1;margin-bottom: calc(var(--sp-3) * -1)}.hero__text > .hero__title{order: 2}.specimen{order: 3}.hero__text > .hero__actions{order: 4}.plate{aspect-ratio: 4 / 3}.plate__no{font-size: calc(30 * var(--cq))}.plate__no[data-len='4']{font-size: calc(37 * var(--cq))}.plate__no[data-len='3'], .plate__no[data-len='2']{font-size: calc(46 * var(--cq))}.plate__glyph{font-size: calc(36 * var(--cq))}.plate__img{width: calc(36 * var(--cq))}.plate__img.is-soft{width: calc(22 * var(--cq))}.hero__actions{width: 100%}.hero__actions .btn{flex: 1 1 auto}}  .home__plate{display: grid;gap: var(--sp-3);text-decoration: none}.home__plate .plate{aspect-ratio: 1 / 1}.home__plate:hover .plate__glyph{transform: rotate(-4deg) scale(1.04)}.home__plate .plate__glyph{transition: transform var(--slow) var(--ease)}.home__platecap{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;gap: var(--sp-1) var(--sp-4);font-size: var(--t-15);color: var(--ink-2)}.home__platecap b{color: var(--ink)}.hero--home .hero__grid{flex: none;align-items: start;grid-template-columns: minmax(0, 7fr) minmax(0, 5fr)}.hero--home .hero__main{gap: var(--sp-6);justify-items: stretch}.hero--home .hero__main > .hero__kicker{margin-bottom: calc(var(--sp-3) * -1)}.hero--home .hero__h1{font-size: clamp(2.75rem, 1.5rem + 4.6vw, 5.25rem);max-width: none}  .fresh{margin-top: var(--sp-7)}.fresh__cap{display: flex;justify-content: space-between;align-items: baseline;gap: var(--sp-4);margin: 0 0 var(--sp-3);color: var(--ink-2)}.fresh__cap a{color: inherit}.fresh__row{display: grid;grid-auto-flow: column;grid-auto-columns: minmax(0, 1fr);border-top: 1px solid var(--rule);border-left: 1px solid var(--rule)}.fresh__c{display: grid;place-items: center;height: 84px;border-right: 1px solid var(--rule);border-bottom: 1px solid var(--rule);text-decoration: none;transition: background var(--fast) var(--ease)}.fresh__c .emoji{font-size: var(--emo-md);line-height: 1;transition: transform var(--slow) var(--ease)}.fresh__c .flagimg{width: var(--emo-md);height: var(--emo-md);vertical-align: 0}.fresh__c:hover{background: var(--paper-2)}.fresh__c:hover .emoji{transform: rotate(-4deg) scale(1.1)}.is-searching .fresh{display: none}@media (max-width: 640px){  .fresh__c{height: 64px}.fresh__c:nth-child(n + 7){display: none}.fresh__c .emoji{font-size: var(--emo-sm)}.fresh__c .flagimg{width: var(--emo-sm);height: var(--emo-sm)}}.home__quick{display: flex;flex-wrap: wrap;gap: var(--sp-2) var(--sp-5);font-size: var(--t-15);color: var(--ink-3)}.home__quick a{color: var(--ink-2)}@media (max-width: 900px){.hero--home .hero__grid{grid-template-columns: minmax(0, 1fr)}.home__plate .plate{aspect-ratio: 4 / 3}.home__platecap{flex-direction: column;gap: var(--sp-1)}}  .cats{grid-template-columns: repeat(3, minmax(0, 1fr))}.cat{display: grid;align-content: start;gap: var(--sp-1);padding: var(--sp-5);text-decoration: none}.cat__art{font-family: var(--f-sys);font-size: var(--emo-sm);line-height: 1.2;letter-spacing: .08em;white-space: nowrap;overflow: hidden;color: var(--ink)}.cat__name{font-family: var(--f-display);font-size: 1.5rem;line-height: 1.15;letter-spacing: -.02em;margin-top: var(--sp-4)}.cat__count{color: var(--ink-3)}@media (max-width: 760px){.cats{grid-template-columns: repeat(2, minmax(0, 1fr))}.cat{padding: var(--sp-4)}.cat__art{font-size: 1.5rem;letter-spacing: 0}.cat__name{font-size: 1.25rem;margin-top: var(--sp-3)}}  .vcompare{display: grid;border-top: 1px solid var(--rule)}.vrow{display: flex;align-items: center;justify-content: space-between;gap: var(--sp-4);padding: var(--sp-4) 0;border-bottom: 1px solid var(--rule);text-decoration: none;transition: background var(--fast) var(--ease)}.vrow__name{display: grid;gap: var(--sp-0);min-width: 0}.vrow__name b{font-size: 1rem}.vrow__name i, .vshot i{font-style: normal;font-size: var(--t-12);color: var(--ink-3);font-family: var(--f-mono)}.vrow__imgs{display: flex;gap: var(--sp-3);flex-shrink: 0}.vshot{display: grid;justify-items: center;gap: var(--sp-1)}.vshot img{width: 44px;height: 44px;object-fit: contain}.vshot--own img{outline: 1px solid var(--ink);outline-offset: var(--sp-1);border-radius: var(--r-s)}.vshot--own i{color: var(--ink)}@media (max-width: 640px){.vrow{flex-direction: column;align-items: flex-start}.vrow__imgs{width: 100%;justify-content: space-between}.vshot img{width: 36px;height: 36px}}  .starlist{display: grid;border-top: 1px solid var(--rule)}.star{display: grid;grid-template-columns: minmax(200px, 300px) 1fr;gap: var(--sp-5);align-items: center;padding: var(--sp-4) 0;border-bottom: 1px solid var(--rule)}.star__main{display: flex;align-items: center;gap: var(--sp-4);text-decoration: none;min-width: 0}.star__e{flex: none;line-height: 1}.star__e .emoji{font-size: var(--emo-md)}.star__e .flagimg{width: var(--emo-md);height: var(--emo-md)}.star__main b{display: block;font-size: 1rem}.star__main:hover b{text-decoration: underline}.star__main i{font-style: normal;font-size: var(--t-12);color: var(--ink-3);font-family: var(--f-mono)}.star__plats{display: flex;gap: var(--sp-4);flex-wrap: wrap}.star__plats figure{margin: 0;display: grid;justify-items: center;gap: var(--sp-1)}.star__plats img{width: 40px;height: 40px}.star__plats figcaption{font-size: var(--t-12);color: var(--ink-3)}@media (max-width: 760px){.star{grid-template-columns: 1fr;gap: var(--sp-3)}}  .shots{display: grid;border-top: 1px solid var(--rule)}.shots__row{display: grid;grid-template-columns: 148px minmax(0, 1fr);gap: var(--sp-5);align-items: center;padding: var(--sp-4) 0;border-bottom: 1px solid var(--rule)}.shots__who b{display: block;font-size: 1rem}.shots__who span{font-size: var(--t-12);color: var(--ink-3);font-family: var(--f-mono)}.shots__line{display: flex;gap: var(--sp-3);overflow-x: auto;scrollbar-width: none;padding: var(--sp-2)}.shots__line::-webkit-scrollbar{display: none}.shot{flex: none;margin: 0;display: grid;justify-items: center;gap: var(--sp-2);width: 88px}.shot img{width: 56px;height: 56px}.shot figcaption{font-size: var(--t-12);color: var(--ink-3);text-align: center;line-height: 1.25}  .shot--now img{outline: 1px solid var(--ink);outline-offset: var(--sp-1);border-radius: var(--r-s)}.shot--now figcaption{color: var(--ink)}@media (max-width: 640px){.shots__row{grid-template-columns: minmax(0, 1fr);gap: var(--sp-2)}.shot{width: 76px}.shot img{width: 48px;height: 48px}}  .tline{display: grid;border-top: 1px solid var(--rule)}.tline__row{display: grid;grid-template-columns: 148px minmax(0, 1fr);align-items: baseline;gap: var(--sp-5);padding: var(--sp-5) 0;border-bottom: 1px solid var(--rule)}.tline__when{color: var(--ink-3)}  .tline__row > div > b{display: block;margin-bottom: var(--sp-1);font-size: 1.0625rem}.tline__row .prose{font-size: 1rem}.tline code{padding: var(--sp-0) var(--sp-1);border: 1px solid var(--rule);border-radius: var(--r-s);background: var(--paper-2)}@media (max-width: 640px){.tline__row{grid-template-columns: minmax(0, 1fr);gap: var(--sp-2)}}  .eras{display: grid;max-width: 640px;border-top: 1px solid var(--rule)}.era{display: grid;grid-template-columns: 56px 96px 1fr;gap: var(--sp-4);align-items: center;padding: var(--sp-2) 0;border-bottom: 1px solid var(--rule)}.era b{font-family: var(--f-mono);font-size: var(--t-14);font-weight: 400}.era span{font-size: var(--t-14);color: var(--ink-3)}.era i{display: block;height: 10px;background: var(--ink);width: var(--w);min-width: 3px}  .vers{display: grid;border-top: 1px solid var(--rule)}.ver{padding: var(--sp-5) 0;border-bottom: 1px solid var(--rule)}.ver__head{display: flex;align-items: baseline;gap: var(--sp-3);flex-wrap: wrap}.ver__head b{font-family: var(--f-display);font-size: 1.625rem;letter-spacing: -.02em;font-weight: 400}.ver__head span{font-family: var(--f-mono);font-size: var(--t-12);color: var(--ink-3);letter-spacing: .06em;text-transform: uppercase}.ver--now .ver__head b::after{content: 'latest';margin-left: var(--sp-3);padding: var(--sp-0) var(--sp-2);border: 1px solid var(--ink);border-radius: var(--r-s);font-family: var(--f-mono);font-size: var(--t-12);letter-spacing: .06em;text-transform: uppercase;vertical-align: .35em}.ver__note{margin: var(--sp-2) 0 0;font-size: 1rem;color: var(--ink-2);max-width: 72ch}.ver__row{display: flex;flex-wrap: wrap;gap: var(--sp-3);margin-top: var(--sp-4)}.ver__row a{text-decoration: none;line-height: 1;padding: var(--sp-1)}.ver__row .emoji{font-size: var(--emo-sm)}.ver__row .flagimg{width: var(--emo-sm);height: var(--emo-sm)}  .cult{display: grid;gap: var(--sp-5)}.cult__badge{display: flex;align-items: center;gap: var(--sp-3);font-weight: 600;font-size: 1rem}.cult__badge .dot{width: 10px;height: 10px;flex: none;background: currentColor}.cult__badge--safe{color: var(--good)}.cult__badge--care{color: var(--warn)}.cult__badge--danger{color: var(--bad)}.cult__grid{grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr))}.cult__cell{padding: var(--sp-4)}.cult__cell b{display: block;margin-bottom: var(--sp-1);font-size: 1rem}.cult__cell p{margin: 0;font-size: var(--t-15);color: var(--ink-2);line-height: 1.55}.cult__cell a{text-decoration: none}.cult__cell a:hover{text-decoration: underline}.cult__tip{margin: 0;padding: var(--sp-3) var(--sp-4);max-width: 72ch;border-left: 2px solid var(--ink);background: var(--paper-2);font-size: 1rem;color: var(--ink-2)}.cult__tip b{color: var(--ink)}.cult__flag{display: inline-block;margin-left: var(--sp-2);font-family: var(--f-mono);font-size: var(--t-12);font-weight: 400;letter-spacing: .02em;vertical-align: .08em}.cult__flag::before{content: '· ';color: var(--ink-3)}.cult__flag--care{color: var(--warn)}.cult__flag--danger{color: var(--bad)}  .kgrid{grid-template-columns: repeat(auto-fill, minmax(112px, 1fr))}.kstick{display: grid;place-items: center;gap: var(--sp-2);padding: var(--sp-4) var(--sp-2) var(--sp-3);text-decoration: none}.kstick img{width: 80px;height: 80px}  .kstick > span{font-size: var(--emo-xs);line-height: 1;font-family: var(--f-text), var(--f-emoji);font-variant-emoji: emoji;white-space: nowrap}@media (max-width: 640px){.kgrid{grid-template-columns: repeat(auto-fill, minmax(96px, 1fr))}.kstick img{width: 64px;height: 64px}}  .kitchen{position: relative}.kitchen__stage{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: clamp(var(--sp-2), 2vw, var(--sp-5));padding: clamp(var(--sp-4), 4vw, var(--sp-7));background: var(--plate);border-radius: var(--r)}.kslot{display: grid;place-items: center;width: clamp(84px, 13vw, 128px);height: clamp(84px, 13vw, 128px);padding: 0;border: 1px dashed var(--rule-2);border-radius: var(--r);background: var(--paper);transition: border-color var(--fast) var(--ease)}.kslot:hover{border-style: solid;border-color: var(--ink)}.kslot .emoji{font-size: var(--emo-lg);line-height: 1}.kitchen__plus, .kitchen__eq{font-family: var(--f-mono);font-size: 1.5rem;color: var(--ink-2)}.kitchen__out{display: grid;place-items: center;width: clamp(120px, 17vw, 190px);height: clamp(120px, 17vw, 190px)}.kitchen__out img{width: 100%;height: auto;filter: drop-shadow(0 12px 14px var(--shade))}.kitchen__empty{font-size: var(--t-14);color: var(--ink-2);text-align: center}.kitchen__actions{display: flex;flex-wrap: wrap;gap: var(--sp-3);justify-content: center;margin-top: var(--sp-4)}.kitchen__note{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--sp-1);min-height: 44px;margin: var(--sp-3) 0 0;color: var(--ink-3);font-size: var(--t-14)}.kitchen__try{color: var(--ink-2);margin-right: var(--sp-2)}.kitchen__sug{width: 44px;height: 44px;padding: 0;border: 1px solid var(--rule);border-radius: var(--r);background: transparent;font-size: 22px;line-height: 1;transition: border-color var(--fast) var(--ease), background var(--fast) var(--ease)}.kitchen__sug:hover{border-color: var(--ink);background: var(--paper-2)}  .kitchen__picker{position: fixed;inset: auto 0 0 0;z-index: 80;max-height: 74vh;display: flex;flex-direction: column;background: var(--paper);border-top: 1px solid var(--ink);box-shadow: 0 -18px 40px oklch(0.21 0.012 60 / 0.18)}.kitchen__pickerhead{display: flex;align-items: center;justify-content: space-between;gap: var(--sp-4);padding: var(--sp-3) var(--pad);border-bottom: 1px solid var(--rule);font-weight: 600}.kitchen__grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));gap: var(--sp-1);padding: var(--sp-4) var(--pad) var(--sp-5);overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--rule-2) transparent}.kcell{display: flex;align-items: center;justify-content: center;aspect-ratio: 1;padding: 0;border: 0;border-radius: var(--r);background: transparent;font-size: 28px;line-height: 1;transition: background var(--fast) var(--ease)}.kcell:hover{background: var(--paper-2)}.kcell.is-on{background: var(--paper-2);box-shadow: inset 0 0 0 1px var(--ink)}  .kcell.is-off{opacity: .2;filter: grayscale(1);cursor: not-allowed}.kcell.is-off:hover{background: transparent}  .gen{display: grid;justify-items: center;gap: var(--sp-5);padding: clamp(var(--sp-4), 4vw, var(--sp-7));background: var(--plate);border-radius: var(--r)}.gen__out{display: grid;place-items: center;min-width: min(420px, 100%);min-height: 112px;padding: var(--sp-5);border: 1px dashed var(--rule-2);border-radius: var(--r);background: var(--paper);transition: border-color var(--fast) var(--ease)}.gen__out:hover{border-style: solid;border-color: var(--ink)}.gen__out .emoji{font-size: var(--emo-md);line-height: 1.25;letter-spacing: .1em}.gen__row{display: flex;flex-wrap: wrap;gap: var(--sp-3);justify-content: center}.gen .chips{justify-content: center}.gen .chip{background: var(--paper)}.gen .chip.is-on{background: var(--ink)}  .quiz{grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr))}.quiz__card{position: relative;display: grid;gap: var(--sp-2);justify-items: center;align-content: center;min-height: 148px;padding: var(--sp-6) var(--sp-4) var(--sp-4);text-align: center;cursor: pointer}.quiz__n{position: absolute;top: var(--sp-3);left: var(--sp-4);color: var(--ink-3)}.quiz__e{font-size: var(--emo-sm);line-height: 1.2;letter-spacing: .08em}.quiz__a{font-weight: 600;font-size: 1rem;opacity: 0;transition: opacity var(--base) var(--ease)}.quiz__card.is-open .quiz__a{opacity: 1}.quiz__card::after{content: 'tap to reveal';font-family: var(--f-mono);font-size: var(--t-12);color: var(--ink-3)}.quiz__card.is-open::after{visibility: hidden}  .symgrid{grid-template-columns: repeat(auto-fill, minmax(52px, 1fr))}.sym{display: grid;place-items: center;aspect-ratio: 1;padding: 0;font-family: var(--f-sys);font-size: 22px;line-height: 1;color: var(--ink)}.sym--mono{font-family: var(--f-mono);font-size: 18px}.sym--wide{font-size: 19px}  .sym--gen::before{content: var(--g)}@media (max-width: 640px){.symgrid{grid-template-columns: repeat(auto-fill, minmax(48px, 1fr))}}  .symbtn{font-size: 1.15em;line-height: 1}.plate__text--sym{font-size: calc(44 * var(--cq))}.plate__text--lenny{font-size: calc(13 * var(--cq))}.symlist{grid-template-columns: repeat(auto-fill, minmax(min(100%, 232px), 1fr))}.symrow{display: flex;align-items: center;gap: var(--sp-4);text-align: left;padding: var(--sp-3) var(--sp-4);text-decoration: none}.symrow__c{font-family: var(--f-sys);font-size: 28px;line-height: 1;width: 44px;text-align: center;flex: none}.symrow b{display: block;font-size: var(--t-15);font-weight: 600}.symrow i{font-style: normal;font-size: var(--t-12);color: var(--ink-3);font-family: var(--f-mono)}  .fontsup{display: grid;grid-template-columns: auto minmax(0, 1fr);gap: var(--sp-3) var(--sp-6);align-items: center;max-width: 780px}.fontsup__num b{display: block;font-family: var(--f-display);font-size: 4rem;line-height: .9;letter-spacing: -.04em;font-weight: 400}.fontsup__num b span{font-size: .5em;color: var(--ink-3);margin-left: var(--sp-0)}.fontsup__num i{font-style: normal;font-size: var(--t-12);color: var(--ink-3);font-family: var(--f-mono)}.fontsup__bar{height: 10px;background: var(--paper-2);border: 1px solid var(--rule)}.fontsup__bar span{display: block;height: 100%;width: var(--w);background: var(--ink)}.fontsup__note{grid-column: 1 / -1;margin: var(--sp-2) 0 0;font-size: 1rem;color: var(--ink-2);max-width: 72ch}.fontsup__note b{color: var(--ink)}@media (max-width: 640px){.fontsup{grid-template-columns: minmax(0, 1fr)}}  .kaogrid{grid-template-columns: repeat(auto-fill, minmax(min(100%, 164px), 1fr))}.kao{padding: var(--sp-4) var(--sp-3);color: var(--ink);font-family: var(--f-sys);font-size: 1rem;line-height: 1.4;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}@media (max-width: 640px){.kaogrid{grid-template-columns: repeat(auto-fill, minmax(min(100%, 136px), 1fr))}.kao{font-size: var(--t-14)}}  .fancylist{display: grid;border-top: 1px solid var(--rule)}  .fancylist--top{min-height: calc(6 * (2 * var(--sp-3) + 1.45 * 1.1875rem + 1px))}.fancy{display: grid;grid-template-columns: 148px minmax(0, 1fr);gap: var(--sp-5);align-items: center;text-align: left;padding: var(--sp-3) var(--sp-2);border: 0;border-bottom: 1px solid var(--rule);background: transparent;overflow: hidden;transition: background var(--fast) var(--ease)}.fancy__name{font-size: var(--t-12);color: var(--ink-3);font-family: var(--f-mono);letter-spacing: .06em;text-transform: uppercase}.fancy__out{font-family: var(--f-sys);font-size: 1.1875rem;line-height: 1.45;word-break: break-word;color: var(--ink)}  .fancy--z1 .fancy__out{line-height: 2.1}.fancy--z3 .fancy__out{line-height: 3.4}.fancy--z6 .fancy__out{line-height: 5}@media (max-width: 640px){.fancy{grid-template-columns: minmax(0, 1fr);gap: var(--sp-1)}.fancylist--top{min-height: calc(6 * (2 * var(--sp-3) + var(--sp-1) + 1.4 * var(--t-12) + 1.45 * 1.1875rem + 1px))}}  .artgrid{grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));align-items: stretch}.art{padding: var(--sp-4);color: var(--ink);font-family: var(--f-mono);font-size: var(--t-14);line-height: 1.35;white-space: pre;overflow-x: auto;text-align: left}.art--multi{grid-column: span 2;font-size: var(--t-12)}@media (max-width: 640px){.art--multi{grid-column: span 1}}  .invlist{grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr))}.inv{display: grid;grid-template-columns: 52px minmax(0, 1fr);gap: var(--sp-2) var(--sp-4);text-align: left;padding: var(--sp-4)}.inv__ch{font-family: var(--f-sys)}.inv__box{display: grid;place-items: center;height: 40px;border: 1px dashed var(--rule-2);background: var(--paper-2)}.inv b{display: block;font-size: var(--t-15);font-weight: 600}.inv i{font-style: normal;font-size: var(--t-12);color: var(--ink-3);font-family: var(--f-mono)}.inv__note{grid-column: 1 / -1;font-size: var(--t-14);color: var(--ink-2);line-height: 1.5}    .hdr .google-auto-placed, .hero .google-auto-placed, .jump .google-auto-placed, .hdr ins.adsbygoogle, .hero ins.adsbygoogle, .jump ins.adsbygoogle, .hdr__in > ins, .hdr__in > iframe, .hdr__in > div[id^='google'], .hdr__in > div[id^='aswift'], .hdr iframe[id*='google_ads'], .hdr [data-google-query-id], .hero [data-google-query-id]{display: none !important}ins.adsbygoogle{margin: var(--sp-5) auto;display: block;max-width: 100%;overflow: hidden}  .adbox{display: none;max-width: var(--maxw);margin-inline: auto;padding: var(--sp-6) var(--pad)}.ads-on .adbox{display: block;min-height: calc(280px + 2 * var(--sp-6) + var(--sp-5))}.ads-on .adbox.is-empty{display: none}.adbox ins{display: block}.adbox ins.adsbygoogle{margin: 0}.adbox::before{content: 'Advertisement';display: block;margin-bottom: var(--sp-3);text-align: center;font-family: var(--f-mono);font-size: var(--t-12);letter-spacing: .06em;text-transform: uppercase;color: var(--ink-3)}      @supports not (color: oklch(0 0 0)){  :root{--paper: #f8f5f0;--paper-2: #f1ede6;--paper-3: #fefcf9;--ink: #1d1713;--ink-2: #4a443f;--ink-3: #605954;--rule: rgba(29, 23, 19, 0.15);--rule-2: rgba(29, 23, 19, 0.38);--ghost: #eae6dd;--good: #146d34;--warn: #7e4f04;--bad: #a12721;--shadow: 0 18px 40px rgba(29, 23, 19, 0.16);--shade: rgba(29, 23, 19, 0.22)}[data-theme='dark']{--paper: #100e0c;--paper-2: #191714;--paper-3: #211d1a;--ink: #eeebe5;--ink-2: #dedad3;--ink-3: #cac7c0;--rule: rgba(234, 231, 226, 0.15);--rule-2: rgba(234, 231, 226, 0.38);--ghost: #24211e;--good: #76cf8a;--warn: #e3b667;--bad: #ff9f92;--shadow: 0 18px 40px rgba(0, 0, 0, 0.5)} }  @supports not (width: 1cqw){.plate{--cq: calc((min(100vw, var(--maxw)) - 2 * var(--pad) - var(--gap)) * 5 / 1200)}.stat{--cq: calc((min(100vw, var(--maxw)) - 2 * var(--pad) - var(--gap)) * 4 / 1200)}@media (max-width: 900px){.plate, .stat{--cq: calc((100vw - 2 * var(--pad)) / 100)}}  @media (max-width: 826px){.col-4, .col-5, .col-7, .col-8{grid-column: span 6}.col-4:last-child:nth-child(odd), .col-5:last-child:nth-child(odd){grid-column: span 12}}}