@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}html{overflow-y:scroll}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)}.loading-dots{display:flex;justify-content:center;align-items:center;height:96px;gap:var(--sp-1);font-size:24px;color:var(--c-ink)}.loading-dot{animation:dotPulse 1.2s ease-in-out infinite;opacity:0}.loading-dot-1{animation-delay:0s}.loading-dot-2{animation-delay:.2s}.loading-dot-3{animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:0}40%{opacity:1}}.post-article{text-align:left;word-break:keep-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.post-text{line-height:1.8;font-size:var(--text-base);white-space:pre-wrap}.post-text p{margin:0}.post-text h1,.post-text h2,.post-text h3,.post-text h4{margin:1.5em 0 .5em;font-weight:400;line-height:1.4}.post-text h1{font-size:1.4em}.post-text h2{font-size:1.2em}.post-text h3{font-size:1.1em}.post-text h4{font-size:1em}.post-text ul,.post-text ol{margin:0;padding-left:1.2em;white-space:normal}.post-text li{margin:0;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)}.editor-container{padding:80px 40px;height:100vh;box-sizing:border-box;background:var(--c-bg)}.post-editor{display:flex;height:100%;color:var(--c-ink);font-family:var(--font-sans)}.post-editor-sidebar{width:280px;min-width:280px;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;height:52px;padding:0 0 0 4px;flex-shrink:0}.sidebar-back{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:16px;text-decoration:none;color:var(--c-ink);transition:opacity .15s}.sidebar-back:hover{opacity:.5}.sidebar-tabs{display:flex;margin-left:12px;gap:16px}.tab-btn{background:none;border:none;padding:4px 0;font-size:11px;font-weight:500;color:var(--c-muted);cursor:pointer;transition:all .2s;position:relative}.tab-btn.active{color:var(--c-ink);font-weight:700}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--c-ink)}.post-list-scroll{flex:1;overflow-y:auto;padding:4px 0}.post-editor-sidebar ul,.post-editor-sidebar li{list-style:none;margin:0;padding:0}.post-editor-sidebar ul::marker,.post-editor-sidebar li::marker{content:none}.ed-list{list-style:none;margin:0;padding:0}.ed-list[data-depth="1"],.ed-list[data-depth="2"],.ed-list[data-depth="3"]{padding-left:16px}.ed-group{margin:0}.ed-group-btn{display:flex;align-items:center;gap:6px;width:100%;padding:5px 4px;background:none;border:none;cursor:pointer;font-size:12px;font-weight:500;color:var(--c-ink);text-align:left;font-family:inherit}.ed-list[data-depth="0"]>.ed-group>.ed-group-btn{font-weight:700;padding-top:12px;padding-bottom:8px}.ed-caret{font-size:10px;width:12px;flex-shrink:0;opacity:.5}.ed-item{margin:0}.ed-item-btn{display:block;width:100%;padding:5px 4px 5px 18px;background:none;border:none;cursor:pointer;font-size:12px;color:var(--c-ink);text-align:left;font-family:inherit;border-radius:3px;transition:background .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ed-item-btn:hover{font-weight:600}.ed-item-btn.active{font-weight:800;text-decoration:underline;text-underline-offset:6px}.post-editor-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;margin-left:40px}.post-editor-main::-webkit-scrollbar{display:none}.editor-form-header{padding:0;display:flex;justify-content:space-between;align-items:center;height:52px;flex-shrink:0;max-width:720px;width:100%;margin:0}.editor-form-header h2{font-size:13px;margin:0;font-weight:600}.header-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{padding:6px 20px;border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-ink);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.action-btn:hover{opacity:.7}.action-btn.primary{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}.action-btn:disabled{opacity:.3;cursor:not-allowed}.editor-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--c-muted);font-size:13px}.editor-form-body{flex:1;padding:0 0 100px;max-width:720px;width:100%;margin:0}.form-grid{display:grid;grid-template-columns:120px 1fr;gap:20px;margin-bottom:32px}.form-field{display:contents}.form-field label{font-size:12px;font-weight:600;padding-top:8px}.form-field input,.form-field select,.form-field textarea{padding:8px 12px;border:1px solid var(--c-border-subtle);background:var(--c-bg);color:var(--c-ink);font-family:inherit;font-size:13px}.form-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 12px) center;padding-right:32px;max-width:360px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--c-ink)}.form-field input:disabled,.form-field select:disabled{background:#f9f9f9;color:var(--c-muted);cursor:not-allowed}.form-field .category-options{display:flex;gap:16px}.form-field .radio-label{display:flex;align-items:center;gap:6px;font-weight:400;font-size:13px;cursor:pointer}.content-textarea{flex:1;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.7;resize:none;overflow:hidden;field-sizing:content;min-height:200px;border:1px solid var(--c-border-subtle);padding:12px}.editor-textarea-wrapper{grid-column:1 / -1;position:relative;display:flex;align-items:flex-start}.editor-toolbar{position:sticky;top:10px;display:flex;flex-direction:column;gap:8px;margin-left:10px}.toolbar-btn{background:var(--c-bg);border:1px solid var(--c-border-subtle);color:var(--c-ink);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.toolbar-btn:hover{opacity:.6}.preview-path{grid-column:1 / -1;font-size:11px;font-family:monospace;color:var(--c-muted);margin-top:4px}.error-banner{background:#fee2e2;color:#b91c1c;padding:10px 14px;font-size:12px;margin-bottom:20px;white-space:pre-wrap}.success-banner{background:#dcfce7;color:#15803d;padding:10px 14px;font-size:12px;margin-bottom:20px}.add-project-btn{background:none;border:none;font-size:12px;color:var(--c-muted);cursor:pointer;font-family:inherit;text-align:left;padding:0}.add-project-btn:hover{color:var(--c-ink)}.new-project-section{grid-column:1 / -1;display:grid;grid-template-columns:120px 1fr;gap:14px;padding:16px;border:1px solid var(--c-border-subtle);margin-top:-8px}.new-project-section .form-field label{font-size:11px}.new-project-section .form-field input{font-size:12px}.mdx-guide-box{grid-column:1 / -1;margin-top:12px;padding:16px;border:1px solid var(--c-border-subtle);background:#fafafa}.mdx-guide-box h4{margin:0 0 12px;font-size:13px;font-weight:700;color:var(--c-ink)}.mdx-guide-content{display:flex;flex-direction:column;gap:16px}.mdx-guide-item h5{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--c-ink)}.mdx-guide-item code{display:block;background:var(--c-bg);padding:6px 8px;border:1px solid var(--c-border-subtle);font-size:11px;font-family:JetBrains Mono,Fira Code,monospace;color:#d946ef;margin-bottom:4px}.mdx-guide-item p{margin:0;font-size:11px;color:var(--c-muted)}.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}}