html{scroll-padding-top:75px}body{font-size:16px;font-weight:350;font-family:var(--font-sans-serif);color:var(--text-color);background-color:var(--background-color)}section[data-astro-cid-4ee7rn3o]{margin-bottom:2rem;padding:0 1rem;& ul li{margin:0}}#theme-wrapper[data-astro-cid-4ee7rn3o]{margin:0;padding:.4rem 0 0}#header-section[data-astro-cid-4ee7rn3o]{margin-top:8rem;margin-bottom:8rem;& .ascii-wrapper{min-height:50px;margin-bottom:.75rem;display:flex;& .ascii-header{font-family:var(--font-mono);white-space:pre;user-select:none;text-overflow:ellipsis;font-size:min(3.5vw,40px);font-weight:500;line-height:1;overflow:hidden}}& #post-title{text-align:center;letter-spacing:.1rem;margin-top:2rem;margin-bottom:.75rem;font-size:5rem;font-weight:700;line-height:1em}& #post-description{color:var(--gray-75);text-align:center;max-width:43ch;margin:0 auto;font-size:1.1rem;font-weight:500;line-height:1.4em}}#info-section[data-astro-cid-4ee7rn3o]{justify-content:center;width:100%;max-width:66ch;margin:0 auto;display:flex;& ul{flex-direction:row;justify-content:space-between;gap:.5rem;width:100%;padding:0;display:flex;& li{font-family:var(--font-sans-native);color:var(--gray-25);font-weight:500}}}#post-section[data-astro-cid-4ee7rn3o]{flex-direction:column;gap:1.5rem;width:100%;max-width:768px;margin:0 auto 3rem;display:flex;& #md-content{box-sizing:border-box;width:100%;max-width:66ch;color:var(--text-color);margin:0 auto;font-size:1rem;line-height:1.75;overflow-x:visible;& h1,& h2,& h3,& h4,& h5,& h6{margin-top:2em;margin-bottom:1em;line-height:1.25;position:relative;& a{color:var(--text-color);font-weight:700;text-decoration-line:none;&:hover{color:var(--primary-color)}}}& h1{font-size:2.25rem}& h2{font-size:1.9rem}& h3{font-size:1.5rem}& h4{font-size:1.25rem}& h5{font-size:1rem}& h6{font-size:.875rem}@media (width>=640px){& h2:before,& h3:before,& h4:before{content:"⌘";color:var(--background-color);font-size:.8em;transition:color .3s;position:absolute;top:53%;left:-1.9ch;transform:translateY(-50%)}& h2:hover:before,& h3:hover:before,& h4:hover:before{color:var(--primary-color)}}& p,& li{font-family:var(--font-sans-native);font-size:1rem;font-weight:410;line-height:1.6}& p{margin-top:1em;margin-bottom:.5em}& ul,& ol{margin-top:1em;margin-bottom:1em;padding-left:1em;& li{margin-top:1em;margin-bottom:.5em;padding-left:.25em}}& ul li{margin-top:1em;margin-bottom:.5em;list-style-type:lower-greek}& ol li{margin-top:1em;margin-bottom:.5em;padding-left:.25em;list-style-type:decimal}& ol li,& ul li{& ul li{list-style-type:lower-latin;& ul li{list-style-type:georgian;& ul li{list-style-type:persian}}}& ol li{list-style-type:upper-roman;& ol li{list-style-type:cjk-ideographic}}& ul,& ol{margin-top:.5em;margin-bottom:1em;padding-left:1.1em;& li{margin-top:0;margin-bottom:.5em;padding-left:.25em}}}& strong{font-weight:650}& a{color:var(--primary-color);text-underline-offset:3px;text-decoration-line:underline;text-decoration-thickness:2px;text-decoration-color:var(--background-color);font-weight:500;transition:color .2s,text-decoration-color .2s,text-underline-offset .2s;&:hover{text-decoration-color:var(--primary-color)}}& blockquote{border-left:4px solid var(--gray-10);color:var(--gray-50);margin:1em 0;padding-left:1em}& code{font-family:var(--font-mono);background-color:var(--yellow-code);border-radius:.25rem;margin:0 .2rem;padding:.125rem .25rem;font-size:.85em}& pre{white-space:pre;-webkit-overflow-scrolling:touch;border-radius:.5em;width:100%;max-width:calc(100vw - 2rem);padding:.8em;overflow-x:auto;& code{background-color:unset;font-size:.875em;display:block}&::-webkit-scrollbar{height:7px}&::-webkit-scrollbar-thumb{background-color:var(--gray-50);border-radius:4px}}& ol,& ul{& pre{max-width:calc(100vw - 3.25rem)}& ol,& ul{& pre{max-width:calc(100vw - 4.5rem)}& ol,& ul{& pre{max-width:calc(100vw - 5.75rem)}}}}& hr{border-top:1px solid var(--gray-25);margin:3em 0}&>[data-astro-cid-4ee7rn3o]:first-child{margin-top:0!important}& img{object-fit:scale-down;border-radius:7px;width:100%;height:auto;display:block;overflow-x:hidden;margin-top:.5rem!important}& .image-description{text-align:center;color:var(--gray-50);margin:.5rem 0 3rem;padding:0;font-size:.875em;font-weight:500}& .img-wrapper{border-radius:7px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:100%;margin:0 auto 2rem;padding:0;display:grid;& img{object-fit:cover;border-radius:7px;width:100%;height:100%}& .image-description{grid-column:1/-1;margin-top:1rem;margin-bottom:0}}& iframe{margin-bottom:2rem}}}@media (width>=1024px){#post-section[data-astro-cid-4ee7rn3o]{grid-template:"info-section table-contents""md-content table-contents"1fr". ."/1fr;gap:1rem;max-width:960px;display:grid;& #info-section{grid-area:info-section}& #md-content{grid-area:md-content;& p,& li{font-size:1.13rem;font-weight:450}}& #table-contents{flex-direction:column;grid-area:table-contents;max-width:230px;display:flex}}}#emoji-interaction-list[data-astro-cid-4ee7rn3o]{justify-content:center;gap:1rem;margin-bottom:4rem;display:flex;& .emoji-button{background-color:var(--background-color);border:2px solid var(--gray-10);cursor:pointer;color:var(--gray-75);border-radius:.75rem;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:1.1rem;transition:background-color .2s,border-color .3s,color .2s;display:flex;&:hover{color:var(--primary-color);border:2px solid var(--primary-color)}&:active{border:2px solid var(--primary-color);background-color:var(--primary-color);color:var(--background-color)}}}#table-contents[data-astro-cid-4ee7rn3o]{font-family:var(--font-sans-native);margin:0 auto;padding:0;display:none;overflow:visible;&:hover ul[data-astro-cid-4ee7rn3o] li[data-astro-cid-4ee7rn3o] a[data-astro-cid-4ee7rn3o]{color:var(--gray-75)}& p{color:var(--gray-25);margin-bottom:.6rem;padding-left:.3rem;font-weight:500;transition:color .3s}& ul{padding-left:0;font-weight:500;& li{border-radius:.4rem;position:relative;& a{cursor:pointer;color:var(--gray-50);width:100%;height:100%;padding:.1rem .15rem;text-decoration:none;transition:color .2s ease-in-out;display:block;&:after{content:"⌘";color:#0000;font-weight:700;position:absolute;top:50%;left:-1.75ch;transform:translateY(-50%)}&:hover{color:var(--text-color)!important}}}& .table-h2{margin-top:.3rem;padding-left:.3rem;& a{font-weight:600}}& .table-h3{padding-left:1.75ch;& a{font-weight:450}}& .table-h4{padding-left:3.25ch;& a{font-size:.9rem;font-weight:450}}}& ul li:hover{background-color:var(--yellow-code);& a:after{color:var(--yellow-code)}}}.align-left[data-astro-cid-4ee7rn3o]{text-align:left}.align-right[data-astro-cid-4ee7rn3o]{text-align:right}#blog-links-section[data-astro-cid-4ee7rn3o]{width:100%;max-width:607px;font-family:var(--font-sans-native);justify-content:space-between;align-items:stretch;gap:1.25rem;margin:0 auto;padding:1rem 0;display:flex;& a{border:2px solid var(--gray-10);color:var(--gray-75);border-radius:.75rem;flex:1;padding:.7rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s,border-color .3s,color .3s;& .prj-arrow{font-weight:600}& .prj-title{font-weight:700}&:hover,&:active,&:focus{border:2px solid var(--secondary-color);& .prj-title{color:var(--secondary-color)}}& .prev-next-prj{color:var(--gray-25);font-size:.85rem}}}@media (width<=400px){#blog-links-section[data-astro-cid-4ee7rn3o]{flex-direction:column}}