@plugin "@tailwindcss/typography";@theme{--font-sans: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif; --font-mono: "JetBrains Mono", "Fira Code", monospace; --color-bg: #fafaf8; --color-bg-dark: #111110; --color-surface: #f4f3ef; --color-surface-dark: #1a1a18; --color-border: #e8e6e0; --color-border-dark: #2a2a27; --color-text: #1a1917; --color-text-dark: #e8e6e0; --color-muted: #8a877e; --color-muted-dark: #5a5852; --color-accent: #2563eb; --color-accent-dark: #60a5fa;}@layer base{:root{--bg:var(--color-bg);--surface:var(--color-surface);--border:var(--color-border);--text:var(--color-text);--muted:var(--color-muted);--accent:var(--color-accent)}[data-theme=dark]{--bg:var(--color-bg-dark);--surface:var(--color-surface-dark);--border:var(--color-border-dark);--text:var(--color-text-dark);--muted:var(--color-muted-dark);--accent:var(--color-accent-dark)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100vh;transition:background-color .2s,color .2s}[data-theme=light] ::selection,:root ::selection{color:var(--text);background:#bfdbfe}[data-theme=dark] ::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}[data-theme=light] [data-rehype-pretty-code-figure] [data-theme=dark],[data-theme=dark] [data-rehype-pretty-code-figure] [data-theme=light]{display:none}}@layer components{.container-blog{width:100%;max-width:720px;margin:0 auto;padding:0 1.25rem}.container-wide{width:100%;max-width:1100px;margin:0 auto;padding:0 1.25rem}@media (max-width:768px){.container-wide [style*="grid-template-columns: 220px"]{grid-template-columns:1fr!important}}.tag-pill{letter-spacing:.01em;color:var(--text);border:1px solid var(--text);cursor:pointer;opacity:.5;background:0 0;border-radius:9999px;align-items:center;padding:.2rem .65rem;font-size:.72rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.tag-pill:hover,.tag-pill.active{opacity:1;background:var(--text);color:var(--bg);border-color:var(--text)}.post-card{border-bottom:1px solid var(--border);color:inherit;padding:1.5rem 0;text-decoration:none;transition:opacity .15s;display:block}.post-card:hover{opacity:.7}.post-card:first-child{border-top:1px solid var(--border)}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{opacity:.8}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface)}.input-base{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font-size:.9rem;font-family:var(--font-sans);border-radius:8px;outline:none;padding:.6rem .9rem;transition:border-color .15s}.input-base:focus{border-color:var(--accent)}.input-base::placeholder{color:var(--muted)}.prose{--tw-prose-body:var(--text);--tw-prose-headings:var(--text);--tw-prose-links:var(--accent);--tw-prose-bold:var(--text);--tw-prose-counters:var(--muted);--tw-prose-bullets:var(--muted);--tw-prose-hr:var(--border);--tw-prose-quotes:var(--text);--tw-prose-quote-borders:var(--border);--tw-prose-captions:var(--muted);--tw-prose-code:var(--text);--tw-prose-pre-bg:var(--surface);--tw-prose-th-borders:var(--border);--tw-prose-td-borders:var(--border);font-size:1.05rem;line-height:1.9;font-family:var(--font-sans);word-break:keep-all;overflow-wrap:break-word}@media (max-width:768px){.prose{font-size:.875rem;line-height:1.75}.prose pre,.prose pre code,.prose figure[data-rehype-pretty-code-figure] pre,.prose figure[data-rehype-pretty-code-figure] pre code{font-size:.72rem!important}}.prose code:before,.prose code:after{content:none!important}.prose p{margin-bottom:1.4em}.prose ul,.prose ol{margin-bottom:1.2em;padding-left:1.5rem}.prose li{margin-bottom:.4em}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text);margin-top:2em;margin-bottom:.6em;font-weight:700;line-height:1.35}.prose h1{font-size:1.9rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.prose h4{font-size:1.1rem}.prose pre{font-family:var(--font-mono);-webkit-overflow-scrolling:touch;border:1px solid #2a2a35;border-radius:12px;margin:1.5em 0;font-size:.84rem;position:relative;overflow:auto hidden;background:#16161a!important}.prose figure[data-rehype-pretty-code-figure]{background:#16161a;border:1px solid #2a2a35;border-radius:12px;margin:1.5em 0;overflow:hidden}.prose figure[data-rehype-pretty-code-figure] pre{border-top:none;border-radius:0 0 12px 12px;margin:0;font-size:.84rem}.prose figcaption[data-rehype-pretty-code-title]{font-size:.74rem;font-family:var(--font-mono);color:#7c7c99;background:#1e1e26;border-bottom:1px solid #2a2a35;padding:.5rem 1rem .5rem 2.8rem;position:relative}.prose figcaption[data-rehype-pretty-code-title]:before{content:"";background:#ff5f57;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:1rem;transform:translateY(-50%);box-shadow:16px 0 #febc2e,32px 0 #28c840}.prose pre code{font-size:inherit;color:#cdd6f4;white-space:pre;border-radius:0;min-width:max-content;padding:1.1rem 1.25rem;font-weight:700;line-height:1.7;display:block;background:0 0!important;border:none!important}.prose pre code *{color:#cdd6f4!important}[data-theme=light] .prose pre,[data-theme=light] .prose figure[data-rehype-pretty-code-figure]{border-color:#d8dde3;background:#f6f8fa!important}[data-theme=light] .prose figcaption[data-rehype-pretty-code-title]{color:#6e7681;background:#eaecf0;border-bottom-color:#d8dde3}[data-theme=light] .prose pre[data-language]:not([data-language=""]):after{color:#adb5bd}[data-theme=light] .prose pre code,[data-theme=light] .prose pre code *{color:#24292f!important}.prose code:not(pre code),.prose :not(pre)>code{word-break:break-word;font-family:var(--font-mono)!important;color:#e8e6e0!important;background:#3a3a3a!important;border:1px solid #555!important;border-radius:4px!important;padding:.15em .45em!important;font-size:.85em!important}[data-theme=light] .prose code:not(pre code),[data-theme=light] .prose :not(pre)>code{color:#1a1917!important;background:#ebebeb!important;border:1px solid #d0d0d0!important}.prose blockquote{color:var(--text);background:#6366f114;border-left:4px solid #6366f1;border-radius:0 8px 8px 0;margin:1.5em 0;padding:1rem 1.25rem;font-style:normal}.prose blockquote p{margin:0}.prose table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.92rem}.prose thead th{background:var(--surface);border:1px solid var(--border);text-align:left;color:var(--text);padding:.65rem 1rem;font-weight:600}.prose tbody td{border:1px solid var(--border);color:var(--text);vertical-align:middle;padding:.6rem 1rem}.prose tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface) 60%, transparent)}.post-nav-card{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.4rem;padding:1rem;text-decoration:none;transition:border-color .15s;display:flex}.post-nav-card:hover{border-color:var(--accent)}.post-nav-card:hover .post-nav-label,.post-nav-card:hover .post-nav-title{color:var(--accent)}.post-nav-card--right{text-align:right}.post-nav-label{color:var(--muted);align-items:center;gap:.3rem;font-size:.78rem;transition:color .15s;display:flex}.post-nav-label--right{justify-content:flex-end}.post-nav-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;font-weight:600;line-height:1.4;transition:color .15s;display:-webkit-box;overflow:hidden;color:var(--text)!important}.post-nav-card:hover .post-nav-title{color:var(--accent)!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.4s both fadeUp}.fade-up-1{animation-delay:50ms}.fade-up-2{animation-delay:.1s}.fade-up-3{animation-delay:.15s}.fade-up-4{animation-delay:.2s}}.site-header{z-index:50;border-bottom:1px solid var(--border);background:var(--bg);-webkit-backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;height:56px;display:flex}.header-left{align-items:center;gap:.5rem;display:flex}.header-right{align-items:center;gap:.25rem;display:flex}.site-logo{color:var(--text);letter-spacing:-.02em;flex-shrink:0;font-size:1rem;font-weight:700;text-decoration:none}.nav-link{color:var(--muted);border-radius:6px;padding:.3rem .75rem;font-size:.875rem;font-weight:400;text-decoration:none;transition:color .15s}.nav-link.active{color:var(--text);font-weight:600}.nav-divider{background:var(--border);width:1px;height:18px;margin:0 .4rem}.mobile-menu-btn{cursor:pointer;width:36px;height:36px;color:var(--text);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}@media (max-width:768px){.mobile-menu-btn{display:flex!important}}.drawer-overlay{z-index:60;background:#0006;position:fixed;inset:0}.drawer-panel{z-index:70;width:270px;padding:1.5rem 1.25rem;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:8px 0 32px #0000001a}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.drawer-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem;display:flex}.post-card-inner{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.post-card-body{flex:1;min-width:0}.post-card-meta{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.45rem;display:flex}.post-category{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:500}.post-card-title{letter-spacing:-.01em;color:var(--text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.35rem;font-size:1.05rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.post-card-summary{color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.6rem;padding-top:.2rem;display:flex}.post-card-date{color:var(--muted);white-space:nowrap;font-size:.78rem}.post-card-thumbnail{background:var(--surface);border-radius:8px;flex-shrink:0;width:80px;height:80px;overflow:hidden}.post-card-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.search-container{width:100%;max-width:360px;position:relative}.search-input-wrapper{position:relative}.search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{padding-left:2.2rem!important}.search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem;display:flex;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.search-dropdown{background:var(--bg);border:1px solid var(--border);z-index:100;border-radius:10px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #00000014}.search-result-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.65rem .9rem;transition:background .1s;display:block}.search-result-item:hover{background:var(--surface)}.search-result-title{color:var(--text);margin-bottom:.2rem;font-size:.875rem;font-weight:500}.search-result-meta{color:var(--muted);font-size:.75rem}.profile-sidebar{width:100%}.profile-avatar-wrap{width:80%;max-width:180px;margin-bottom:1rem}.drawer-panel .profile-avatar-wrap{margin-left:auto;margin-right:auto}.profile-avatar{aspect-ratio:1;object-fit:cover;border:2px solid var(--border);border-radius:50%;width:100%;display:block}.profile-avatar-initial{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);width:100%;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;display:flex}.profile-name-wrap{margin-bottom:.75rem}.profile-name{color:var(--text);letter-spacing:-.01em;font-size:1rem;font-weight:700}.profile-username{color:var(--muted);margin-top:.1rem;font-size:.82rem}.profile-bio{margin-bottom:1.25rem}.profile-bio p{color:var(--text);margin:0;font-size:.875rem;line-height:1.65}.profile-meta{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.profile-meta-item{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.profile-website{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.profile-divider{border-top:1px solid var(--border);margin-bottom:1.25rem}.profile-links{flex-direction:column;gap:.1rem;display:flex}.profile-link{color:var(--text);border:1px solid #0000;border-radius:7px;align-items:center;gap:.55rem;padding:.25rem .5rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.profile-link:hover{background:var(--surface);border-color:var(--border)}.profile-link-icon{color:var(--muted);align-items:center;display:flex}.site-footer{border-top:1px solid var(--border);padding:1.75rem 1.25rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-title{color:var(--muted);font-size:.8rem}.footer-right{align-items:center;gap:1.5rem;display:flex}.footer-credit{color:var(--muted);font-size:.78rem}.footer-credit strong{color:var(--text);font-weight:700}.footer-stack{align-items:center;gap:1rem;display:flex}.footer-stack-icon{opacity:.6;transition:opacity .15s;display:flex}.footer-stack-icon:hover{opacity:1}pre,code{-webkit-text-size-adjust:100%}pre{font-size:.9rem;line-height:1.6;overflow-x:auto}pre code{font-size:.9rem}