:root{--paper: #f5f1e8;--paper-deep: #ede7da;--ink: #111110;--ink-soft: #3a3733;--ink-mute: #6f6a62;--ink-faint: #a6a19a;--hairline: rgba(17, 17, 16, .14);--hairline-soft: rgba(17, 17, 16, .08);--red: #b53a32;--red-soft: rgba(181, 58, 50, .55);--serif: "Spectral", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--jp: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--kr: "Noto Serif KR", "Apple SD Gothic Neo", serif;--measure: 34em;--gutter: clamp(20px, 6vw, 72px);--rhythm: 1.7}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:clamp(16.5px,1.05vw + 12px,19px);line-height:var(--rhythm);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;font-feature-settings:"kern","liga","onum","pnum";scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;display:flex;flex-direction:column}:lang(ja),.jp{font-family:var(--jp);font-feature-settings:"palt" 0}html[lang=ko] body{font-family:var(--kr)}html[lang=ko] .jp{font-family:var(--jp)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:1.5px solid var(--red);outline-offset:3px}::selection{background:#b53a3229}img{max-width:100%;display:block}hr{border:0;border-top:1px solid var(--hairline);margin:0}.label{font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}.label--red{color:var(--red)}.meta{font-family:var(--sans);font-size:.78rem;color:var(--ink-mute);letter-spacing:.01em}.num{font-family:var(--sans);font-variant-numeric:tabular-nums}.romaji{font-style:italic;color:var(--ink-mute);letter-spacing:.01em}.prose{max-width:var(--measure)}.prose p{margin:0 0 1.1em}.prose p:last-child{margin-bottom:0}.lead{font-size:1.14rem;line-height:1.6;color:var(--ink-soft)}.small{font-size:.92rem}.display{font-weight:300;line-height:1.12;letter-spacing:-.012em;text-wrap:balance}h1,h2,h3{font-weight:400;margin:0;text-wrap:balance}h1.display{font-size:clamp(2.1rem,4.6vw,3.6rem)}h2.section{font-size:1.05rem;font-weight:500;letter-spacing:.005em}.lk{border-bottom:1px solid var(--hairline);transition:border-color .16s ease,color .16s ease}.lk:hover{border-color:var(--red);color:var(--red)}.lk--quiet{border-bottom-color:transparent}.lk--quiet:hover{border-bottom-color:var(--red)}.frame{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--gutter)}main{flex:1}.page{display:grid;grid-template-columns:1fr;gap:0 3rem;padding:clamp(2.4rem,6vw,5rem) 0 4rem}@media(min-width:960px){.page{grid-template-columns:minmax(150px,210px) minmax(0,46rem) 1fr}.page>.hang{grid-column:1}.page>.body{grid-column:2}.page>.wide,.page>.section-row,.page>.pn{grid-column:1 / -1}}.section-row{display:grid;grid-template-columns:1fr;gap:.6rem 3rem;padding:2.4rem 0 0}@media(min-width:960px){.section-row{grid-template-columns:minmax(150px,210px) minmax(0,46rem) 1fr;padding-top:3rem}.section-row>.hang{grid-column:1;padding-top:.25rem}.section-row>.body{grid-column:2}}.rule{border-top:1px solid var(--hairline)}.rule--soft{border-top-color:var(--hairline-soft)}.top{padding:1.4rem 0 1.2rem;border-bottom:1px solid var(--hairline-soft)}.top .frame{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem}.brand{font-family:var(--sans);font-weight:500;letter-spacing:.32em;font-size:.86rem;color:var(--ink)}.brand small{display:block;font-family:var(--serif);font-weight:400;letter-spacing:0;font-size:.8rem;color:var(--ink-mute);margin-top:.15rem;font-style:italic}.nav{display:flex;gap:1.6rem;font-family:var(--sans);font-size:.8rem;letter-spacing:.02em;color:var(--ink-soft)}.nav a{padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color .16s,color .16s}.nav a:hover,.nav a[aria-current=page]{border-bottom-color:var(--red);color:var(--ink)}.lang-menu{position:relative}.lang-menu summary{list-style:none;cursor:pointer;letter-spacing:.12em;font-size:.72rem;color:var(--ink-mute);padding-bottom:2px;border-bottom:1px solid transparent}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu summary:after{content:" ▾";font-size:.6rem}.lang-menu summary:hover,.lang-menu[open] summary{color:var(--ink);border-bottom-color:var(--red)}.lang-menu ul{position:absolute;right:0;top:1.9rem;z-index:10;margin:0;padding:.6rem 1rem;list-style:none;background:var(--paper);border:1px solid var(--hairline);min-width:11rem;columns:2;column-gap:1.4rem}.lang-menu li{break-inside:avoid;padding:.22rem 0}.lang-menu li a{font-family:var(--serif);font-size:.9rem;color:var(--ink-soft)}.lang-menu li a:hover{color:var(--red)}@media(max-width:720px){.lang-menu ul{position:static;border:0;padding:.4rem 0 0;columns:2}}.nav-toggle{display:none;background:none;border:0;font:inherit;font-family:var(--sans);font-size:.8rem;color:var(--ink-soft);cursor:pointer;padding:0}@media(max-width:720px){.nav-toggle{display:inline}.nav{display:none}.top.open .nav{display:flex;flex-direction:column;gap:.9rem;width:100%;padding-top:1.2rem}.top .frame{flex-wrap:wrap}}.crumbs{font-family:var(--sans);font-size:.72rem;color:var(--ink-mute);letter-spacing:.02em;margin-bottom:2.2rem}.crumbs a:hover{color:var(--red)}.crumbs span{margin:0 .5em;color:var(--ink-faint)}.head{margin-bottom:2.4rem}.head .jp-title{font-family:var(--jp);font-weight:400;font-size:clamp(1.9rem,4.8vw,3.2rem);line-height:1.35;letter-spacing:.08em;margin:1.1rem 0 .8rem}.head .reading{font-style:italic;color:var(--ink-mute);font-size:1.05rem}.head .tr{font-size:clamp(1.25rem,2.2vw,1.55rem);line-height:1.45;margin-top:1.4rem;font-weight:300}.head .lit{margin-top:.7rem;color:var(--ink-mute);font-size:.98rem}.entry-no{display:inline-block;margin-right:1em;color:var(--ink-faint)}.segments{display:flex;flex-wrap:wrap;gap:1.6rem 2.1rem;margin:.4rem 0 0;padding:0;list-style:none}.seg{text-align:center;min-width:3.2rem}.seg .seg-jp{font-family:var(--jp);font-size:1.7rem;line-height:1.25;letter-spacing:.06em}.seg .seg-r{font-style:italic;color:var(--ink-mute);font-size:.85rem;margin-top:.2rem}.seg .seg-g{font-size:.88rem;color:var(--ink-soft);margin-top:.05rem}.seg a .seg-jp{border-bottom:1px solid var(--red-soft);transition:border-color .16s,color .16s}.seg a:hover .seg-jp{color:var(--red);border-bottom-color:var(--red)}.seg--punct .seg-jp{color:var(--ink-faint)}.seg--silent .seg-jp{color:var(--ink-mute)}.seg--silent a .seg-jp{border-bottom-color:var(--hairline)}.gloss-more{margin:1.6rem 0 0;font-style:italic;font-family:var(--serif);font-size:.92rem}.gloss-more a{color:var(--ink-mute)}.list{list-style:none;margin:0;padding:0}.list li{display:grid;grid-template-columns:3.2rem 1fr;gap:0 1rem;padding:.95rem 0;border-top:1px solid var(--hairline-soft);align-items:baseline}.list li:last-child{border-bottom:1px solid var(--hairline-soft)}.list .no{font-family:var(--sans);font-size:.72rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;padding-top:.35rem}.list .jp{font-family:var(--jp);font-size:1.15rem;letter-spacing:.05em;line-height:1.5}.list .tr{color:var(--ink-soft);font-size:.98rem;margin-top:.15rem}.list a{display:block}.list a:hover .jp{color:var(--red)}.list a:hover .tr{color:var(--ink)}@media(min-width:720px){.list li{grid-template-columns:3.2rem minmax(0,20rem) 1fr}.list li>a{display:contents}.list .tr{margin-top:0}}.list--tight li{padding:.65rem 0}.pn{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2.6rem 0 0;margin-top:3.4rem;border-top:1px solid var(--hairline)}.pn a{display:block}.pn .dir{display:block;margin-bottom:.5rem}.pn .jp{font-family:var(--jp);font-size:1.05rem;letter-spacing:.05em}.pn .tr{color:var(--ink-mute);font-size:.92rem;margin-top:.15rem}.pn .right{text-align:right}.pn a:hover .jp{color:var(--red)}.kanji-hero{position:relative;isolation:isolate}.kanji-big{font-family:var(--jp);font-weight:400;font-size:clamp(6rem,22vw,13rem);line-height:1;margin:.6rem 0 1rem;letter-spacing:0}.watermark{position:absolute;right:0;top:-.2em;font-family:var(--jp);font-size:clamp(14rem,34vw,26rem);line-height:1;color:var(--ink);opacity:.03;pointer-events:none;user-select:none;z-index:-1;max-width:100%;overflow:hidden}.frame{overflow-x:clip}.readings{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;align-items:baseline}.readings .kana{font-family:var(--jp);font-size:1.15rem;letter-spacing:.1em}.chips{display:flex;flex-wrap:wrap;gap:.6rem .8rem;padding:0;margin:0;list-style:none}.chip{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem;min-width:3.6rem;font-family:var(--jp);font-size:1.45rem;line-height:1.15;padding:.6rem .8rem .55rem;border:1px solid var(--hairline);transition:border-color .16s,color .16s}.chip:hover{border-color:var(--red);color:var(--red)}.chip small{display:block;font-family:var(--serif);font-size:.72rem;line-height:1.25;color:var(--ink-mute);letter-spacing:0;white-space:nowrap}html[lang=ko] .chip small{font-family:var(--kr)}.stroke-svg{width:clamp(120px,26vw,200px);height:auto}.stroke-svg path{fill:none;stroke:var(--ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.stroke-svg .no{font:500 7px var(--sans);fill:var(--red);text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:var(--paper);stroke-width:2.2;stroke-linejoin:round}.home-open{padding:clamp(3rem,9vw,7rem) 0 clamp(2rem,5vw,4rem)}.home-open .word{font-family:var(--sans);letter-spacing:.42em;font-weight:500;font-size:.95rem}.home-open .mark{width:clamp(66px,8vw,86px);height:auto;display:block;margin:0 0 1.4rem}.home-open .tag{font-size:clamp(1.7rem,3.6vw,2.7rem);font-weight:300;line-height:1.2;margin:1.6rem 0 1.4rem;letter-spacing:-.01em}.today{display:grid;gap:.8rem 3rem;padding:clamp(2.4rem,5vw,4rem) 0}@media(min-width:960px){.today{grid-template-columns:minmax(150px,210px) 1fr}}.today .jp-title{font-family:var(--jp);font-weight:400;font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:.08em;line-height:1.4}.today .tr{font-size:clamp(1.15rem,1.9vw,1.4rem);font-weight:300;margin-top:1rem}.explore{list-style:none;margin:0;padding:0}.explore li{display:grid;grid-template-columns:1fr;gap:.2rem 2rem;padding:1.1rem 0;border-top:1px solid var(--hairline-soft)}.explore li:last-child{border-bottom:1px solid var(--hairline-soft)}@media(min-width:720px){.explore li{grid-template-columns:4.5rem minmax(11rem,16rem) 1fr;align-items:baseline}}.explore .k{font-family:var(--jp);font-size:1.2rem;letter-spacing:.1em;color:var(--ink-soft)}.explore .n{font-size:1.12rem}.explore .d{color:var(--ink-mute);font-size:.95rem}.explore a:hover .n{color:var(--red)}.themes-row{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;padding:0;margin:0;list-style:none}.themes-row a{font-size:1.05rem;border-bottom:1px solid transparent;transition:border-color .16s,color .16s}.themes-row a:hover{border-bottom-color:var(--red);color:var(--red)}.themes-row .k{font-family:var(--jp);color:var(--ink-faint);margin-right:.45em;font-size:.95rem}.search-form{display:flex;gap:0;border-bottom:1px solid var(--ink);max-width:34rem}.search-form input{flex:1;border:0;background:transparent;font:inherit;font-size:1.05rem;padding:.55rem 0;color:var(--ink);outline:none}.search-form input::placeholder{color:var(--ink-faint);font-style:italic}.search-form button{border:0;background:none;font-family:var(--sans);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);cursor:pointer;padding:0 0 0 1rem}.search-form button:hover{color:var(--red)}.filters{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:baseline;margin:.4rem 0 1.8rem;font-family:var(--sans);font-size:.74rem;letter-spacing:.04em;color:var(--ink-mute)}.filters a,.filters button{color:inherit;background:none;border:0;font:inherit;cursor:pointer;padding:0 0 2px;border-bottom:1px solid transparent}.filters a:hover,.filters button:hover{color:var(--ink);border-bottom-color:var(--red)}.filters [aria-pressed=true],.filters a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.filters .sep{color:var(--ink-faint)}.foot{border-top:1px solid var(--hairline);padding:2.4rem 0 3rem;margin-top:4rem;font-family:var(--sans);font-size:.74rem;color:var(--ink-mute)}.foot .frame{display:flex;flex-wrap:wrap;gap:1rem 3rem;justify-content:space-between;align-items:baseline}.langs{display:flex;flex-wrap:wrap;gap:.3rem .9rem}.langs a:hover{color:var(--red)}.langs a[aria-current=true]{color:var(--ink)}@media print{.top,.foot,.pn,.search-form,.filters{display:none}html{font-size:11pt}.watermark{display:none}}
