*,: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 600;src:url(/fonts/PretendardVariable.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){animation:none}::view-transition-new(root){animation:none}html{scroll-behavior:smooth;touch-action:manipulation;scrollbar-gutter:stable;background:#fff;font-size:100%}body{color:#3b3e49;font:1rem/1.6 Pretendard,sans-serif}.siteHeader{z-index:3;background:#fff;width:100%;animation:linear both header-border;animation-timeline:scroll();animation-range:0 6.25rem;position:sticky;top:0;box-shadow:0 1px #00000024}@keyframes header-border{0%{box-shadow:none}}.siteHeader .siteHeaderInner{justify-content:space-between;align-items:center;max-width:61.25rem;margin:0 auto;padding:.375rem 1.25rem;display:flex}.siteHeader .logo{text-align:center;color:#888;font-size:.8125rem;line-height:1.6;position:relative}.siteHeader .logo .brand,.siteHeader .logo .tagline{font-size:.8125rem;display:inline-block}.siteHeader .logo .brand a{color:#666;font-size:1rem;font-weight:500}.siteHeader .logo .brand a:before{content:"";position:absolute;inset:0}.siteHeader .logo .tagline{display:none}.siteHeader .logo .tagline:before{content:"·"}.siteHeader .navigation{text-align:center;justify-content:center;align-items:center;display:flex}.siteHeader .navigation li{display:inline-block}.siteHeader .navigation .mainNav{z-index:2;gap:4px;width:fit-content;margin:0;padding:0;list-style:none;display:flex;position:relative}.siteHeader .navigation .mainNav li{text-align:center;white-space:nowrap;flex:1 1 0}.siteHeader .navigation .mainNav li a:before,.siteHeader .navigation .mainNav li .navSearchBtn:before{content:"";vertical-align:-.125rem;width:.9em;height:.9em;-webkit-mask:var(--nav-icon) center/contain no-repeat;mask:var(--nav-icon) center/contain no-repeat;background-color:currentColor;margin-right:2px;display:inline-block}.siteHeader .navigation .mainNav li a{color:#666;text-transform:capitalize;padding:4px 6px;font-size:12px;text-decoration:none;display:block}.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 .navSearchBtn{width:100%;font:inherit;color:#666;text-transform:capitalize;cursor:pointer;background:0 0;border:0;margin:0;padding:4px 6px;font-size:12px;display:block}.siteHeader .navigation .mainNav li .navSearchBtn:hover{color:#333}.siteHeader .navigation .mainNav li[data-type=about]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E")}.siteHeader .navigation .mainNav li[data-type=search]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}.siteHeader .navigation .mainNav li[data-type=RSS]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9'/%3E%3Cpath d='M4 4a16 16 0 0 1 16 16'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/svg%3E")}.siteBody{box-sizing:content-box;max-width:58.75rem;margin:0 auto;padding:.625rem 1rem}.siteBody>main{min-width:0}.symbol{text-align:center;margin:6.25rem 0 7.125rem}@media (width<=768px){.symbol{margin:2.5rem 0 3.5rem}}.symbol:before{content:"";width:7.5rem;height:7.5rem;image-rendering:pixelated;background:url(/images/1up.png) 50%/contain no-repeat;border-radius:50%;margin:0 auto 8px;display:block}@media (width<=768px){.symbol:before{width:5rem;height:5rem;margin:0 auto 4px}}.symbol h1{word-break:keep-all;font-size:.8125rem;font-weight:500;display:inline-block}.symbol .tagline{color:#666;font-size:.8125rem;display:inline-block}.symbol .tagline:before{content:"·"}.articles article{position:relative}.articles article+article{margin-top:5rem}@media (width<=768px){.articles article+article{margin-top:3.125rem}}.articles article .cover img{width:100%;height:auto}@media (width<=600px){.articles article .cover img{aspect-ratio:21/9;object-fit:cover}}.articles article h2{word-break:keep-all;margin-top:.625rem;font-size:1.75rem;font-weight:500;line-height:1.3}.articles article h2 a{color:#222;display:block}.articles article h2 a:before{content:"";z-index:1;position:absolute;inset:0}.articles article h2 a span{z-index:2;position:relative}.articles article h2 a span:hover{color:#222;-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;-webkit-text-decoration:underline dotted #666;text-decoration:underline dotted #666;text-decoration-thickness:1px}.articles article .postBody{color:#666;margin-top:1rem;padding:0 2px;font-size:.9375rem;overflow:hidden}.articles .empty{text-align:center;color:#666;padding:2.5rem 0 5rem}.postMeta{flex-wrap:wrap;justify-content:flex-start;display:flex}.postMeta .postMetaItem{margin-right:.625rem;padding-left:1rem;position:relative}.postMeta .postMetaItem dt{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.postMeta .postMetaItem dd{color:#777;font-size:13px}.postMeta .postMetaItem .postMetaUpdated{color:#999;margin-left:.25rem}.postMeta .postMetaItem:before{content:"";background-repeat:no-repeat;background-size:contain;width:16px;height:16px;margin:auto;position:absolute;inset:0 auto 0 0}.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{margin-right:.375rem;display:inline-block}.postTags li a{color:#555;font-size:.9375rem;text-decoration:none}.postTags li a:before{content:"";vertical-align:-.1875rem;background-color:#999;width:.85em;height:.85em;margin-right:.1875rem;display:inline-block;-webkit-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") 50%/contain no-repeat;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") 50%/contain no-repeat}.likeBox,.shareBox{flex-direction:column;align-items:center;display:flex}.likeBox[aria-busy=true] .likeBtn{opacity:.5}.likeBtn,.shareBtn{background:0 0;border:none;border-radius:.625rem;flex-direction:column;align-items:center;min-width:4.375rem;padding:0 .25rem;transition:transform .1s;display:inline-flex}.likeBtn--static,.shareBtn--static{cursor:default}.likeBtn__icon,.shareBtn__icon{flex:none;width:1.5rem;height:1.5rem;display:inline-flex}.likeBtn__icon .ico,.shareBtn__icon .ico{width:100%;height:100%;display:block}button.likeBtn,button.shareBtn{cursor:pointer;position:relative}button.likeBtn:active,button.shareBtn:active{transform:scale(.96)}button.likeBtn:disabled,button.shareBtn:disabled{cursor:progress}.likeBtn .ico,.shareBtn .ico{fill:#d8d8d8;stroke:#bcbcbc;stroke-width:32px;stroke-linejoin:round;transition:fill .15s,stroke .15s;overflow:visible}.likeBox[data-liked=true] .likeBtn:before{content:"";aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#f43f5e66 0%,#0000 60%);width:100%;animation:none;display:none;position:absolute;inset:-22px 0 0}.likeBox[data-liked=true] .likeBtn:focus:before{animation:.4s ease-out forwards likeBurst;display:block}@keyframes likeBurst{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.likeBox[data-liked=true] .likeBtn .ico{fill:#f43f5e;stroke:none}.likeBox__count,.shareBox__label{color:#666;font-size:.8125rem}.siteFooter{text-align:center;color:#767676;border-top:1px solid #ddd;margin-top:2.5rem;padding:3.125rem 0 6.25rem;font-size:.8125rem}.siteFooter a{color:#333}.siteFooter .copyright{color:#333;margin:0;font-size:.875rem}.siteFooter .colophon{flex-wrap:wrap;justify-content:center;column-gap:.375rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.siteFooter .colophon li+li:before{content:"·";margin-right:.375rem}#page-posts .postCard--indexed .cardGrid{grid-template-columns:8.75rem minmax(0,1fr) 8.75rem;column-gap:1.25rem;margin-top:1rem;display:grid}#page-posts .postCard--indexed .cardSeq{grid-column:1}#page-posts .postCard--indexed .cardSeqNum{color:#777;font-family:Outfit,sans-serif;font-size:2.1875rem;font-weight:200;line-height:1;display:block}#page-posts .postCard--indexed .cardSeqMeta{flex-direction:column;margin:1rem 0 0}#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;justify-content:right;align-items:flex-start;min-width:0;padding-top:.3125rem;display:flex}#page-posts .postCard--indexed .cardLike button{z-index:2;position:relative}@media (width<=768px){#page-posts .postCard--indexed .cardGrid{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 .625rem}#page-posts .postCard--indexed .cardMain{display:contents}#page-posts .postCard--indexed .cardMain h2{grid-area:1/1;font-size:1.5rem}#page-posts .postCard--indexed .cardSeq{grid-area:2/1;align-items:baseline;column-gap:1rem;display:flex}#page-posts .postCard--indexed .cardLike{grid-area:1/2/span 2;justify-content:flex-end;align-self:start;margin-top:0;padding-top:.3125rem}#page-posts .postCard--indexed .cardMain .postBody{grid-area:3/1/auto/-1;margin-top:1rem}#page-posts .postCard--indexed .cardMain .postBody p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}#page-posts .postCard--indexed .cardMain .postTags{grid-area:4/1/auto/-1;margin-top:.75rem}#page-posts .postCard--indexed .cardSeqNum{display:none}#page-posts .postCard--indexed .cardSeqMeta{flex-direction:row;column-gap:.625rem;margin:0}#page-posts .postCard--indexed .cardSeqMeta .postMetaItem+.postMetaItem{margin-top:0}}@media (width<=600px){#page-posts .postCard--indexed .cardSeqMeta .metaDate,#page-posts .postCard--indexed .cardSeqMeta .viewCount__num{font-size:0}#page-posts .postCard--indexed .cardSeqMeta .metaDate:before{content:attr(data-date-short);font-size:13px}#page-posts .postCard--indexed .cardSeqMeta .viewCount__num:before{content:attr(data-num-short);font-size:13px}}#page-post article .postHeader h1{word-break:keep-all;text-align:center;padding:5rem 0 3.75rem;font-size:2.625rem;font-weight:500;line-height:1.3}#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{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-top:1.875rem;display:flex}#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;align-items:flex-start;gap:.25rem;display:flex}@media (width<=600px){#page-post article .postHeader .postHeaderBar{flex-direction:column;align-items:flex-start;gap:1.25rem}#page-post article .postHeader .postActions{justify-content:flex-start;align-self:stretch}}#page-post article .postContent{grid-template-columns:minmax(0,1fr) 8.75rem;grid-auto-flow:dense;column-gap:1.25rem;margin-top:1.25rem;display:grid}#page-post article .postContent .postCover{grid-column:1/-1;margin:0 0 2.5rem}#page-post article .postContent .postCover img{border-radius:.75rem;width:100%;height:auto;display:block}#page-post article .postContent .postToc{grid-column:2;align-self:stretch}#page-post article .postContent .postToc>nav{max-height:calc(100vh - 2.5rem);position:sticky;top:1.25rem;overflow-y:auto}#page-post article .postContent .postToc .postTocTitle{letter-spacing:.08em;text-transform:uppercase;color:#999;margin:0 0 .625rem;font-size:.6875rem;font-weight:500}#page-post article .postContent .postToc ol{border-left:1px solid #ddd;margin:0;padding:0;list-style:none}#page-post article .postContent .postToc .postTocItem a{color:#888;word-break:keep-all;border-left:2px solid #0000;margin-left:-1px;padding:.25rem .625rem;font-size:.8125rem;line-height:1.4;text-decoration:none;display:block}#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{color:#999;padding-left:1.375rem;font-size:.75rem}#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{text-box-trim:trim-both;margin-top:2.875rem;scroll-margin-top:1.25rem;line-height:1.2}#page-post article .postContent .postBody h2{font-size:2rem;font-weight:500}#page-post article .postContent .postBody h3{font-size:1.5rem;font-weight:500}#page-post article .postContent .postBody p{letter-spacing:-.0125rem;margin:1rem 0 1.5rem}#page-post article .postContent .postBody small{color:#666;font-size:80%}#page-post article .postContent .postBody img{max-width:100%;height:auto}#page-post article .postContent .postBody dfn{font-style:normal;font-weight:500}#page-post article .postContent .postBody ruby rt{vertical-align:text-top;color:#666;margin-left:.125rem;font-size:80%;display:inline}@media (width<=768px){#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{text-align:center;padding:10rem 0}#page-404 .notFound h1{color:#333;font-size:2rem;font-weight:500}#page-404 .notFound p{color:#666;margin:.25rem 0 1.5rem}#page-404 .notFound a{color:#555;background-color:#eee;border:1px solid #ddd;border-radius:.1875rem;padding:.5rem 1.25rem;font-size:.9375rem;text-decoration:none;display:inline-block}#page-404 .notFound a:hover{color:#333;background-color:#ddd}.searchDialog{background:#fff;border:0;border-radius:.75rem;width:min(640px,100vw - 2rem);max-width:none;max-height:calc(100vh - 7.5rem);margin:4.5rem auto auto;padding:0;overflow:hidden;box-shadow:0 1rem 3rem #0000003d}.searchDialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006}.searchDialog .searchDialog__inner{max-height:inherit;flex-direction:column;display:flex}.searchDialog .searchDialog__bar{border-bottom:1px solid #eee;align-items:center;gap:.625rem;padding:.75rem 1rem;display:flex}.searchDialog .searchDialog__icon{color:#999;flex:none;display:flex}.searchDialog .searchDialog__icon svg{width:1.25rem;height:1.25rem}.searchDialog .searchDialog__input{min-width:0;font:inherit;color:#222;background:0 0;border:0;flex:auto;margin:0;padding:0;font-size:1rem}.searchDialog .searchDialog__input::placeholder{color:#aaa}.searchDialog .searchDialog__input:focus{outline:none}.searchDialog .searchDialog__input::-webkit-search-cancel-button{appearance:none}.searchDialog .searchDialog__reset{color:#fff;cursor:pointer;background:#c4c4c4;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;padding:0;display:none}.searchDialog .searchDialog__reset span{display:flex}.searchDialog .searchDialog__reset svg{width:.6875rem;height:.6875rem}.searchDialog .searchDialog__reset:hover{background:#aaa}.searchDialog .searchDialog__input:valid~.searchDialog__reset{display:inline-flex}.searchDialog .searchDialog__close{color:#888;cursor:pointer;background:#f7f7f7;border:1px solid #ddd;border-radius:.375rem;flex:none;padding:.125rem .5rem;font-size:.6875rem}.searchDialog .searchDialog__close:hover{color:#555}.searchDialog .searchDialog__results{overscroll-behavior:contain;padding:.5rem;overflow-y:auto}.searchDialog .searchDialog__note{text-align:center;color:#999;margin:0;padding:1.5rem .75rem;font-size:.875rem}.searchDialog .searchResult{color:inherit;border-radius:.5rem;padding:.75rem;text-decoration:none;display:block}.searchDialog .searchResult:hover,.searchDialog .searchResult:focus-visible,.searchDialog .searchResult.is-active{background:#f4f5f7;outline:none}.searchDialog .searchResult .searchResult__title{word-break:keep-all;color:#222;font-size:1.125rem;font-weight:500;line-height:1.3;display:block}.searchDialog .searchResult .searchResult__excerpt{color:#777;margin-top:.25rem;font-size:.8125rem;line-height:1.5;display:block}.searchDialog .searchResult .searchResult__excerpt mark{color:inherit;background:#fff1a8}@media (width<=600px){.searchDialog{border-radius:0;width:100%;max-width:none;height:100%;max-height:none;margin:0}.searchDialog .searchDialog__inner{height:100%;max-height:100%}.searchDialog .searchDialog__results{flex:auto}}html:has(.searchDialog[open]){overflow:hidden}