@charset "UTF-8";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ol,ul,li{margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}input,button,textarea,select{font:inherit}@font-face{font-family:Pretendard;font-weight:400;src:url(/fonts/Pretendard-Regular.subset.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:700;src:url(/fonts/Pretendard-Bold.subset.woff2) format("woff2")}@font-face{font-family:Outfit;font-weight:200;src:url(/fonts/Outfit-ExtraLight.subset.woff2) format("woff2")}::view-transition-old(root),::view-transition-new(root){animation:none}html{background:#fff;font-size:100%;scroll-behavior:smooth}body{font:1rem/1.6 Pretendard,sans-serif;color:#3b3e49}.siteHeader{width:100%}.siteHeader .siteHeaderInner{display:flex;max-width:61.25rem;margin:0 auto;padding:2.5rem .625rem}.siteHeader .logo{position:relative;line-height:1.6;text-align:center;font-size:.8125rem;color:#888}.siteHeader .logo .brand,.siteHeader .logo .tagline{display:inline-block;font-size:.8125rem}.siteHeader .logo .brand a{font-weight:700;color:#666}.siteHeader .logo .brand a:before{content:"";position:absolute;inset:0}.siteHeader .logo .tagline:before{content:"·"}.siteHeader .navigation{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.siteHeader .navigation:before,.siteHeader .navigation:after{content:"";flex:1;height:1px;background:#ddd}.siteHeader .navigation .mainNav{position:relative;z-index:2;margin:0;padding:0;list-style:none;display:flex;width:fit-content;gap:4px}.siteHeader .navigation .mainNav li{flex:1 1 0;min-width:54px;text-align:center}.siteHeader .navigation .mainNav li a{display:block;text-decoration:none;padding:4px 12px;font-size:11px;color:#666;text-transform:capitalize}.siteHeader .navigation .mainNav li a:before{content:"";display:block;width:26px;margin:0 auto;aspect-ratio:1/1;background-repeat:no-repeat;background-size:100%;opacity:.4;transition:scale .1s}.siteHeader .navigation .mainNav li a:hover:before{opacity:.5;scale:1.1}.siteHeader .navigation .mainNav li a[aria-current=page]{color:#333}.siteHeader .navigation .mainNav li a[aria-current=page]:before{opacity:.8}.siteHeader .navigation .mainNav li[data-type=posts] a:before{background-image:url(/images/navIcons/icon_posts.svg)}.siteHeader .navigation .mainNav li[data-type=tags] a:before{background-image:url(/images/navIcons/icon_tags.svg)}.siteHeader .navigation .mainNav li[data-type=about] a:before{background-image:url(/images/navIcons/icon_about.svg)}.siteHeader .navigation .mainNav li[data-type=search] a:before{background-image:url(/images/navIcons/icon_search.svg)}.siteHeader .navigation .mainNav li[data-type=RSS] a:before{background-image:url(/images/navIcons/icon_RSS.svg)}[data-layout-type=main] .siteHeader .siteHeaderInner{flex-direction:column;justify-content:center;align-items:center;padding:6.25rem .625rem 5rem}@media(max-width:959px){[data-layout-type=main] .siteHeader .siteHeaderInner{padding:5rem .625rem 3.75rem}}[data-layout-type=main] .siteHeader .logo:before{content:"";display:block;width:7.5rem;height:7.5rem;margin:0 auto 8px;background:#ddd;background:url(/images/1up.png) center/contain no-repeat;image-rendering:pixelated;border-radius:50%}@media(max-width:959px){[data-layout-type=main] .siteHeader .logo:before{width:6.25rem;height:6.25rem}}[data-layout-type=main] .siteHeader .logo:has(.brand a:hover){opacity:.96}[data-layout-type=sub] .siteHeader .siteHeaderInner{padding:.625rem;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center}[data-layout-type=sub] .siteHeader .navigation li{display:inline-block;margin-left:.625rem}.siteBody{max-width:61.25rem;margin:0 auto;padding:.625rem 1.25rem}.siteBody>main{min-width:0}.articles article{position:relative}.articles article+article{margin-top:5rem}@media(max-width:959px){.articles article+article{margin-top:3.125rem}}.articles article .cover img{width:100%;height:auto}.articles article h2{margin-top:.625rem;font-weight:300;font-size:1.75rem;line-height:1.3;word-break:keep-all}.articles article h2 a{display:block;color:#222}.articles article h2 a:before{content:"";position:absolute;z-index:1;inset:0}.articles article h2 a span{position:relative;z-index:2}.articles article h2 a span:hover{color:#222;text-decoration:underline dotted #666 1px;text-decoration-skip-ink:auto}.articles article .postBody{padding:0 2px;margin-top:1rem;font-size:.9375rem;overflow:hidden;color:#666}.articles .empty{padding:2.5rem 0 5rem;text-align:center;color:#666}.postMeta{display:flex;justify-content:flex-start;flex-wrap:wrap}.postMeta .postMetaItem{position:relative;margin-right:.625rem;padding-left:1rem}.postMeta .postMetaItem dt{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.postMeta .postMetaItem dd{font-size:13px;color:#777}.postMeta .postMetaItem:before{content:"";position:absolute;width:16px;height:16px;inset:0 auto 0 0;margin:auto;background-repeat:no-repeat;background-size:contain}.postMeta .postMetaItem[data-type=published]:before{background-image:url(/images/metaIcons/metaIcon_published.svg)}.postMeta .postMetaItem[data-type=readingTime]:before{background-image:url(/images/metaIcons/metaIcon_readingTime.svg)}.postMeta .postMetaItem[data-type=views]:before{background-image:url(/images/metaIcons/metaIcon_views.svg)}.postTags{line-height:1.3}.postTags li{display:inline-block;margin-right:.375rem}.postTags li a{font-size:.9375rem;text-decoration:none;color:#555}.postTags li a:before{content:"";display:inline-block;width:.85em;height:.85em;margin-right:.1875rem;vertical-align:-.1875rem;background-color:#999;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}.likeBox,.shareBox{display:flex;flex-direction:column;align-items:center}.likeBox[aria-busy=true] .likeBtn{opacity:.5}.likeBtn,.shareBtn{display:inline-flex;flex-direction:column;align-items:center;min-width:4.375rem;padding:0 .25rem;border:none;border-radius:.625rem;background:none;transition:background-color .15s ease,transform .1s ease}.likeBtn--static,.shareBtn--static{cursor:default}.likeBtn__icon,.shareBtn__icon{display:inline-flex;flex:none;width:1.5rem;height:1.5rem}.likeBtn__icon .ico,.shareBtn__icon .ico{display:block;width:100%;height:100%}button.likeBtn,button.shareBtn{cursor:pointer}button.likeBtn:active,button.shareBtn:active{transform:scale(.96)}button.likeBtn:disabled,button.shareBtn:disabled{cursor:progress}.likeBtn .ico,.shareBtn .ico{fill:#c2c2c2;stroke:#bbb;stroke-width:32;stroke-linejoin:round;overflow:visible}.likeBox[data-liked=true] .likeBtn .ico{fill:#f43f5e;stroke:none}button.shareBtn:hover .ico{stroke:#555}.likeBox__count,.shareBox__label{font-size:.8125rem;color:#666}.siteFooter{margin-top:2.5rem;padding:3.125rem 0 6.25rem;border-top:1px solid #ddd;text-align:center;font-size:.8125rem;color:#767676}.siteFooter a{color:#333}.siteFooter .copyright{margin:0;font-size:.875rem;color:#333}.siteFooter .colophon{margin:.25rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;column-gap:.375rem}.siteFooter .colophon li+li:before{content:"·";margin-right:.375rem}#page-posts .postCard--indexed .cardGrid{margin-top:1rem;display:grid;grid-template-columns:8.75rem minmax(0,1fr) 8.75rem;column-gap:1.25rem}#page-posts .postCard--indexed .cardSeq{grid-column:1;padding-top:.125rem}#page-posts .postCard--indexed .cardSeqNum{display:block;font-family:Outfit,sans-serif;font-weight:200;font-size:2.1875rem;line-height:1;color:#888}#page-posts .postCard--indexed .cardSeqMeta{margin:.875rem 0 0;flex-direction:column}#page-posts .postCard--indexed .cardSeqMeta .postMetaItem{margin-right:0}#page-posts .postCard--indexed .cardSeqMeta .postMetaItem+.postMetaItem{margin-top:.25rem}#page-posts .postCard--indexed .cardSeqMeta dd{line-height:1.5}#page-posts .postCard--indexed .cardMain{grid-column:2;min-width:0}#page-posts .postCard--indexed .cardMain h2{margin-top:0}#page-posts .postCard--indexed .cardMain .postBody{margin-top:.75rem}#page-posts .postCard--indexed .cardMain .postTags{margin-top:.875rem}#page-posts .postCard--indexed .cardLike{grid-column:3;min-width:0;display:flex;justify-content:right;align-items:flex-start;padding-top:.125rem}#page-posts .postCard--indexed .cardLike button{position:relative;z-index:2}@media(max-width:959px){#page-posts .postCard--indexed .cardGrid{grid-template-columns:minmax(0,1fr);row-gap:0}#page-posts .postCard--indexed .cardMain{display:contents}#page-posts .postCard--indexed .cardMain h2{order:1;grid-column:1;font-size:1.5rem}#page-posts .postCard--indexed .cardSeq{order:2;grid-column:1;display:flex;align-items:baseline;column-gap:1rem}#page-posts .postCard--indexed .cardMain .postBody{order:3;grid-column:1;margin-top:1rem}#page-posts .postCard--indexed .cardMain .postTags{order:4;grid-column:1;margin-top:.75rem}#page-posts .postCard--indexed .cardLike{order:5;grid-column:1;margin-top:1.125rem;justify-content:flex-start;padding-top:0}#page-posts .postCard--indexed .cardSeqNum{display:none}#page-posts .postCard--indexed .cardSeqMeta{margin:0;flex-direction:row;column-gap:.875rem}#page-posts .postCard--indexed .cardSeqMeta .postMetaItem+.postMetaItem{margin-top:0}}#page-post article .postHeader h1{padding:5rem 0 3.75rem;font-size:2.625rem;font-weight:400;line-height:1.3;word-break:keep-all;text-align:center}#page-post article .postHeader h1.multilineTitle{white-space:pre-line}#page-post article .postHeader h1.multilineTitle:first-line{font-size:2rem}#page-post article .postHeader .postHeaderBar{margin-top:1.875rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem}#page-post article .postHeader .postHeaderInfo{min-width:0}#page-post article .postHeader .postHeaderInfo .postMeta{justify-content:flex-start}#page-post article .postHeader .postHeaderInfo .postTags{text-align:left}#page-post article .postHeader .postHeaderInfo .postTags li{float:none;margin:0 .5rem 0 0}#page-post article .postHeader .postActions{flex-shrink:0;display:flex;align-items:flex-start;gap:.25rem}@media(max-width:600px){#page-post article .postHeader .postHeaderBar{flex-direction:column;align-items:flex-start;gap:1.25rem}#page-post article .postHeader .postActions{align-self:stretch;justify-content:flex-start}}#page-post article .postContent{margin-top:1.25rem;display:grid;grid-template-columns:minmax(0,1fr) 8.75rem;grid-auto-flow:dense;column-gap:1.25rem}#page-post article .postContent .postCover{grid-column:1/-1;margin:0 0 2.5rem}#page-post article .postContent .postCover img{display:block;width:100%;height:auto;border-radius:.75rem}#page-post article .postContent .postToc{grid-column:2;align-self:stretch}#page-post article .postContent .postToc>nav{position:sticky;top:1.25rem;max-height:calc(100vh - 2.5rem);overflow-y:auto}#page-post article .postContent .postToc .postTocTitle{margin:0 0 .625rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#999}#page-post article .postContent .postToc ol{margin:0;padding:0;list-style:none;border-left:1px solid #ddd}#page-post article .postContent .postToc .postTocItem a{display:block;margin-left:-1px;padding:.25rem .625rem;border-left:2px solid transparent;font-size:.8125rem;line-height:1.4;text-decoration:none;color:#888;word-break:keep-all}#page-post article .postContent .postToc .postTocItem a:hover{color:#333}#page-post article .postContent .postToc .postTocItem a[aria-current]{color:#222;border-left-color:#333;font-weight:500}#page-post article .postContent .postToc .postTocItem.postTocItem--h3 a{padding-left:1.375rem;font-size:.75rem;color:#999}#page-post article .postContent .postToc .postTocItem.postTocItem--h3 a[aria-current]{color:#333}#page-post article .postContent .postBody{grid-column:1;min-width:0;font-size:17px}#page-post article .postContent .postBody :first-child{margin-top:0}#page-post article .postContent .postBody h2,#page-post article .postContent .postBody h3{margin-top:2.875rem;text-box-trim:trim-both;scroll-margin-top:1.25rem;line-height:1.2}#page-post article .postContent .postBody h2{font-size:2rem;font-weight:400}#page-post article .postContent .postBody h3{font-size:1.5rem;font-weight:400}#page-post article .postContent .postBody p{margin:1rem 0 1.5rem;letter-spacing:-.0125rem}#page-post article .postContent .postBody small{font-size:80%;color:#666}#page-post article .postContent .postBody img{max-width:100%;height:auto}#page-post article .postContent .postBody dfn{font-weight:700;font-style:normal}#page-post article .postContent .postBody ruby rt{display:inline;font-size:80%;vertical-align:text-top;margin-left:.125rem;color:#666}@media(max-width:959px){#page-post article .postContent{grid-template-columns:minmax(0,1fr);row-gap:1.5rem}#page-post article .postContent .postToc{display:none}#page-post article .postContent .postBody{grid-column:1}}#page-404 .notFound{padding:10rem 0;text-align:center}#page-404 .notFound h1{font-size:2rem;font-weight:400;color:#333}#page-404 .notFound p{margin:.25rem 0 1.5rem;color:#666}#page-404 .notFound a{display:inline-block;padding:.5rem 1.25rem;background-color:#eee;border:1px solid #ddd;border-radius:.1875rem;font-size:.9375rem;text-decoration:none;color:#555}#page-404 .notFound a:hover{background-color:#ddd;color:#333}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}