@layer reset-external{:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}}@layer reset-custom{:where(a,article,body,cite,dfn,h1,h2,h3,h4,h5,h6,i,input,label,main,mark,p,rp,rt,ruby,q){all:unset;display:revert}:where(abbr,cite,dfn){display:none}}@layer design-tokens{@layer design-tokens{:root{writing-mode:vertical-rl;--color-background:#c59c94;--color-primary:#a7373e;--color-secondary:#513637;--color-text:#2d1912;--color-accent:#58446f;--step-s2:clamp(.7813rem,.7135rem + .3388vw,1.12rem);--step-s1:clamp(.9375rem,.845rem + .4625vw,1.4rem);--step-0:clamp(1.125rem,1rem + .625vw,1.75rem);--step-1:clamp(1.35rem,1.1825rem + .8375vw,2.1875rem);--step-2:clamp(1.62rem,1.3971rem + 1.1144vw,2.7344rem);--step-3:clamp(1.944rem,1.6492rem + 1.474vw,3.418rem);--step-4:clamp(2.3328rem,1.9449rem + 1.9397vw,4.2725rem);--step-5:clamp(2.7994rem,2.2911rem + 2.5412vw,5.3406rem);--space-3xs:clamp(.3125rem,.2875rem + .125vw,.4375rem);--space-2xs:clamp(.5625rem,.5rem + .3125vw,.875rem);--space-xs:clamp(.875rem,.7875rem + .4375vw,1.3125rem);--space-s:clamp(1.125rem,1rem + .625vw,1.75rem);--space-m:clamp(1.6875rem,1.5rem + .9375vw,2.625rem);--space-l:clamp(2.25rem,2rem + 1.25vw,3.5rem);--space-xl:clamp(3.375rem,3rem + 1.875vw,5.25rem);--space-2xl:clamp(4.5rem,4rem + 2.5vw,7rem);--space-3xl:clamp(6.75rem,6rem + 3.75vw,10.5rem);--space-3xs-2xs:clamp(.3125rem,.2rem + .5625vw,.875rem);--space-2xs-xs:clamp(.5625rem,.4125rem + .75vw,1.3125rem);--space-xs-s:clamp(.875rem,.7rem + .875vw,1.75rem);--space-s-m:clamp(1.125rem,.825rem + 1.5vw,2.625rem);--space-m-l:clamp(1.6875rem,1.325rem + 1.8125vw,3.5rem);--space-l-xl:clamp(2.25rem,1.65rem + 3vw,5.25rem);--space-xl-2xl:clamp(3.375rem,2.65rem + 3.625vw,7rem);--space-2xl-3xl:clamp(4.5rem,3.3rem + 6vw,10.5rem);--space-s-l:clamp(1.125rem,.65rem + 2.375vw,3.5rem);--grid-max-width:108.5rem;--grid-gutter:var(--space-s-l,clamp(1.125rem,.5883rem + 2.6836vw,3.5rem));--grid-columns:12;direction:ltr}@font-face{font-family:bopomofo;src:url(/assets/fonts/bopomofo.woff2)format("woff2")}@font-face{font-family:characters;src:url(/assets/fonts/characters.woff2)format("woff2")}}}@layer layout{@layer layout{body{background:var(--color-background)}main{content-visibility:auto;gap:var(--grid-gutter);grid:repeat(1,1fr)/repeat(1,1fr);font-family:characters,sans-serif;display:grid}main img:first-of-type{place-self:center}main img:last-of-type{place-self:flex-start}article{color:var(--color-primary);line-height:var(--space-xl);max-width:var(--grid-max-width);padding-inline:var(--grid-gutter);margin-inline:auto}article{& h1,& h2,& p,& label{grid:repeat(auto-fit,minmax(1ic,1fr))/repeat(auto-fit,minmax(1ic,1fr));place-items:center;gap:1ic;min-height:80vh;max-height:80vh;line-height:1ic;display:grid}}article:last-of-type{padding-left:var(--space-m)}@keyframes throb{to{text-shadow:0 0 4px var(--color-accent),0 0 11px var(--color-background),0 0 19px var(--color-accent),0 0 40px var(--color-background),0 0 80px var(--color-primary),0 0 90px var(--color-primary),0 0 100px var(--color-primary),0 0 150px var(--color-primary)}0%{text-shadow:0 0 2px var(--color-accent),0 0 4px var(--color-background),0 0 6px var(--color-accent),0 0 10px var(--color-background),0 0 45px var(--color-primary),0 0 55px var(--color-primary),0 0 70px var(--color-primary),0 0 80px var(--color-primary)}}a:any-link{cursor:default;animation:1.5s infinite alternate throb}mark{position:relative}mark i{color:var(--color-primary);position:absolute;inset:72% -105%}mark i.close{color:var(--color-primary);position:absolute;inset:102% 0%}mark i.open{color:var(--color-primary);position:absolute;inset:-102% -40%}figure.co1{grid-area:1/1}figure.co2{grid-area:1/2}figure.co3{grid-area:1/3}}}@layer typography{@layer typography{article h1{color:var(--color-secondary);font-size:var(--step-5)}article h2{color:var(--color-secondary);font-size:var(--step-4)}article{& h1,& h2,& label{padding:0 var(--space-m)}}article p{color:var(--color-text);font-size:var(--step-3)}}}@layer dictionary{@layer dictionary{input{width:0;height:0;overflow:hidden}label{color:var(--color-primary);font-size:var(--step-5);width:0;height:0;overflow:hidden}p span.nannang{display:contents}ruby{ruby-align:center;ruby-position:inter-character;position:relative}rt{--ruby-offset:2.1875rem;color:var(--color-primary);font-family:bopomofo,sans-serif;font-size:var(--step-s2);left:var(--ruby-offset);text-orientation:upright;white-space:nowrap;position:absolute;top:0}}}