.theme-toggle[data-astro-cid-x3pjskd3]{background:var(--surface);border:1px solid var(--border);color:var(--text);width:34px;height:34px;padding:0;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,transform .1s ease}.theme-toggle[data-astro-cid-x3pjskd3]:hover{animation:rainbow-icon 4s linear infinite}.theme-toggle[data-astro-cid-x3pjskd3]:active{transform:scale(.95)}.header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);z-index:1000}.nav[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px}.logo[data-astro-cid-3ef6ksr2]{font-family:system-ui,sans-serif;font-size:1.45rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:24px;font-size:1.05rem}@media(max-width:768px){.nav-links[data-astro-cid-3ef6ksr2]{gap:18px;font-size:1rem}.logo[data-astro-cid-3ef6ksr2]{font-size:1.1rem}}@media(max-width:480px){.nav-links[data-astro-cid-3ef6ksr2]{gap:14px;font-size:.95rem}.logo[data-astro-cid-3ef6ksr2]{font-size:1rem}}.footer[data-astro-cid-sz7xmlte]{margin-top:80px;padding:40px 0;border-top:1px solid var(--border);color:var(--text-muted);text-align:center;font-size:.9rem}.footer[data-astro-cid-sz7xmlte] p[data-astro-cid-sz7xmlte]{margin:4px 0}.footer-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;align-items:center;gap:8px}.sep[data-astro-cid-sz7xmlte]{opacity:.4}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;line-height:1.6}:root{--bg: #0f1115;--surface: #161a21;--text: #e6e8eb;--text-muted: #9aa3ad;--accent: #22d3ee;--border: #2a2f3a;--max-width: 1100px}.light{--bg: #ffffff;--surface: #f3f4f6;--text: #111827;--text-muted: #6b7280;--accent: #0891b2}::selection{background:var(--accent);color:#000}.light ::selection{color:#fff}body{background:var(--bg);color:var(--text)}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.skip-link{position:absolute;top:-100%;left:16px;padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:.9rem;z-index:9999}.skip-link:focus{top:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes shader-flow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes rainbow-icon{0%{color:#ff6b8a}20%{color:#ffb347}40%{color:#6bcb77}60%{color:#4d96ff}80%{color:#c77dff}to{color:#ff6b8a}}h1{margin-top:40px;margin-bottom:32px}a{color:inherit;text-decoration:none}a:hover{background:linear-gradient(90deg,#ff6b8a,#ffb347,#6bcb77,#4d96ff,#c77dff,#ff6b8a,#ffb347,#6bcb77,#4d96ff,#c77dff,#ff6b8a);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shader-flow 4s linear infinite}.project-content a,.article-content a{color:var(--accent)}.article-list{margin-top:40px;display:flex;flex-direction:column;gap:24px}.article-card{display:block;background:var(--surface);padding:20px;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000059}.article-card h2{margin:0 0 6px;font-size:1.25rem}.article-date{color:var(--text-muted);font-size:.9rem;margin-bottom:6px}.article-card p{color:var(--text-muted)}.project-content,.article-content{max-width:900px;margin:60px auto;padding:0 20px;font-size:1.05rem;line-height:1.7}.project-content h1,.article-content h1{font-size:2.4rem}.project-content h2,.article-content h2{font-size:1.9rem}.project-content h3,.article-content h3{font-size:1.45rem}.project-content h1,.project-content h2,.project-content h3,.article-content h1,.article-content h2,.article-content h3{margin-top:3.5rem;margin-bottom:1rem;line-height:1.3;color:var(--text)}.project-content h2,.article-content h2{border-left:3px solid var(--accent);padding-left:14px}@media(max-width:768px){.project-content h1,.article-content h1{font-size:2rem}.project-content h2,.article-content h2{font-size:1.6rem}.project-content h3,.article-content h3{font-size:1.3rem}}.article-header{margin-bottom:3rem}.article-meta{color:var(--text-muted);font-size:.9rem}.project-content p,.article-content p{margin:1.2rem 0}.project-content img,.article-content img{width:100%;border-radius:8px;margin:2rem 0}.project-content pre,.article-content pre{background:#111;padding:16px;border-radius:8px;overflow-x:auto;margin:1.8rem 0}.project-content code,.article-content code{font-family:monospace;font-size:.95rem}.project-content p code,.project-content li code,.article-content p code,.article-content li code{background:#ffffff14;padding:2px 6px;border-radius:4px}.light .project-content p code,.light .project-content li code,.light .article-content p code,.light .article-content li code{background:#00000012}.project-content pre[data-language]:before,.article-content pre[data-language]:before{content:attr(data-language);display:block;text-align:right;font-size:.72rem;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase;letter-spacing:.1em;font-family:monospace}.article-content pre.collapsed,.project-content pre.collapsed{max-height:320px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.code-expand-btn{display:block;width:100%;margin-top:-4px;margin-bottom:1.8rem;padding:8px;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;color:var(--text-muted);font-size:.8rem;cursor:pointer;text-align:center}.code-expand-btn:hover{color:var(--text);background:var(--border)}.light .code-expand-btn{border-color:transparent}.light .code-expand-btn:hover{background:#0000000d}.project-content blockquote,.article-content blockquote{background:#22d3ee0d;border-radius:6px;padding:12px 16px;color:var(--text-muted);margin:2rem 0}.project-content ul,.project-content ol,.article-content ul,.article-content ol{margin:1rem 0 1rem 1.4rem}.project-content table,.article-content table{width:100%;border-collapse:collapse;margin:2rem 0}.project-content th,.project-content td,.article-content th,.article-content td{border-bottom:1px solid rgba(255,255,255,.1);padding:10px;text-align:left}@media(max-width:768px){.container{padding-left:28px;padding-right:28px}}@media(max-width:480px){.container{padding-left:20px;padding-right:20px}}