@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap");body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#111;background-color:#fdfdfd;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#2a7ae2;text-decoration:none}a:visited{color:#1756a9}a:hover{color:#111;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.svg-icon{width:16px;height:16px;display:inline-block;fill:#828282;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#3f3f3f;border-collapse:collapse;border:1px solid #e8e8e8}table tr:nth-child(even){background-color:#f7f7f7}table th,table td{padding:10px 15px}table th{background-color:#f0f0f0;border:1px solid #dedede;border-bottom-color:#c9c9c9}table td{border:1px solid #e8e8e8}.site-header{border-top:5px solid #424242;border-bottom:1px solid #e8e8e8;min-height:55.95px;position:relative}.site-title{font-size:26px;font-weight:300;line-height:54px;letter-spacing:-1px;margin-bottom:0;float:left}.site-title,.site-title:visited{color:#424242}.site-nav{float:right;line-height:54px}.site-nav .nav-trigger{display:none}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#111;line-height:1.5}.site-nav .page-link:not(:last-child){margin-right:20px}@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#fdfdfd;border:1px solid #e8e8e8;border-radius:5px;text-align:right}.site-nav label[for="nav-trigger"]{display:block;float:right;width:36px;height:36px;z-index:2;cursor:pointer}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg{fill:#424242}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(35% - (30px / 2));width:calc(35% - (30px / 2))}.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}.footer-col-3{width:-webkit-calc(45% - (30px / 2));width:calc(45% - (30px / 2))}@media screen and (max-width: 800px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.page-content{padding:30px 0;flex:1}.page-heading{font-size:32px}.post-list-heading{font-size:28px}.post-list{margin-left:0;list-style:none}.post-list>li{margin-bottom:30px}.post-meta{font-size:14px;color:#828282}.post-link{display:block;font-size:24px}.post-header{margin-bottom:30px}.post-title{font-size:42px;letter-spacing:-1px;line-height:1}@media screen and (max-width: 800px){.post-title{font-size:36px}}.post-content{margin-bottom:30px}.post-content h2{font-size:32px}@media screen and (max-width: 800px){.post-content h2{font-size:28px}}.post-content h3{font-size:26px}@media screen and (max-width: 800px){.post-content h3{font-size:22px}}.post-content h4{font-size:20px}@media screen and (max-width: 800px){.post-content h4{font-size:18px}}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}:root{--color-primary: #4f46e5;--color-primary-dark: #3730a3;--color-accent: #06b6d4;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-border: #e2e8f0;--color-text: #1e293b;--color-text-muted: #64748b;--color-text-light: #94a3b8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.05);--shadow-card-hover: 0 20px 40px rgba(79, 70, 229, 0.15), 0 8px 16px rgba(79, 70, 229, 0.08);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--font-sans: "Inter", "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1)}*,*::before,*::after{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;-webkit-font-smoothing:antialiased}.site-header{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);min-height:60px;padding:0}.site-header .wrapper{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 32px;max-width:1140px;margin:0 auto}.site-title{font-size:1.2rem !important;font-weight:700 !important;letter-spacing:-0.02em;color:var(--color-primary) !important;text-decoration:none !important;display:flex;align-items:center;gap:8px}.site-title::before{content:"{ }";font-family:var(--font-mono);font-size:0.85rem;background:var(--color-primary);color:white;padding:2px 8px;border-radius:var(--radius-sm);font-weight:600}.site-title:hover{color:var(--color-primary-dark) !important}.site-nav .page-link{font-size:0.88rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;padding:6px 14px;border-radius:var(--radius-sm);transition:var(--transition);margin-left:4px}.site-nav .page-link:hover{color:var(--color-primary);background:rgba(79,70,229,0.08)}.home-layout{display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:start}.home-main{min-width:0}.home-sidebar{position:sticky;top:80px}.sidebar-profile{background:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #4f46e5 100%);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;position:relative;overflow:hidden}.sidebar-profile::before{content:"";position:absolute;top:-30%;right:-20%;width:80%;height:160%;background:radial-gradient(ellipse, rgba(255,255,255,0.1) 0%, transparent 70%);pointer-events:none}.sidebar-blob{width:100px;height:100px;margin:0 auto 20px;background:rgba(255,255,255,0.1);border-radius:60% 40% 70% 30% / 40% 60% 30% 70%;animation:morphBlob 8s ease-in-out infinite;border:1px solid rgba(255,255,255,0.15)}.sidebar-title{font-size:1.3rem !important;font-weight:800 !important;color:white !important;letter-spacing:-0.02em;line-height:1.3 !important;margin:0 0 8px 0 !important;position:relative}.sidebar-subtitle{font-size:0.85rem;color:rgba(255,255,255,0.75);margin:0 0 12px 0;position:relative}.sidebar-github{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;color:rgba(255,255,255,0.85);background:rgba(255,255,255,0.12);padding:5px 12px;border-radius:20px;text-decoration:none;transition:var(--transition);position:relative}.sidebar-github:hover{background:rgba(255,255,255,0.25);color:white;text-decoration:none}.sidebar-github:visited{color:rgba(255,255,255,0.85)}.sidebar-section{background:var(--color-surface);border-radius:var(--radius-md);padding:20px;margin-top:16px;border:1px solid var(--color-border)}.sidebar-section-title{font-size:0.8rem !important;font-weight:600 !important;text-transform:uppercase;letter-spacing:0.06em;color:var(--color-text-muted);margin:0 0 12px 0 !important;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.sidebar-category-list{list-style:none;margin:0 !important;padding:0}.sidebar-category-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.sidebar-category-list li:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.04)}.sidebar-category-list .cat-name{font-size:0.88rem;color:var(--color-text);font-weight:500}.sidebar-category-list .cat-count{font-size:0.75rem;color:var(--color-text-light);background:var(--color-surface-hover);padding:1px 8px;border-radius:10px;font-weight:500}.sidebar-recent-list{list-style:none;margin:0 !important;padding:0}.sidebar-recent-list li{padding:8px 0}.sidebar-recent-list li:not(:last-child){border-bottom:1px solid rgba(0,0,0,0.04)}.sidebar-recent-list a{display:block;font-size:0.85rem;color:var(--color-text);line-height:1.4;text-decoration:none;transition:var(--transition)}.sidebar-recent-list a:hover{color:var(--color-primary)}.sidebar-recent-list a:visited{color:var(--color-text)}.sidebar-recent-list time{font-size:0.72rem;color:var(--color-text-light);margin-top:2px;display:block}@keyframes morphBlob{0%,
    100%{border-radius:60% 40% 70% 30% / 40% 60% 30% 70%}33%{border-radius:30% 70% 40% 60% / 60% 30% 70% 40%}66%{border-radius:50% 50% 30% 70% / 30% 70% 50% 50%}}.post-list{display:flex;flex-direction:column;gap:20px}.wrapper{max-width:1140px;margin:0 auto}.page-content-main{padding:60px 32px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.section-title{font-size:1.5rem;font-weight:700;color:var(--color-text);letter-spacing:-0.02em;margin:0;position:relative;padding-bottom:12px}.section-title::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:2px}.rss-btn{display:inline-flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;padding:6px 14px;border:1px solid var(--color-border);border-radius:20px;transition:var(--transition);background:var(--color-surface)}.rss-btn:hover{color:#f97316;border-color:#f97316;background:#fff7ed}.rss-btn svg{fill:currentColor}.post-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:28px}.post-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.post-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.post-card:hover{border-color:rgba(79,70,229,0.2);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.post-card:hover::before{transform:scaleX(1)}.post-card:hover .post-card-title a{color:var(--color-primary)}.post-card-top{flex:1}.post-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.post-cat-tag{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-primary);background:rgba(79,70,229,0.08);padding:3px 10px;border-radius:20px;border:1px solid rgba(79,70,229,0.15)}.post-card-date{display:flex;align-items:center;gap:5px;font-size:0.8rem;color:var(--color-text-light)}.post-card-date svg{opacity:0.7}.post-card-title{font-size:1.15rem;font-weight:700;line-height:1.4;margin:0 0 12px 0;letter-spacing:-0.01em}.post-card-title a{color:var(--color-text);text-decoration:none;transition:color 0.2s ease}.post-card-title a:hover{color:var(--color-primary)}.post-card-excerpt{font-size:0.88rem;color:var(--color-text-muted);line-height:1.65;margin:0 0 20px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-footer{padding-top:20px;border-top:1px solid var(--color-border);margin-top:auto}.post-read-more{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;font-weight:600;color:var(--color-primary);text-decoration:none;transition:var(--transition)}.post-read-more svg{transition:transform 0.2s ease}.post-read-more:hover{color:var(--color-primary-dark);gap:10px}.post-read-more:hover svg{transform:translateX(3px)}.no-posts{text-align:center;color:var(--color-text-muted);padding:60px 20px}.site-footer{background:#1e293b;color:rgba(255,255,255,0.6);padding:48px 0 32px;margin-top:80px}.site-footer .wrapper{padding:0 32px}.site-footer .footer-heading{color:rgba(255,255,255,0.9);font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:16px}.site-footer a{color:rgba(255,255,255,0.6);text-decoration:none;font-size:0.88rem;transition:color 0.2s}.site-footer a:hover{color:white}.site-footer .contact-list,.site-footer .social-media-list{list-style:none;margin:0;padding:0}.site-footer .contact-list li,.site-footer .social-media-list li{margin-bottom:8px}.post{max-width:780px;margin:0 auto;padding:60px 32px}.post-header{margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--color-border)}.post-title{font-size:2.2rem !important;font-weight:800 !important;line-height:1.25 !important;letter-spacing:-0.03em;color:var(--color-text) !important;margin:0 0 16px 0 !important}.post-meta{font-size:0.85rem;color:var(--color-text-muted)}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.post-tag{display:inline-block;font-size:0.75rem;font-weight:500;color:var(--color-primary);background:rgba(79,70,229,0.06);border:1px solid rgba(79,70,229,0.15);padding:4px 12px;border-radius:20px;transition:var(--transition)}.post-tag:hover{background:rgba(79,70,229,0.12);border-color:rgba(79,70,229,0.3)}.post-content{font-size:1rem;line-height:1.85}.post-content h2{font-size:1.6rem;font-weight:700;margin-top:2.5em;padding-bottom:10px;border-bottom:2px solid var(--color-border);letter-spacing:-0.02em}.post-content h3{font-size:1.3rem;font-weight:700;margin-top:2em}.post-content a{color:var(--color-primary);text-decoration:underline;text-decoration-color:rgba(79,70,229,0.3);text-underline-offset:3px}.post-content a:hover{text-decoration-color:var(--color-primary)}.post-content img{max-width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:2em 0}.post-content blockquote{border-left:4px solid var(--color-primary);background:rgba(79,70,229,0.04);padding:16px 24px;margin:2em 0;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-muted)}.post-content pre{background:#1e293b;border-radius:var(--radius-md);padding:24px;overflow-x:auto;font-family:var(--font-mono);font-size:0.88rem;line-height:1.7;margin:2em 0}.post-content code{font-family:var(--font-mono);font-size:0.88em;background:rgba(79,70,229,0.08);color:var(--color-primary);padding:2px 6px;border-radius:4px;border:1px solid rgba(79,70,229,0.15)}.post-content pre code{background:none;color:#e2e8f0;padding:0;border:none}.post-content table{width:100%;border-collapse:collapse;margin:2em 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.post-content table th{background:var(--color-primary);color:white;padding:12px 16px;font-size:0.85rem;font-weight:600;text-align:left}.post-content table td{padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:0.9rem}.post-content table tr:nth-child(even) td{background:var(--color-surface-hover)}.post-content table tr:last-child td{border-bottom:none}.page-content .wrapper{padding:60px 32px;max-width:780px}.page-heading{font-size:2rem;font-weight:800;letter-spacing:-0.03em;margin-bottom:32px}.highlight{background:#1e293b;border-radius:var(--radius-md);overflow:hidden;margin:2em 0}.highlight pre{background:transparent;border-radius:0;margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.highlight{background:#1e293b !important}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs{color:#6b7280;font-style:italic}.highlight .err{color:#f87171}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr,.highlight .kn{color:#c084fc;font-weight:bold}.highlight .kt{color:#38bdf8;font-weight:bold}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il{color:#34d399}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .s1{color:#fbbf24}.highlight .sr{color:#34d399}.highlight .ss{color:#f472b6}.highlight .na{color:#38bdf8}.highlight .nb{color:#38bdf8}.highlight .nc{color:#22d3ee;font-weight:bold}.highlight .no{color:#38bdf8}.highlight .ni{color:#e2e8f0}.highlight .ne{color:#f87171;font-weight:bold}.highlight .nf{color:#22d3ee;font-weight:bold}.highlight .nn{color:#e2e8f0}.highlight .nt{color:#f87171}.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:#38bdf8}.highlight .o,.highlight .ow{color:#94a3b8;font-weight:bold}.highlight .p{color:#e2e8f0}.highlight .w{color:#475569}.highlight .gd{color:#f87171;background-color:rgba(248,113,113,0.1)}.highlight .gi{color:#34d399;background-color:rgba(52,211,153,0.1)}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .gh{color:#e2e8f0;font-weight:bold}.highlight .gp{color:#94a3b8;font-weight:bold}.highlight .go{color:#6b7280}.highlight .gr{color:#f87171}.highlight .gt{color:#f87171}.highlight .gu{color:#94a3b8}.highlight .bp{color:#94a3b8}.highlight .err{background-color:transparent}.highlighter-rouge .highlight{background:#1e293b !important}@media (max-width: 900px){.home-layout{grid-template-columns:1fr}.home-sidebar{position:static;order:-1}.sidebar-profile{display:flex;align-items:center;gap:16px;text-align:left;padding:20px 24px}.sidebar-blob{width:50px;height:50px;margin:0;flex-shrink:0}.sidebar-title{font-size:1.1rem !important;margin:0 0 4px 0 !important}.sidebar-subtitle{font-size:0.78rem}.sidebar-github{display:none}.sidebar-section{display:none}}@media (max-width: 768px){.page-content-main{padding:40px 20px}.post-grid{grid-template-columns:1fr;gap:20px}.post{padding:40px 20px}.post-title{font-size:1.7rem !important}.site-header .wrapper{padding:0 20px}}