.print-switch{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;line-height:0}.print-switch .track{position:relative;display:inline-block;width:58px;height:30px;border-radius:99px;background:var(--ground-2);border:1px solid var(--rule);transition:background var(--dur-theme) ease,border-color var(--dur-theme) ease}.print-switch .ico{position:absolute;top:0;bottom:0;width:28px;display:grid;place-items:center;color:var(--ink-soft)}.print-switch .ico.sun{left:0}.print-switch .ico.moon{right:0}.print-switch .knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--ground);display:grid;place-items:center;transition:transform var(--dur-quick) var(--ease),background var(--dur-theme) ease,color var(--dur-theme) ease}.print-switch[aria-checked=true] .knob{transform:translate(28px)}.print-switch .knob svg{grid-area:1 / 1;transition:opacity var(--dur-quick) ease}.print-switch[aria-checked=false] .knob svg:last-child,.print-switch[aria-checked=true] .knob svg:first-child{opacity:0}.print-switch:hover .track{border-color:var(--c-ink, var(--umenezumi))}.print-switch:focus-visible{outline:none}.print-switch:focus-visible .track{outline:2px solid var(--c-ink, var(--umenezumi));outline-offset:2px}@media(prefers-reduced-motion:reduce){.print-switch .knob{transition:none}}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding:var(--space-lg) 0 0;flex-wrap:wrap}.masthead-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-md);letter-spacing:-.005em;text-decoration:none}.masthead-name .dot{color:var(--umenezumi)}.masthead nav{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.masthead nav a{text-decoration:none;color:var(--ink-soft);padding-bottom:2px;border-bottom:1px solid transparent}.masthead nav a:hover{color:var(--ink);border-bottom-color:var(--umenezumi)}.masthead nav a.active{color:var(--ink);border-bottom-color:var(--umenezumi)}.site-footer{margin-top:var(--space-3xl);padding:var(--space-md) 0 var(--space-2xl);border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;font-family:var(--font-hand);font-size:var(--text-sm);color:var(--ink-soft)}.site-footer .links{display:flex;gap:var(--space-md)}.site-footer a{color:var(--umenezumi);text-decoration:none;border-bottom:1px solid transparent}.site-footer a:hover{border-bottom-color:var(--umenezumi)}.site-footer .mine{color:var(--ink-soft)}.row{display:grid;grid-template-columns:3.2rem 1fr auto;gap:0 var(--space-md);align-items:baseline;padding:var(--space-md) 0 var(--space-sm);border-bottom:1px solid var(--rule);text-decoration:none;position:relative;color:var(--ink)}.row .no{font-family:var(--font-hand);font-size:var(--text-sm);color:var(--umenezumi)}.row h3{font-family:var(--font-display);font-weight:500;font-size:var(--text-md);line-height:1.22}.row .src{color:var(--ink-soft);font-family:var(--font-hand);font-size:var(--text-sm)}.row .desc{grid-column:2 / -1;color:var(--ink-soft);font-size:.96rem;margin-top:var(--space-2xs);max-width:44em}.row:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--row-ink);transition:width var(--dur-draw) var(--ease)}.row:hover:after,.row:focus-visible:after{width:100%}.row:hover h3{color:var(--row-ink)}.row.is-soon{cursor:default}.row.is-soon:hover:after{width:0}.row.is-soon:hover h3{color:var(--ink)}.row.is-soon .src:after{content:" · soon";color:var(--row-ink)}@media(max-width:640px){.row{grid-template-columns:2.6rem 1fr}.row .src{grid-column:2;margin-top:var(--space-3xs)}}.hero{padding:var(--space-3xl) 0 var(--space-2xl)}.hero h1{font-size:clamp(2.05rem,5.2vw,var(--text-3xl));line-height:1.07;max-width:15em}.hero .under{background-image:var(--squiggle);background-repeat:no-repeat;background-size:100% .15em;background-position:0 calc(100% - .04em);padding-bottom:.09em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.hero .sub{margin-top:var(--space-md);max-width:33em;color:var(--ink-soft);font-size:var(--text-md)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--rule)}.section-head h2{font-size:var(--text-lg)}.section-head .meta{color:var(--ink-soft);text-decoration:none}a.meta:hover{color:var(--umenezumi)}.shelf,.lead-piece{padding-bottom:var(--space-xl)}.lead-piece{padding-top:var(--space-lg)}.preview-bar{display:flex;align-items:center;gap:var(--space-2xs);margin:var(--space-md) 0 var(--space-xs)}.preview-bar .lbl,.preview-bar .state{font-family:var(--font-hand);font-size:var(--text-sm);color:var(--ink-soft)}.ink-table .sheet{background:var(--ground);color:var(--ink);border:1px solid var(--rule);border-radius:3px;padding:var(--space-sm) var(--space-md);transition:background var(--dur-theme) ease,color var(--dur-theme) ease,border-color var(--dur-theme) ease}.ink-table .sheet table.contrast{margin:0;width:100%}.ink-table caption{text-align:left;color:var(--ink-soft);font-size:var(--text-sm);padding-bottom:var(--space-xs)}.ink-cell{display:flex;align-items:center;gap:var(--space-2xs)}.swatch{width:40px;height:12px;border-radius:2px;flex:none;transition:background var(--dur-theme) ease}.ink-name .jp{color:var(--ink-soft)}.contrast .ratio.live{color:var(--ink);background:color-mix(in srgb,var(--c-ink) 9%,transparent)}.contrast .ratio:not(.live){color:var(--ink-soft)}.page-head{padding:var(--space-2xl) 0 var(--space-md);max-width:var(--measure)}.page-head h1{font-size:clamp(1.9rem,4.2vw,var(--text-2xl))}.page-head .intro{margin-top:var(--space-md);color:var(--ink-soft);font-size:var(--text-md);max-width:38em}.page-head .intro+.intro{margin-top:var(--space-xs)}.def-label{margin-top:var(--space-md);font-family:var(--font-hand);font-size:var(--text-sm);color:var(--umenezumi)}.def{margin-top:var(--space-3xs);max-width:34em;font-family:var(--font-body);font-size:var(--text-md);line-height:1.4;color:var(--ink)}.def strong{font-weight:700;font-style:normal}.def .pos{font-style:italic;color:var(--ink-soft);margin-left:.35em}.def .gloss{font-style:italic;color:var(--ink-soft);display:block;margin-top:.15em}.deflist dt.face-display{font-family:var(--font-display);font-weight:600}.deflist dt.face-body{font-family:var(--font-body);font-weight:700}.deflist dt.face-hand{font-family:var(--font-hand);font-weight:400;font-size:1.06rem}.def+.intro{margin-top:var(--space-md)}.col{max-width:var(--measure);padding:var(--space-lg) 0 0}.col h2{font-size:var(--text-lg);padding-top:.8em;margin-bottom:var(--space-3xs);position:relative}.col h2:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--c-ink) 4rem,var(--rule) 4rem)}.col p{margin-top:var(--space-xs);color:var(--ink-soft)}.col p strong{color:var(--ink);font-weight:500}.deflist{margin-top:var(--space-md)}.deflist>div{display:grid;grid-template-columns:10rem 1fr;gap:var(--space-3xs) var(--space-md);padding:var(--space-xs) 0;border-bottom:1px solid var(--rule);align-items:baseline}.deflist>div:last-child{border-bottom:none}.deflist dt{font-family:var(--font-display);font-weight:500;font-size:var(--text-base);color:var(--ink)}.deflist dd{margin:0;color:var(--ink-soft);font-size:.96rem}.deflist .meta{font-family:var(--font-hand);font-size:var(--text-xs);color:var(--c-ink);display:block;margin-top:3px}@media(max-width:640px){.deflist>div{grid-template-columns:1fr}}.inks{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md);margin:var(--space-md) 0 var(--space-2xs)}.ink-chip{display:flex;align-items:center;gap:7px;color:var(--ink-soft);font-family:var(--font-hand);font-size:var(--text-sm)}.ink-chip i{width:22px;height:10px;border-radius:1px;display:inline-block}table.contrast{border-collapse:collapse;width:100%;margin-top:var(--space-md);font-family:var(--font-hand);font-size:var(--text-sm);font-variant-numeric:tabular-nums}table.contrast caption{text-align:left;color:var(--ink-soft);font-family:var(--font-body);font-size:.95rem;padding-bottom:var(--space-xs)}table.contrast th,table.contrast td{text-align:left;padding:7px var(--space-md) 7px 0;border-bottom:1px solid var(--rule)}table.contrast th{color:var(--c-ink);font-weight:400}table.contrast tr:last-child td{border-bottom:none}.note{margin-top:var(--space-sm);padding-left:var(--space-sm);border-left:2px solid var(--c-ink);font-family:var(--font-hand);font-size:.9rem;color:var(--ink-soft);line-height:1.6}.why{margin-top:var(--space-md);padding:var(--space-sm) 0 var(--space-2xs) var(--space-sm);border-left:2px solid var(--c-ink)}.why h3{font-family:var(--font-hand);font-weight:400;font-size:.92rem;color:var(--c-ink);margin-bottom:var(--space-2xs)}.why p{margin-top:0;font-size:.96rem}.why p+p{margin-top:var(--space-2xs)}.prov{margin-top:var(--space-md)}.prov>div{padding:var(--space-sm) 0;border-bottom:1px solid var(--rule)}.prov>div:last-child{border-bottom:none}.prov h3{font-family:var(--font-hand);font-weight:400;font-size:.92rem;color:var(--c-ink);margin-bottom:7px}.prov p{margin-top:0}:root,[data-theme=paper]{--ground: #f4e8c1;--ground-2: #ebdcab;--ink: #332f36;--ink-soft: #6f6759;--umenezumi: #8e5763;--karashi: #a8862e;--kon: #383b53;--sabiasagi: #456f68;--fuji: #8f5c8b;--rule: #d1c7a8;--grain-blend: multiply;--grain-op: .07;--squiggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9 C 40 3, 80 12, 130 7 S 230 4, 297 9' fill='none' stroke='%238e5763' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}:root{--brand-surface: #383b53;--brand-mark: #eae1c8;--brand-soft: #b8b2a4}:root{--font-display: "Clash Display", "Satoshi", sans-serif;--font-body: "Satoshi", -apple-system, "Helvetica Neue", sans-serif;--font-hand: "Klee One", "Hiragino Maru Gothic ProN", sans-serif}[data-theme=night]{--ground: #232637;--ground-2: #2b2f43;--ink: #eae1c8;--ink-soft: #a9a396;--umenezumi: #c99aa4;--karashi: #d3b465;--kon: #9ba1c4;--sabiasagi: #8fbcb6;--fuji: #c39cc0;--rule: #4f4f57;--grain-blend: screen;--grain-op: .05;--squiggle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9 C 40 3, 80 12, 130 7 S 230 4, 297 9' fill='none' stroke='%23c99aa4' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E")}:root{--text-xs: .72rem;--text-sm: .86rem;--text-base: 1rem;--text-md: 1.12rem;--text-lg: 1.35rem;--text-xl: 1.7rem;--text-2xl: 2.3rem;--text-3xl: 3.25rem;--space-3xs: .25rem;--space-2xs: .5rem;--space-xs: .75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.25rem;--space-xl: 3.25rem;--space-2xl: 4.5rem;--space-3xl: 6.5rem;--measure: 44rem;--fig-wide: 64rem;--fig-narrow: 64%;--ease: cubic-bezier(.22, .8, .28, 1);--dur-quick: .18s;--dur-draw: .42s;--dur-theme: .35s}@font-face{font-family:Clash Display;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/clash-display-500.woff2) format("woff2")}@font-face{font-family:Clash Display;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/clash-display-600.woff2) format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/satoshi-400.woff2) format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/satoshi-500.woff2) format("woff2")}@font-face{font-family:Satoshi;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/satoshi-700.woff2) format("woff2")}@font-face{font-family:Klee One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/klee-one-400.woff2) format("woff2")}@font-face{font-family:Klee One;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/klee-one-600.woff2) format("woff2")}@font-face{font-family:Satoshi;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/satoshi-italic-400.woff2) format("woff2")}@font-face{font-family:Satoshi;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/satoshi-italic-500.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{color-scheme:light dark}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6;transition:background var(--dur-theme) ease,color var(--dur-theme) ease}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:var(--grain-op);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit}:where(a):focus-visible,:where(button):focus-visible{outline:2px solid var(--umenezumi);outline-offset:3px}.mono{font-family:var(--font-hand);font-size:var(--text-xs);letter-spacing:0}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.008em;line-height:1.12}.wrap{max-width:60rem;margin:0 auto;padding:0 var(--space-md)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}