*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #ffffff;--color-surface: #f8fafc;--color-surface-hover: #f1f5f9;--color-text: #0f172a;--color-text-secondary: #64748b;--color-accent: #2563eb;--color-accent-light: #3b82f6;--color-accent-glow: rgba(37, 99, 235, .08);--color-accent-bright: #1d4ed8;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-code-bg: #f1f5f9;--max-width: 1080px;--max-width-wide: 1080px;--max-width-content: 720px;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 8px 32px rgba(0,0,0,.08);--shadow-glow: 0 0 0 1px var(--color-accent), 0 4px 24px rgba(37, 99, 235, .12)}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.8;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) both}.animate-delay-1{animation-delay:.08s}.animate-delay-2{animation-delay:.16s}.animate-delay-3{animation-delay:.24s}.animate-delay-4{animation-delay:.32s}.animate-delay-5{animation-delay:.4s}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.site-header{padding:.875rem 0;border-bottom:1px solid var(--color-border);margin-bottom:0;backdrop-filter:saturate(180%) blur(16px);background:#ffffffd9;position:sticky;top:0;z-index:100;transition:box-shadow .3s}.site-header:hover{box-shadow:var(--shadow-sm)}.site-header.scrolled{box-shadow:0 1px 8px #0000000f;border-bottom-color:transparent}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 2rem}.header-brand{text-decoration:none;color:var(--color-text);transition:opacity .2s}.header-brand:hover{opacity:.8}.site-header a{text-decoration:none;color:var(--color-text)}.site-title{font-size:1.0625rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text)}.site-description{font-size:.625rem;color:var(--color-text-secondary);margin-top:.0625rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500}.site-nav{display:flex;gap:1.75rem}.site-nav a{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color .2s;position:relative}.site-nav a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1.5px;background:var(--color-accent);border-radius:1px;transition:width .3s cubic-bezier(.16,1,.3,1)}.site-nav a:hover{color:var(--color-accent)}.site-nav a:hover:after{width:100%}.site-footer{margin-top:5rem;padding:2.5rem 0;border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-secondary);letter-spacing:.02em}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-social{color:var(--color-text-secondary);text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;padding:.375rem;border-radius:6px;transition:color .2s,background .2s}.footer-social:hover{color:var(--color-text);background:var(--color-surface)}.post-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding-top:2.5rem}.post-item{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.post-item:nth-child(1){animation-delay:0s}.post-item:nth-child(2){animation-delay:.06s}.post-item:nth-child(3){animation-delay:.12s}.post-item:nth-child(4){animation-delay:.18s}.post-item:nth-child(5){animation-delay:.24s}.post-item:nth-child(6){animation-delay:.3s}.post-item a{text-decoration:none;color:inherit;display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.post-item a:hover{transform:translateY(-6px);border-color:var(--color-accent);box-shadow:var(--shadow-lg),0 0 0 1px #2563eb14}.post-item a:hover .post-title{color:var(--color-accent)}.post-item a:hover .post-cover{transform:scale(1.06)}.post-cover-wrap{overflow:hidden;border-radius:14px 14px 0 0}.post-cover{width:100%;aspect-ratio:1200 / 630;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.post-item-body{padding:1rem 1.25rem 1.25rem;flex:1}.post-title{font-size:1rem;font-weight:700;line-height:1.45;letter-spacing:-.02em;transition:color .2s}.post-meta{font-size:.6875rem;color:var(--color-text-secondary);margin-top:.375rem;letter-spacing:.01em}.post-excerpt{font-size:.8125rem;color:var(--color-text-secondary);margin-top:.5rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-header{margin-bottom:2.5rem;padding-top:2rem;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both;max-width:var(--max-width-content)}.post-header .post-title{font-size:2rem;font-weight:800;line-height:1.3;letter-spacing:-.03em}.post-header .post-meta{margin-top:.75rem;font-size:.8125rem}.post-content{font-size:1rem;line-height:1.85;animation:fadeIn .5s ease both .2s;max-width:var(--max-width-content)}.post-content h2{font-size:1.375rem;font-weight:700;margin-top:3rem;margin-bottom:1rem;letter-spacing:-.02em;color:var(--color-text)}.post-content h3{font-size:1.125rem;font-weight:700;margin-top:2rem;margin-bottom:.75rem}.post-content p{margin-bottom:1.25rem}.post-content ul,.post-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.post-content li{margin-bottom:.375rem}.post-content blockquote{border-left:3px solid var(--color-accent);padding:.875rem 1.25rem;margin:1.5rem 0;background:var(--color-surface);border-radius:0 10px 10px 0;font-size:.9375rem;color:var(--color-text-secondary)}.post-content blockquote p{margin-bottom:.5rem}.post-content blockquote p:last-child{margin-bottom:0}.post-content code{font-family:var(--font-mono);background:var(--color-code-bg);padding:.15em .4em;border-radius:5px;font-size:.875em}.post-content pre{background:var(--color-code-bg);padding:1.125rem 1.375rem;border-radius:10px;overflow-x:auto;margin:1.5rem 0;border:1px solid var(--color-border)}.post-content pre code{background:none;padding:0}.post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem;border-radius:8px;overflow:hidden}.post-content th,.post-content td{border:1px solid var(--color-border);padding:.625rem .875rem;text-align:left}.post-content th{background:var(--color-surface);font-weight:600}.post-content hr{border:none;border-top:1px solid var(--color-border);margin:2.5rem 0}.post-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#2563eb4d;transition:text-decoration-color .2s}.post-content a:hover{text-decoration-color:var(--color-accent)}.post-content strong{font-weight:700;color:var(--color-text)}.series-badge{display:inline-block;font-size:.6875rem;font-weight:600;color:var(--color-accent);background:var(--color-accent-glow);padding:.2rem .625rem;border-radius:5px;margin-bottom:.5rem;letter-spacing:.01em}.back-link{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-text-secondary);text-decoration:none;margin-top:3rem;transition:color .2s,gap .25s}.back-link:hover{color:var(--color-accent);gap:.5rem}@media(max-width:640px){html{font-size:15px}.site-header{padding:.75rem 0}.post-list{grid-template-columns:1fr;gap:1.25rem}.post-header .post-title{font-size:1.5rem}.post-content h2{font-size:1.25rem}}