@layer reset{html,:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}*,:before,:after{box-sizing:border-box;border:0 solid;margin:0;padding:0}body{min-height:100vh;line-height:1.5}svg,img,picture{max-width:100%;height:auto;display:block}h1,h2,h3{text-wrap:balance;line-height:1.1;font-size:inherit;font-weight:inherit}p,h1,h2,h3{overflow-wrap:break-word}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}}@layer base{:root{--easing:cubic-bezier(.4,0,.2,1);--pad:2rem;--max-w:48rem;--icon-size:8.75rem;--neutral-50:#fafafa;--neutral-300:#d4d4d4;--neutral-500:#737373;--neutral-900:#171717;--bg:var(--neutral-50);--sub-bg:var(--neutral-300);--sub-fg:var(--neutral-500);--fg:var(--neutral-900);--hair-opacity:0}@supports (color:lab(0% 0 0)){:root{--neutral-50:lab(98.26% -.0000298023 0);--neutral-300:lab(84.92% 0 0);--neutral-500:lab(48.496% 0 0);--neutral-900:lab(7.78201% -.0000149012 0)}}@media (prefers-color-scheme:dark){:root{--bg:var(--neutral-900);--sub-bg:var(--neutral-500);--sub-fg:var(--neutral-300);--fg:var(--neutral-50)}}body{background-color:var(--bg);color:var(--fg);padding:var(--pad);padding-bottom:3rem}body>*{max-width:var(--max-w);margin-left:auto;margin-right:auto}main{margin-top:10rem;margin-bottom:4rem}@media screen and (min-width:40rem){main{margin-top:12rem;margin-bottom:6rem}}h1,h2,h3{font-weight:700}h2{margin-top:3rem;margin-bottom:1.5rem;font-size:2.25rem}ul{list-style-position:inside}ul>*+*{margin-top:1rem}p{line-height:1.625}a{border-bottom:solid 1px var(--sub-bg);transition:border-color .15s var(--easing)}a:hover{border-bottom-color:currentColor}#hair{fill-opacity:var(--hair-opacity)}}header{--duration-load:1s;--duration-hover:.3s;max-width:none;height:100svh;transition:background-color var(--duration-load)var(--easing);background-color:var(--bg);inset:0}header,header .container{pointer-events:none;position:fixed}header .container{inset:0 var(--pad);max-width:var(--max-w);height:100%;margin-left:auto;margin-right:auto}header .icon,header h1{pointer-events:auto;transition-timing-function:var(--easing);position:absolute}header .icon{width:var(--icon-size);height:auto;transition-property:color,background-color,top,left,width,height;transition-duration:var(--duration-hover),var(--duration-hover),var(--duration-load),var(--duration-load),var(--duration-load),var(--duration-load);top:calc(50% - var(--icon-size)/2);left:calc(50% - var(--icon-size)/2);border:none;border-radius:50%}header h1{transition-property:top,right,translate;transition-duration:var(--duration-load);top:calc(50% + 3.75rem);right:50%;translate:50%}@media (prefers-reduced-motion:reduce){header{--icon-size:6rem;background-color:#0000;background-image:linear-gradient(to bottom,var(--bg),var(--bg)6rem,transparent 12rem)}header .icon{top:var(--pad);left:0}header h1{top:calc(var(--pad) + var(--icon-size)/2);right:0;translate:0 -50%}}#transition.end{--icon-size:6rem;background-color:#0000;background-image:linear-gradient(to bottom,var(--bg),var(--bg)6rem,transparent 12rem)}#transition.end .icon{top:var(--pad);left:0}#transition.end h1{top:calc(var(--pad) + var(--icon-size)/2);right:0;translate:0 -50%}@media print{#transition.end{background-image:none;height:auto}#transition.end,#transition.end *{position:static}#transition.end .container{justify-content:space-between;align-items:center;margin-bottom:-6rem;display:flex}}#hair{transition:fill-opacity var(--duration-hover)var(--easing)}.icon:hover{color:var(--neutral-900);background-color:#fff5f6}.icon:hover #hair{--hair-opacity:1}footer{color:var(--sub-fg);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;font-size:.75rem;display:flex}@media screen and (min-width:40rem){footer{flex-direction:row;align-items:center}}article+article{margin-top:4rem}img{border-radius:.25rem}h3{margin-top:1.75rem;margin-bottom:1rem;font-size:1.25rem}span.underline{text-decoration:underline}.refNode{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic Pro,Noto Sans JP,sans-serif}.doi{margin-top:.375rem;display:block}
