:root{--bg-glass:rgba(255,255,255,0.06);--card-bg:rgba(255,255,255,0.06);--accent:#5a5980;--accent-2:#3c5899;--accent-3:#2a3855;--base-light:#363c5d;--text:#c9c8e4;--muted:rgba(230,238,249,0.7);--glass-border:rgba(255,255,255,0.08);--radius:14px}body,html{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Helvetica Neue,Arial;color:#c9c8e4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#vanta-bg{position:fixed;width:100%;inset:0;z-index:0;pointer-events:none;background-color:#2a3855}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;gap:48px;padding:120px 48px 72px;box-sizing:border-box}header.site-header{position:fixed;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px;z-index:100;backdrop-filter:blur(8px) saturate(120%);background:linear-gradient(180deg,rgba(12,12,20,.45),rgba(12,12,20,.15));border-bottom:1px solid var(--glass-border);box-shadow:0 6px 20px rgba(0,0,0,.35)}.header-left{display:flex;align-items:center;gap:15px;cursor:pointer}.header-list-button{background:none;border:none;cursor:pointer;display:none;padding:0}.header-list{width:40px;height:40px}.side-bar{position:absolute;margin-top:73px;width:250px;height:100%;text-align:left;backdrop-filter:blur(8px) saturate(120%);background:linear-gradient(180deg,rgba(12,12,20,.7),rgba(12,12,20,.3));border-bottom:1px solid var(--glass-border);box-shadow:0 6px 20px rgba(0,0,0,.35);z-index:2}.side-bar h2{text-align:center}.side-bar-item{padding-bottom:12px}.brand{display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none}.brand .logo{width:44px;height:44px;border-radius:12px}.brand .title{font-weight:700;letter-spacing:-.02em;font-size:16px}nav.main-nav{display:flex;gap:18px;align-items:center;justify-content:center;flex:1}nav.main-nav a{text-decoration:none;padding:8px 10px;border-radius:8px;font-weight:600}nav.main-nav a:hover{background:rgba(255,255,255,.02);transform:translateY(-2px)}.socials{display:flex;align-items:center;gap:12px}.icon-btn{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);text-decoration:none;cursor:pointer}.icon-btn img{width:18px;height:18px;display:block}.index-container{grid-template-columns:340px 1fr}.index-container,.list-container{max-width:1200px;margin:0 auto;width:100%;display:grid;gap:28px;align-items:start}.list-container{grid-template-columns:200px 1fr}.container{max-width:1000px;margin:0 auto;width:100%}.profile-parent{position:sticky;top:92px}.profile{padding:20px;min-height:200px}.filter-parent,.profile{align-self:start;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border-radius:var(--radius);border:1px solid var(--glass-border);box-shadow:0 6px 24px rgba(6,8,20,.6)}.filter-parent{position:sticky;top:92px;padding:10px 10px 15px;min-height:300px}.filter{padding-bottom:10px}.filter-list{display:flex;gap:6px;flex-wrap:wrap}.filter h3{text-align:center}.tag-select{display:flex;gap:6px;width:100%}.avatar{width:84px;height:84px;border-radius:14px;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:inline-grid;place-items:center;font-weight:800;color:#041022;font-size:28px;margin-bottom:12px}.profile h2{margin:0 0 6px;font-size:20px}.profile p.muted{font-size:13px;margin:0 0 12px}.meta-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.meta-item{display:flex;gap:10px;align-items:center;font-size:14px}.meta-item b{min-width:88px;display:inline-block;font-weight:600}.main-col{display:flex;flex-direction:column;gap:28px}.section-title{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.project-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border-radius:12px;padding:16px;border:1px solid var(--glass-border);box-shadow:0 10px 30px rgba(6,8,20,.45);transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s;display:flex;flex-direction:column;gap:10px;min-height:140px}.project-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px rgba(6,8,20,.6)}.project-card h3{margin:0;font-size:16px}.project-card p.desc{margin:0;font-size:13px;min-height:36px}.project-links{margin-top:auto;display:flex;gap:8px;align-items:center}.project-links a{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.03);text-decoration:none}.project-links a img{width:22px;height:22px}.post-list{display:grid;gap:12px}.post-item{display:flex;gap:10px;align-items:stretch;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));border-radius:12px;padding:12px;border:1px solid var(--glass-border);box-shadow:0 6px 24px rgba(6,8,20,.6);transition:transform .18s}.post-item:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px rgba(6,8,20,.6)}.post-thumb{border-radius:8px;flex-shrink:0;overflow:hidden;display:grid;place-items:center}.post-thumb img{width:auto;object-fit:cover;display:block}.post-selection-thumb img{max-width:137px;max-height:72px}.post-content-thumb img{max-width:236px;max-height:124px}.post-info{display:flex;flex-direction:column;gap:6px}.post-info h4{margin:0;font-size:18px}.excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px}.blog-time,.excerpt{margin:0;line-height:1.4}.blog-time{font-size:11px}@media (max-width:980px){.index-container,.list-container{grid-template-columns:1fr;padding:0 12px}.list-container{width:auto}.filter-parent{min-height:0;position:static}.filter-list{float:left;flex-wrap:wrap;flex-direction:row;margin-bottom:10px;width:100%}.tag-select{width:auto}.profile-parent{position:relative;top:auto}.page{padding:110px 18px 48px}.index-container{width:auto}}@media (max-width:600px){nav.main-nav{display:none}.header-list-button{display:block}}.fade-in{animation:fadeInUp .7s cubic-bezier(.2,.9,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.muted{font-size:13px}a,a:active,a:focus,a:hover,a:visited{color:inherit;text-decoration:none}article a{width:100%;height:100%}.ignore-mouse{cursor:default}.index-title{margin-left:6px}.index-more-box{display:flex;flex:1;justify-content:end}.index-more-button{width:auto;padding:0 8px;border-radius:10px;font-size:12px}.list-text{text-align:center}.list-title{display:flex;justify-content:flex-start;align-items:center;gap:10px}.list-title-tags{display:flex;position:relative;gap:5px}.list-title-tags p{display:inline-grid;place-items:center;margin:0;padding:5px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-decoration:none}p.post-tag-icon{width:31px;height:31px;padding:0}.blog-description{width:100%}.blog-header{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border-radius:12px;padding:15px 20px 20px;border:1px solid var(--glass-border);box-shadow:0 6px 24px rgba(6,8,20,.6);transition:transform .18s}.blog-parent{padding-bottom:5px}.blog-title{padding-top:5px;display:flex;gap:20px;align-items:stretch}.blog-header .title{margin-top:0;margin-bottom:20px}.blog-header p{margin:0}.blog-header .list-title-tags{margin-bottom:10px}.list-title-button{display:flex;position:absolute;top:0;right:0;padding-right:5px;gap:15px}.list-title-button a{width:32px;height:32px}.prose a,.prose a:focus,.prose a:visited{color:#99D9EA;text-decoration:underline}.prose a:hover{color:#3282F6;text-decoration:underline}.prose a:active{color:#7E84F7;text-decoration:underline}.prose h1{font-size:2em}.prose pre,code{background:linear-gradient(180deg,rgba(127,127,127,.06),rgba(127,127,127,.03));border:1px solid var(--glass-border);transition:transform .18s}.prose pre{padding:15px;border-radius:12px}code{padding:5px;border-radius:8px}.prose pre code{background:none;border:none;padding:0}.prose .hljs-comment{color:#85C46C}.prose .hljs-keyword{color:#ff7b72}.prose .hljs-string{color:#C9A26D}.prose .hljs-number{color:#ED94C0}.prose .hljs-literal{color:#6C95EB}.prose .hljs-built_in{color:#c191ff}.prose .hljs-title{color:#6C95EB}.prose .hljs-tag{color:#4c97f8}.prose .hljs-subst{color:#c9c8e4}.prose .hljs-preprocessor .hljs-keyword{color:#4c97f8}.prose .hljs-doctag{color:#11bdad}.prose .hljs-attribute-name{color:#009dff}.prose .hljs-special-text1{color:#d688d4}.prose .hljs-special-text2{color:#66c3cc}.code-proxy{display:inline-block;scrollbar-width:none;line-height:18px}.code-proxy,.code-scroll{width:100%;overflow-x:scroll}.code-scroll{scrollbar-color:rgba(255,255,255,.2) rgba(0,0,0,0);position:sticky;bottom:0}.code-scroll-inner{height:1px;pointer-events:none}.title-releaseType{font-size:11px;align-items:center;padding:2px 7px;border-radius:20px;border:1px solid var(--glass-border);border-color:inherit}.post-release-type{font-size:14px}.contribute-graph{width:100%}.contribute-graph-hider{margin-top:20px}.react-activity-calendar__scroll-container{scrollbar-width:none;width:100%}.about-content{display:flex;flex-direction:column;gap:20px}.about-content hr{width:100%}.about-content strong{color:#7E84F7;background:none;border:none;padding:0}.about-content .title{text-align:center}.about-more-contents{display:grid;justify-content:space-between;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.about-more-content{box-sizing:border-box;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));border-radius:12px;padding:15px 20px 20px;border:1px solid var(--glass-border);box-shadow:0 6px 24px rgba(6,8,20,.6);transition:transform .18s}.about-more-content #text{text-align:center}.about-more-content .title{margin-top:5px}.about-more-content:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px rgba(6,8,20,.6)}ul{padding-left:25px}.timeline-title{text-align:center}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;background:linear-gradient(180deg,#00000000 0,#c9c8e4 8%,#c9c8e4 92%,#00000000);transform:translateX(-50%);pointer-events:none}.timeline-item{position:relative;width:50%;padding-block:1.2rem;transition:opacity .35s cubic-bezier(.4,0,.2,1)}.hide{opacity:0}.timeline-item:nth-child(odd){text-align:right;left:0}.timeline-item:nth-child(2n){left:50%}.timeline-item .content{position:relative;background:#4f46e5;border:1px solid #c9c8e4;padding:1.1rem 1.25rem 1.15rem;border-radius:14px;box-shadow:var(--shadow);display:inline-block;max-width:440px;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.timeline-item .content:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);border-color:#d0d7de}.timeline-item:before{content:"";position:absolute;top:.75rem;width:14px;height:14px;background:#c9c8e4;border:3px solid #4f46e5;border-radius:50%;z-index:2;box-shadow:0 0 0 3px #c9c8e4;transition:background .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.timeline-item:nth-child(odd):before{right:-10px}.timeline-item:nth-child(2n):before{left:-10px}.timeline-item:nth-child(odd) .content{margin-right:10px;transform:translateX(10px)}.timeline-item:nth-child(2n) .content{margin-left:10px;transform:translateX(-10px)}.timeline-item h3{margin-top:0}.timeline-item p{margin:0;color:#27ff00}