*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Noto Sans KR,sans-serif;scrollbar-width:none;-webkit-tap-highlight-color:transparent}*::selection{color:var(--action-color);background-color:var(--bg-color)}:root{--ko-unicode: U+AC00-D7A3;--en-unicode: U+0041-005A, U+0061-007A;--radius: .5em;--radius-sm: .2em;--radius-lg: .8em;--radius-pill: 1em;--radius-circle: 50%;--light-fg-color: #fcfcfc;--light-dimmed-fg-color: #eaeaea;--light-transparent-fg-color: #fcfcfcaf;--light-bg-color: #fafafa;--light-dimmed-bg-color: #e3e3e3;--light-hover-bg-color: #fcfcfc;--light-accent-color: #36f;--light-accent-color-80: #3366ffcc;--light-dimmed-accent-color: #13f2;--light-action-color: #ff50aa;--light-content-color: #242424;--light-dimmed-content-color: #505050;--light-accent-content-color: #00a57b;--light-minor-color: #888;--light-icon-color: #444;--light-dimmed-icon-color: #4442;--light-border-color: #ccc;--light-dimmed-border-color: #e4e4e4;--light-light-only-border-color: #ff50aa;--dark-fg-color: #24242a;--dark-dimmed-fg-color: #333;--dark-transparent-fg-color: #202022af;--dark-bg-color: #161619;--dark-dimmed-bg-color: #222;--dark-hover-bg-color: #161616;--dark-accent-color: #75f;--dark-accent-color-80: #7755ffcc;--dark-dimmed-accent-color: #64f2;--dark-action-color: #adf;--dark-minor-color: #888;--dark-content-color: #fafafc;--dark-dimmed-content-color: #cacaca;--dark-accent-content-color: #e6d874;--dark-icon-color: #ddd;--dark-dimmed-icon-color: #dfdfdf22;--dark-border-color: #323232;--dark-dimmed-border-color: #212121}[data-theme=light]{--fg-color: var(--light-fg-color);--dimmed-fg-color: var(--light-dimmed-fg-color);--transparent-fg-color: var(--light-transparent-fg-color);--bg-color: var(--light-bg-color);--dimmed-bg-color: var(--light-dimmed-bg-color);--hover-bg-color: var(--light-hover-bg-color);--dimmed-accent-color: var(--light-dimmed-accent-color);--accent-color-80: var(--light-accent-color-80);--accent-content-color: var(--light-accent-content-color);--accent-color: var(--light-accent-color);--action-color: var(--light-action-color);--content-color: var(--light-content-color);--dimmed-content-color: var(--light-dimmed-content-color);--minor-color: var(--light-minor-color);--icon-color: var(--light-icon-color);--dimmed-icon-color: var(--light-dimmed-icon-color);--border-color: var(--light-border-color);--dimmed-border-color: var(--light-dimmed-border-color);--light-only-border-color: var(--light-light-only-border-color)}[data-theme=dark]{--fg-color: var(--dark-fg-color);--dimmed-fg-color: var(--dark-dimmed-fg-color);--transparent-fg-color: var(--dark-transparent-fg-color);--bg-color: var(--dark-bg-color);--dimmed-bg-color: var(--dark-dimmed-bg-color);--hover-bg-color: var(--dark-hover-bg-color);--action-color: var(--dark-action-color);--accent-color: var(--dark-accent-color);--accent-color-80: var(--dark-accent-color-80);--dimmed-accent-color: var(--dark-dimmed-accent-color);--accent-content-color: var(--dark-accent-content-color);--content-color: var(--dark-content-color);--dimmed-content-color: var(--dark-dimmed-content-color);--minor-color: var(--dark-minor-color);--icon-color: var(--dark-icon-color);--dimmed-icon-color: var(--dark-dimmed-icon-color);--border-color: var(--dark-border-color);--dimmed-border-color: var(--dark-dimmed-border-color);--light-only-border-color: none}li{list-style-type:none}a{color:var(--accent-color);text-decoration:none}a:hover{color:var(--action-color)}small{color:var(--minor-color)}.link{color:var(--accent-color);cursor:pointer}.link:hover header{color:var(--action-color)}.minor{color:var(--minor-color)}.icon{color:var(--icon-color)}.content{color:var(--content-color)}.dimmed.content{color:var(--dimmed-content-color)}.action{color:var(--action-color)}.accent{color:var(--accent-color)}button{padding:.5em;display:flex;border-radius:var(--radius-pill);border:none;background-color:transparent;cursor:pointer}button:hover *{color:var(--icon-color);stroke:var(--icon-color)}button:hover{background-color:var(--dimmed-icon-color)}button.accent *{color:var(--accent-color);fill:var(--accent-color);stroke:var(--accent-color)}button.accent:hover{background-color:var(--dimmed-accent-color);--dimmed-accent-color: }.clickable{cursor:pointer;transition:scale .2s}.clickable:hover,.clickable:active{scale:1.03}.clickable.small{cursor:pointer;transition:scale .2s}.clickable.small:hover{scale:1.08}.clickable.small:active{scale:1.06}.clickable:active:has(.clickable:hover){scale:1.04}.col{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.seperator{height:.5em;margin-bottom:.5em;width:4em;border-bottom:var(--minor-color) 1px solid}button:disabled{pointer-events:none;opacity:.9}input{color:inherit}input:focus{outline:none}@media screen and (max-width:768px){.mobile{display:block}.pc{display:none!important}}@media screen and (min-width:768px){.mobile{display:none!important}.pc{display:block}}.d-flex{display:flex}.align-center{align-items:center}.align-end{align-items:flex-end}.hidden{display:none}.toast{position:fixed;left:50%;bottom:3.5rem;transform:translate(-50%);z-index:20;padding:.65rem 1rem;border:1px solid var(--dimmed-border-color);border-radius:999px;background:var(--fg-color);color:var(--content-color);font-size:.9rem;letter-spacing:.03em;box-shadow:0 10px 24px #00000024}.toast--enter{animation:toast-fade-in .18s ease-out forwards}.toast--exit{animation:toast-fade-out .18s ease-in forwards}.skeleton{background:linear-gradient(90deg,var(--dimmed-bg-color) 25%,var(--dimmed-fg-color) 50%,var(--dimmed-bg-color) 75%);animation:load 1.5s infinite}@keyframes toast-fade-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(8px)}}@keyframes load{0%{background-position-x:0%}to{background-position-x:-200%}}#header{position:fixed;z-index:2;top:0;height:3.5em;width:100%;padding:0 calc(1em + 1vw);display:flex;align-items:center;justify-content:space-between;gap:1em;background-color:var(--transparent-fg-color);-webkit-backdrop-filter:blur(1em);backdrop-filter:blur(1em);box-shadow:0 0 1px var(--border-color);overflow:hidden;transition:background-color .2s,transform .2s}#header.top{border:none;box-shadow:none;background-color:transparent}#header.hide{transform:translateY(-100%)}.logo{width:fit-content;padding:.4em;display:flex}.logo svg{height:100%;width:fit-content}.logo svg *{fill:var(--icon-color);transition:fill .2s}.logo:hover svg *{fill:var(--action-color)}@media screen and (max-width:768px){#header{height:3.8em}}@media screen and (max-width:768px){#header{padding:0 1.5em;gap:.5em}}.search-bar{width:320px;height:2.6em;padding:0 .5em 0 1em;display:flex;align-items:center;background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:var(--radius-pill);pointer-events:auto;caret-color:var(--accent-color);transition:width .3s,height .3s,scale .3s,flex .3s,width .3s}.search-bar:focus-within{width:768px}.search-bar>form{width:100%}.search-bar input{width:96%;font-size:medium;border:none;background-color:transparent}.search-form{display:flex;flex:1;align-items:center}.btn-submit{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}@media screen and (max-width:768px){.search-bar{order:3;height:3em;min-width:3em;width:3em;max-width:3em;padding:0;margin-left:auto;border-radius:50%;justify-content:center;align-items:center}#header:has(.search-bar:focus-within)>*:not(.search-bar){display:none}.search-bar>form{max-width:0px}.search-bar:focus-within{flex-grow:1;width:100%;flex-shrink:0;max-width:none;padding:0 .5em 0 1em;border-radius:var(--radius-pill);border:1px solid var(--border-color)}.search-bar:focus-within>form{max-width:100%}}.theme{width:10vw;display:flex;align-items:center;justify-content:flex-end;order:4}.toggle{display:none}.toggle+label{display:flex;align-items:center;cursor:pointer}.toggle+label:before{content:"";height:calc(2.4em - 2px);aspect-ratio:3.8/2.2;border-radius:2em;background-color:var(--fg-color);border:1px solid var(--border-color)}.toggle+label:after{content:"";width:2em;aspect-ratio:1;margin-left:-3.85em;border-radius:2em;background-color:var(--accent-color);transition:transform .3s,background-color .5s,color .3s}.icons{display:flex;align-items:center;gap:.25em;margin-left:calc(-1.9em + 2px);pointer-events:none}.theme-icon{z-index:2;background-color:transparent;pointer-events:none;fill:#fb3;font-size:1.5em;transition:opacity .3s}@media screen and (min-width:768px){.toggle:checked+label:after{transform:translate(82%)}}.toggle:checked~.icons>.sun{opacity:0}.toggle:not(:checked)~.icons>.moon{opacity:0}@media screen and (max-width:768px){.toggle+label:before{height:3em;aspect-ratio:1}.toggle+label:after{width:2.6em;margin-left:-2.85em}.icons{margin-left:-2.1em}.moon{margin-left:-1.2em}.theme-icon{font-size:1.6em}}#container{width:100vw;min-height:100vh;padding-top:5em;overflow:hidden;background-color:var(--bg-color);transition:background-color .8s}#body-container{width:90vw;margin:0 5vw;min-height:60vh;margin-bottom:10vh}@media screen and (max-width:768px){#body-container{width:100vw;margin:0 0 4em}}footer{bottom:0;width:100%;height:14em;padding-top:3em;display:flex;justify-content:center;align-items:flex-start;font-size:smaller;background-color:var(--dimmed-bg-color)}.links{display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:center;align-items:flex-start;gap:8vw}.footer-item{width:8em;overflow:visible}.icon-link{aspect-ratio:1/1;padding:.2em;display:flex;align-items:center;justify-content:center;background-color:var(--fg-color);border:1px solid var(--border-color);border-radius:var(--radius-pill);overflow:hidden}.icon-link img{object-fit:cover;border-radius:var(--radius-pill)}footer .icon-link{width:4em;margin-bottom:1em}.spinner-wrapper{display:flex;flex-flow:column nowrap;align-items:center;gap:.6em;overflow:visible;width:100%}.spinner-wrapper>span{margin-top:1.6em}.spinner,.spinner:before,.spinner:after{border-radius:50%;width:2em;height:2em;animation-fill-mode:both;animation:bblFadInOut 1.2s infinite ease-in-out}.spinner{color:var(--accent-color-80);font-size:7px;position:relative;text-indent:-9999em;transform:translateZ(0);animation-delay:-.24s}.spinner:before,.spinner:after{content:"";position:absolute;top:0}.spinner:before{left:-3.5em;animation-delay:-.48s}.spinner:after{left:3.5em}@keyframes bblFadInOut{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em}}.text-container{display:block}.text-skeleton{display:flex;flex-direction:column;gap:8px}.skeleton-line{height:12px;border-radius:6px;background-size:400% 100%}#home{display:flex;flex-direction:column;flex-wrap:nowrap}#home main{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.home-category{width:100%;margin:2em 0 1.8em;transition:flex-grow .2s}.home-category>header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:0 0 .4em .8em;padding-bottom:.2em}.home-category>header>.link{padding:.4em 0;border-radius:var(--radius-pill);transition:padding .2s}.home-category>header>.link>header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:calc(.4em + .7vw)}.home-category>header>.link:hover{padding:.4em .8em;border:1px solid var(--action-color)}.home-category button:disabled{opacity:.5}.posts{display:flex;flex-flow:row nowrap;overflow-x:scroll;overflow-y:visible}.scroll-buttons{display:flex;gap:1em}.scroll-buttons button{border-radius:var(--radius-circle);aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}.more{display:flex;justify-content:center;align-items:center;margin:1em;padding:1em 2em;background-color:var(--fg-color);border-radius:var(--radius)}.more>p{text-align:center;width:4em}.post-list-item{display:flex;flex-flow:column nowrap;min-width:20em;max-width:46em;width:20em;height:fit-content;margin:.6em;padding:.5em;border-radius:var(--radius);border:1px solid var(--border-color);background-color:var(--fg-color)}.post-list-item>section{padding:.3em}.post-list-item>header{min-width:16rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1em;padding:.3em;transition:padding .2s}.post-list-item>header>h3{display:flex;align-items:flex-end;text-wrap:nowrap;overflow:hidden}.post-list-item>header>h3>small{margin-left:.5em}.post-list-item .tag-list{margin-top:0}.preview{width:100%;max-height:12em;overflow:hidden}.preview>div{display:flex;flex-direction:column;width:100%}.preview .image-container{margin:0}.preview .image-wrapper{max-width:100%!important;max-height:7em!important}.preview .loaded{width:fit-content;max-height:7em!important;object-fit:contain!important;height:100%!important}.preview .no-image-container{display:none}.preview *{font-size:.9rem;color:var(--content-color)}.markdown hr{opacity:.5;margin:2em 0}.markdown>p *{scroll-margin-top:4em}.markdown h1,.markdown h2{margin:1em 0}.markdown h3{margin:.6em 0}.markdown h4{margin:1em 0 .6em}.markdown>p{line-height:1.5;margin:.4em 0;word-break:keep-all}.markdown ul{padding-left:1.2em}.markdown ol{padding:.3em .3em 1em 1em}.markdown li{line-height:1.5em;padding:.1em 0 .1em .5em}.markdown em{font-style:italic}.markdown li::marker{content:"•";white-space:pre-line}.markdown table{display:inline;margin:1em}.markdown td{padding:.5em;border:1px solid var(--border-color);background-color:var(--fg-color)}.markdown mark{background-color:var(--minor-color);border-radius:var(--radius)}.markdown code{border-radius:var(--radius)}.markdown p>code{color:var(--accent-content-color)}.markdown a{color:#0074ff}.markdown a:hover{color:var(--action-color)}span.hljs-property{color:var(--accent-content-color)}.markdown blockquote{border-left:.2em solid var(--accent-color);padding:.8em;margin:2em 0;background-color:var(--dimmed-bg-color);border-radius:var(--radius)}.markdown blockquote p{color:var(--dimmed-content-color)}.hljs-params{color:inherit}.markdown code:not(.hljs){font-size:.9em;padding:.2em .4em;line-height:2em;border-radius:var(--radius);background-color:var(--dimmed-fg-color)}.markdown pre code{line-height:1.5em;word-spacing:.2em}.image-skeleton{width:80%;aspect-ratio:16/9;background-size:200%;border-radius:var(--radius)}.image-container{display:flex;justify-content:center;align-items:center;border-radius:var(--radius);overflow:hidden;margin:1em 0}.image-wrapper{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);overflow:hidden}.loaded{display:block;object-fit:contain;object-position:top center;max-width:100%;max-height:90vh;opacity:1;transition:opacity .3s}.loading{display:block;width:0px;opacity:0;transition:opacity .3s}.image-wrapper .no-image{margin:.5em 0;fill:var(--minor-color)}.no-image-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.tag{padding:.3em .5em;margin:.3em;color:var(--accent-color);font-size:.9em;line-height:1.2em;border-radius:var(--radius-pill);box-shadow:0 0 0 1.5px var(--accent-color);background-color:var(--fg-color)}.tag:hover,.tag-active{box-shadow:0 0 0 1.5px var(--action-color);color:var(--action-color)}.project{min-width:24em;width:24em}.project-image-wrapper{display:flex;justify-content:center;align-items:center;border-radius:var(--radius);overflow:hidden;background-color:var(--dimmed-bg-color)}.project-image-wrapper .image-container{width:100%;margin:0;padding:0}.project-image-wrapper .image-container .image-skeleton{width:100%}.project-image-wrapper img{max-width:100%;max-height:18em;object-fit:contain}.no-image{width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;background-color:var(--fg-color)}.project-title{margin:.6em 0 0}a:hover.project-title{color:var(--action-color)}.project-info-footer{margin:1em 0 .5em;display:flex;flex-direction:column;gap:.3em}.project-meta{display:flex;gap:1em}.project-info-footer small,.project-info-footer span{line-height:1}.profile{z-index:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;margin:calc(2em + 2vh) 0;width:100%;color:var(--content-color)}.profile-name{margin:.1em 0 1.8em;letter-spacing:.2em;text-align:center}.profile-content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:.4em}.profile-tags{max-height:25vh;overflow-y:scroll;background:radial-gradient(var(--dimmed-border-color) 0%,rgba(0,0,0,0) 72%)}.profile-tags ol{justify-content:center;font-size:1.1em}.profile-portfolio{display:block;color:var(--accent-color);font-weight:500;font-size:.7em;letter-spacing:.1em}.profile-portfolio:hover{color:var(--action-color)}.profile-img-wrapper{width:calc(6.8em + 4.8vw);aspect-ratio:1/1;padding:0;display:flex;justify-content:center;align-items:center;overflow:hidden;border:.2em solid var(--accent-color);border-radius:var(--radius-circle);background-color:#fff;transition:width .3s,border .3s,scale .3s}.profile-img-wrapper:hover{width:calc(7.1em + 5.2vw);cursor:pointer;border:.4em solid var(--action-color);background-color:#fff}.profile-img,.profile-video{width:100%;aspect-ratio:1/1;border-radius:var(--radius-pill);object-fit:cover}.hidden{width:calc(9em + 5vw);border:.4em solid var(--minor-color);filter:brightness(.9)}.hidden:hover{width:calc(9.5em + 5.5vw);cursor:default;border:.4em solid var(--minor-color)}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes spinLeft{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinRight{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.tag-list{display:flex;flex-flow:row wrap;padding:1em .4em;align-items:center}.tag-item>.intersection-observer-children-wrapper{transform:scale(0);transition:transform .3s ease}.tag-visible>.intersection-observer-children-wrapper{transform:scale(1)}.no-page-container{padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.no-page-container h2{color:var(--content-color)}.post{color:var(--content-color);max-width:80vw;margin:2em auto 0}.post header{padding:calc(.8em + 1.2vw) calc(1em + 1.4vw);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);background-color:var(--fg-color);border-radius:var(--radius) var(--radius) 0 0}.post header h1{margin-left:4px;font-size:xx-large}.post-category{width:fit-content}.post-title{max-width:70%;display:flex;flex-flow:column nowrap;flex-grow:1;gap:.5em}.post-meta{height:100%;padding-bottom:.5em;display:flex;flex-flow:column nowrap;align-items:flex-end;gap:.6em}.post-meta small{text-align:end}.post header>section:last-child{align-items:flex-end}.post-content{padding:calc(1em + 1vw);margin-top:-2px;text-wrap:pretty;border:1px solid var(--border-color);background-color:var(--fg-color);border-radius:0em 0em var(--radius) var(--radius)}.post nav{margin-top:2em;display:flex;justify-content:space-between;align-items:center;font-size:1.1em;font-weight:500}.post nav a{min-width:calc(160px + 8%);height:108px;padding:1.4em;display:flex;flex-direction:column;justify-content:space-around;gap:.6em;border:1px solid var(--border-color);background-color:var(--fg-color);border-radius:var(--radius)}.post nav .disabled{pointer-events:none;opacity:.5}.post nav a>div{display:flex;align-items:center;gap:.5em}.post nav .prev{margin-left:auto;align-items:flex-end}.post nav .list{align-items:center;text-align:center}.post nav .next{margin-right:auto;align-items:flex-start}@media(max-width:768px){.post{max-width:100vw}.post nav{height:fit-content;flex-direction:column;gap:.5em}.post nav a{width:100%}}.search-result{display:flex;flex-direction:column;align-items:flex-start;color:var(--content-color)}.search-result>header{z-index:1;width:calc(100% - 1.2em);margin:.5em .6em 2em;padding:.8em .8em .8em 1em;display:flex;flex-direction:column;gap:.8em;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.search-result>header>div{width:100%;display:flex;flex-flow:row wrap;align-items:center}.search-result-text{font-size:1em}.search-info{padding:0 .4em}.search-info{display:flex;align-items:end;padding:.2em 0}.search-result>header .tag-list{margin:0}.search-result ul{width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start}.search-result .home-category{margin:1em 0}.search-result .post-list-item{display:flex;flex-grow:1;flex-flow:column nowrap}.search-result .post-list-item .preview{aspect-ratio:16/9;max-height:max-content}.btn-search-result-sort{width:fit-content;display:flex;align-items:center;gap:.5em}