@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--c-ink: #000;--c-bg: #fff;--c-muted: #999;--c-dim: #666;--c-annotation: #6b7280;--c-border: #000;--c-border-subtle: #e0e0e0;--c-border-light: #e5e7eb;--content-width: 670px;--sp-1: 4px;--sp-2: 8px;--sp-3: 16px;--sp-4: 24px;--sp-5: 32px;--sp-6: 48px;--sp-7: 80px;--text-base: 12px;--text-sm: 10px;--text-xs: 9px;--z-tooltip: 10;--z-dropdown: 1000;--dur-search-highlight: 2s;--dur-preview-highlight: 2s;--dur-tooltip: .25s;--dur-transition: .25s}.btn-reset{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;cursor:pointer;color:inherit}.content-container{width:100%;max-width:var(--content-width)}@keyframes highlight-fade{0%,50%{color:#fff;background-color:var(--c-ink)}to{color:inherit;background-color:transparent}}:root{--font-sans: "Pretendard", sans-serif}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.8;background-color:var(--c-bg);color:var(--c-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}a{color:inherit;text-decoration:none}.header-container{padding-top:var(--sp-5);border-top:1px solid var(--c-border);width:100%;max-width:var(--content-width)}.header-default{margin-bottom:var(--sp-5)}.header-links-group{margin-bottom:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1)}.header-link{display:flex;align-items:center;gap:var(--sp-1);width:fit-content;cursor:pointer;text-decoration:none}.header-link-text{border-bottom:1px solid transparent;padding:0 0 1px;line-height:inherit}.header-link:hover .header-link-text{border-bottom:1px solid currentColor}.link-arrow{font-size:var(--text-sm)}.header-home-link{display:inline-flex;align-items:baseline;gap:5px;color:inherit;text-decoration:none}.header-home-icon{flex-shrink:0;align-self:center}.tag-search-container{width:100%;max-width:var(--content-width);border-top:1px solid var(--c-border);padding-top:var(--sp-4);margin-bottom:var(--sp-4)}.tag-search-content{display:flex;flex-direction:column;gap:var(--sp-4);position:relative;min-height:22px}.tag-search-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-content:flex-start}.tag-search-tags--measuring,.tag-search-container--expanded .tag-search-tags{max-height:none!important;overflow:visible!important}.tag-search-tag{background:none;border:none;border-bottom:1px solid transparent;padding:0 0 1px;font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;white-space:nowrap;line-height:inherit}.tag-search-tag:hover,.tag-search-tag--active{border-bottom:1px solid currentColor}.tag-search-expand-btn{display:block;background:none;border:none;padding:0;margin-top:var(--sp-1);font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;color:inherit}.tag-search-expand-btn--inline{display:inline-flex;margin-top:0;white-space:nowrap}.tag-search-expand-btn:hover{border-bottom:1px solid currentColor}.tag-search-input-wrapper{position:relative;width:100%;order:-1}.tag-search-input{width:100%;border:1px solid var(--c-border);padding:var(--sp-1) 24px var(--sp-1) var(--sp-2);font-family:inherit;font-size:inherit;background:transparent;outline:none;box-sizing:border-box}.tag-search-clear-btn{position:absolute;top:50%;right:6px;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;font-size:14px;line-height:1;color:var(--c-muted)}.tag-search-clear-btn:hover{color:var(--c-ink)}.tag-search-results{position:absolute;top:calc(100% + var(--sp-1));left:0;right:0;background:var(--c-bg);border:1px solid var(--c-border);max-height:400px;overflow-y:auto;z-index:var(--z-dropdown);-ms-overflow-style:none;scrollbar-width:none}.tag-search-results::-webkit-scrollbar{display:none}.tag-search-result-item{display:block;padding:6px 12px;text-decoration:none;color:inherit;border-bottom:1px solid var(--c-border-subtle)}.tag-search-result-item:last-child{border-bottom:none}.tag-search-result-item:hover,.tag-search-result-item--active{background-color:#f5f5f5}.tag-search-result-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-search-result-date{font-size:.875em;color:var(--c-dim)}.post-preview{margin-bottom:var(--sp-4)}.post-preview-link{display:block;color:inherit;text-decoration:none}.post-preview-link:hover .post-preview-title{text-decoration:underline}.post-preview-title{font-size:var(--text-base);font-weight:400;line-height:1.6;margin:0 0 var(--sp-1) 0;transition:color var(--dur-preview-highlight) ease,background-color var(--dur-preview-highlight) ease}.post-preview-title--highlighted{color:var(--c-bg);background-color:var(--c-ink);animation:highlight-fade var(--dur-preview-highlight) ease forwards}.post-preview-meta{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--c-muted)}.post-preview-date{color:var(--c-muted)}.post-preview-excerpt{margin:0;text-align:left;word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-status-bar{display:flex;align-items:center}.project-status-link{display:inline-flex;align-items:center;gap:var(--sp-2);height:22px;text-decoration:none;color:inherit;max-width:100%}.project-status-link:hover{text-decoration:none}.project-status-link:hover .project-status-title{text-decoration:underline}.project-status-cover{height:22px;width:auto;object-fit:contain;flex-shrink:0}@media(hover:hover)and (pointer:fine){.project-status-cover{filter:grayscale(100%);transition:filter calc(var(--dur-transition, .2s) * 1.5) ease}.project-status-link:hover .project-status-cover{filter:grayscale(0%)}}.project-status-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.project-status-progress{color:var(--c-muted);white-space:nowrap;flex-shrink:0}.list{background:none;border:none;padding:0;width:12px;height:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-bar{fill:var(--c-ink);transition:width var(--dur-transition) ease}.list:hover .list-bar-3{width:12px}.nav-container{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-5);padding:0;list-style:none;min-height:22px;align-items:center}.nav-categories{display:flex;gap:var(--sp-3);flex:1 1 0%}.nav-controls{display:flex;gap:var(--sp-3);align-items:center}.nav-item{background:none;border:none;border-bottom:1px solid transparent;padding:0 0 2px;cursor:pointer;font-family:inherit;font-size:var(--fs-body);color:var(--c-muted);transition:color var(--transition-fast) ease,border-color var(--transition-fast) ease}.nav-item:hover{border-bottom:1px solid var(--c-dim)}.nav-item--active{color:#000}.nav-item--active:hover{border-bottom:1px solid #000}.post-list-container{width:100%;max-width:var(--content-width);padding-top:var(--sp-5)}@media(max-width:699px){.post-list-container{border-top:1px solid var(--c-border)}}.post-list-empty{color:var(--c-muted);padding:var(--sp-5) 0;text-align:center}.post-list-pagination{display:flex;justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-5) 0 0}.pagination-btn{background:none;border:none;padding:2px 6px;font-family:inherit;font-size:inherit;cursor:pointer;color:inherit}.pagination-btn:hover:not(:disabled){text-decoration:underline}.pagination-btn--active{font-weight:700}.pagination-btn--disabled{opacity:.3;cursor:default;pointer-events:none}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-4);margin-top:var(--sp-4)}@media(max-width:450px){.project-grid{grid-template-columns:1fr}}.project-card{background:none;border:none;padding:0;text-align:center;cursor:pointer;color:inherit;display:flex;flex-direction:column}.project-card-image-section{width:100%;aspect-ratio:10 / 14;margin-bottom:var(--sp-3);position:relative}.project-card-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:bottom center;display:block}.project-card-text-section{display:flex;flex-direction:column;align-items:center;gap:6px}.project-card-title{font-size:var(--text-base);line-height:1.4}.project-card:hover .project-card-title{text-decoration:underline}@media(hover:hover)and (pointer:fine){.project-card-cover{filter:grayscale(100%);transition:filter calc(var(--dur-transition, .2s) * 1.5) ease}.project-card:hover .project-card-cover{filter:grayscale(0%)}}.project-card-meta{font-size:var(--text-sm);color:var(--c-dim)}.annotation-wrapper{position:relative;display:inline-block;margin:0 .5px}.annotation-button{font-size:var(--text-xs);vertical-align:super;color:var(--c-annotation);cursor:pointer;background-color:transparent;border:none;padding:0;outline:none;transition:color var(--dur-transition) ease,background-color var(--dur-transition) ease}.annotation-button:hover{color:var(--c-ink)}.annotation-tooltip{z-index:var(--z-tooltip);width:min(192px,calc(100vw - 32px));padding:var(--sp-2);font-size:var(--text-base);background-color:var(--c-bg);border:1px solid var(--c-border-light);box-shadow:0 1px 2px #0000000d;text-align:left;white-space:pre-wrap;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.annotation-image{max-width:100%;display:block;margin-bottom:var(--sp-2)}.annotation-tooltip:active{cursor:grabbing}.post-article{text-align:left;word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.post-text{white-space:pre-wrap}.post-image{width:100%;margin:var(--sp-4) 0;display:block}.post-figure{display:block;margin:var(--sp-2) 0}.post-figure .post-image{margin:0;width:100%}.post-image-row{display:flex;gap:var(--sp-2);align-items:flex-start;margin:var(--sp-4) 0}.post-image-row .post-figure{margin:0;flex:0 0 auto}.post-image-caption{margin-top:var(--sp-1);font-size:.85em;color:var(--c-muted);text-align:center}.post-image-link{color:inherit;text-decoration:underline;text-underline-offset:2px;transition:color var(--dur-transition) ease}.post-image-link:hover{color:var(--c-ink)}@media(max-width:480px){.post-image-row{flex-direction:column}.post-image-row .post-figure{width:100%!important}}.search-highlight{color:var(--c-bg);background-color:var(--c-ink);animation:highlight-fade var(--dur-search-highlight) ease forwards}.post-footnotes{margin-top:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid var(--c-border-subtle)}.post-footnote{display:flex;gap:6px;margin-bottom:6px;cursor:pointer;color:var(--c-dim);font-size:.9em;line-height:1.6;transition:color var(--dur-transition) ease}.post-footnote:hover{color:var(--c-ink)}.post-footnote-number{flex-shrink:0;font-size:var(--text-xs);vertical-align:super;color:inherit}.post-footnote-text{color:inherit}.post-nav{width:100%;max-width:var(--content-width);min-height:22px;display:flex;align-items:center;gap:var(--sp-2)}.post-nav--top{padding-bottom:var(--sp-5)}.post-nav--bottom{padding-top:var(--sp-5);position:relative}.post-nav__slot{flex:1;min-width:0}.post-nav__inner{display:flex;align-items:center;gap:6px;min-width:0;line-height:22px}.post-nav__inner--prev{justify-content:flex-start}.post-nav__inner--next{justify-content:flex-end}.post-nav__title{color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:22px}.post-nav__title:hover{text-decoration:underline}.post-nav__arrow{flex-shrink:0;background:none;border:none;padding:0;font-family:inherit;font-size:14px;line-height:22px;cursor:pointer;color:inherit;opacity:.5}.post-nav__arrow:hover{opacity:1}.post-nav__arrow--up{position:absolute;left:50%;transform:translate(-50%) rotate(90deg)}@media(max-width:600px){.post-nav__title{display:none}}.post-nav__controls{display:flex;align-items:center;gap:var(--sp-3)}.switch{display:flex;align-items:center;gap:4px}.switch__btn{width:12px;height:12px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:var(--c-ink)}.switch__btn-fill{transition:opacity var(--dur-transition) ease}.switch__btn[data-active=false] .switch__btn-fill{opacity:0}.switch__btn[data-active=false]:hover .switch__btn-fill{opacity:.3}.switch__btn[data-active=true] .switch__btn-fill{opacity:1}.switch__btn[data-active=true]:hover .switch__btn-fill{opacity:.3}.post-detail-container{width:100%;max-width:var(--content-width);padding-top:var(--sp-5);position:relative;overflow:visible}@media(max-width:699px){.post-detail-container{border-top:1px solid var(--c-border)}}.post-detail-header{margin-bottom:var(--sp-5)}.post-detail-title{font-size:var(--text-base);font-weight:400;margin:0 0 var(--sp-1) 0;line-height:1.6}.post-detail-date{font-size:var(--text-sm);color:var(--c-muted)}.post-detail-error{padding:var(--sp-6) 0;text-align:center;color:var(--c-muted)}.post-detail-meta{display:flex;align-items:baseline;gap:var(--sp-3);margin-bottom:var(--sp-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--c-muted)}.post-project-btn{background:none;border:none;padding:0;font-family:inherit;font-size:inherit;color:var(--c-muted);cursor:pointer}.post-project-btn:hover{text-decoration:underline;color:var(--c-ink)}.post-detail-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}.post-detail-tag{background:none;border:none;padding:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--c-dim);cursor:pointer;transition:color .15s ease-out}.post-detail-tag:hover,.post-detail-tag--active{color:var(--c-ink);text-decoration:underline}.post-detail-container[data-ink-mode=active] .post-text{display:inline}.post-detail-container[data-ink-mode=active] .annotation-button{color:var(--c-ink);background-color:var(--c-ink)}.post-detail-container[data-ink-mode=active] .annotation-button--unink{color:var(--c-annotation);background-color:transparent}.ink-word{transition:background-color var(--dur-transition) ease,color var(--dur-transition) ease}.post-detail-container[data-ink-mode=active] .ink-word{background-color:var(--c-ink);color:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}.post-detail-container[data-ink-mode=active] .ink-word:hover{background-color:transparent;color:inherit}.post-detail-container[data-ink-mode=active] .annotation-tooltip{background-color:var(--c-bg)}.footer{width:100%;max-width:var(--content-width);min-height:44px;display:flex;align-items:center;justify-content:center;padding-top:var(--sp-4);color:var(--c-muted);font-size:var(--text-base);margin-top:auto}*{-webkit-user-select:none;user-select:none;outline:none}:focus,:focus-visible{outline:none!important}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none;pointer-events:none}.app-container{min-height:100vh;background-color:var(--c-bg);color:var(--c-ink);display:flex;flex-direction:column;align-items:center;padding:var(--sp-7) var(--sp-6);box-sizing:border-box;width:100%}.app-sidebar,.app-main{width:100%;max-width:var(--content-width)}.desktop-footer-wrapper{display:none}@media(min-width:700px){.app-container{flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--sp-4);padding:var(--sp-7) var(--sp-6)}.app-sidebar{width:170px;flex-shrink:0;position:sticky;top:var(--sp-7);display:flex;flex-direction:column;height:calc(100vh - var(--sp-7) * 2)}.app-main{flex:1;min-width:0;max-width:506px;flex-shrink:1}.mobile-footer-wrapper{display:none}.desktop-footer-wrapper{display:block;margin-top:0}.desktop-footer-wrapper .footer{justify-content:flex-start}}