:root{--cream: #111217;--dark-grey: #f7efe6;--background: #f7efe6;--surface: #ffffff;--panel: #fafafa;--text-primary: #111217;--text-secondary: #333333;--muted: #666666;--muted-2: #888888;--accent-blue: #64c8ff;--hex-green-1: #00ff88;--border: #e6ded4;--meta-bg: rgba(0, 0, 0, 0.03);--btn-primary-bg: #333333;--btn-primary-color: #ffffff;--link-color: #1e1f21;--link-hover: var(--accent-blue);--terminal-bg: #fffaf5;--card-shadow: rgba(0, 0, 0, 0.06)}body:not(.light-theme){--cream: #f7efe6;--dark-grey: #111217;--background: #111217;--surface: #1e1e21;--panel: #161618;--text-primary: #f7efe6;--text-secondary: #efe9df;--muted: #d6cfc5;--muted-2: #bfb6aa;--border: #29292b;--meta-bg: rgba(255, 255, 255, 0.04);--link-color: var(--cream);--terminal-bg: #1a1a1d;--card-shadow: rgba(0, 0, 0, 0.3)}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--background);min-height:100vh}body{font-family:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;font-size:clamp(14px, 2.5vw, 15px);line-height:1.6;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background 0.3s ease, color 0.3s ease}.wrapper{max-width:800px;margin:0 auto;padding:40px 24px}@media (max-width: 768px){.wrapper{padding:30px 20px}}@media (max-width: 480px){.wrapper{padding:20px 16px}}h1,h2,h3,h4,h5,h6{margin-top:30px;margin-bottom:18px;line-height:1.3;color:var(--text-primary)}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{font-size:clamp(24px, 5vw, 32px);font-weight:700}h2{font-size:clamp(20px, 4vw, 26px);font-weight:600}h3{font-size:clamp(18px, 3.5vw, 22px);font-weight:600}h4{font-size:clamp(16px, 3vw, 18px);font-weight:600}h5,h6{font-size:clamp(14px, 2.5vw, 16px);font-weight:600}p{margin-bottom:18px;line-height:1.7}p:last-child{margin-bottom:0}a{color:var(--link-color);text-decoration:none;transition:color 0.2s ease}a:hover{color:var(--link-hover)}strong,b{font-weight:600}em,i{font-style:italic;color:var(--text-secondary)}code{font-family:inherit;font-size:0.9em;background-color:var(--surface);padding:2px 6px;border-radius:3px}pre{background-color:var(--terminal-bg);border:1px solid var(--border);border-radius:4px;padding:16px;overflow-x:auto;margin-bottom:20px}pre code{background:none;padding:0}blockquote{margin:25px 0;padding:25px 30px;background:var(--meta-bg);border-left:4px solid var(--border);border-radius:4px;color:var(--muted);font-style:italic}ul,ol{margin-bottom:20px;padding-left:25px}li{margin-bottom:8px;line-height:1.7}li:last-child{margin-bottom:0}.site-header{padding:20px 0;margin-bottom:40px;text-align:center;background-color:var(--background)}@media (max-width: 768px){.site-header{padding:15px 0;margin-bottom:30px}}@media (max-width: 480px){.site-header{padding:10px 0;margin-bottom:20px}}.site-header .wrapper{padding:0 20px}.site-title{font-size:16px;font-weight:400;color:var(--text-primary)}#theme-toggle{background-color:var(--accent-blue);color:var(--background);position:fixed;top:1.2rem;right:2rem;z-index:9999;font-size:14px;border:none;padding:0.7rem 1.2rem;border-radius:2rem;font-weight:bold;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:all 0.3s}@media (max-width: 768px){#theme-toggle{top:1rem;right:1rem;padding:0.6rem 1rem;font-size:13px}}@media (max-width: 480px){#theme-toggle{top:0.8rem;right:0.8rem;padding:0.5rem 0.8rem;font-size:12px}}.site-nav{margin-top:30px;text-align:center}@media (max-width: 768px){.site-nav{margin-top:20px}}@media (max-width: 480px){.site-nav{margin-top:15px}}.site-nav .trigger{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}@media (max-width: 768px){.site-nav .trigger{gap:30px}}@media (max-width: 480px){.site-nav .trigger{gap:20px;flex-direction:column}}.site-nav .page-link{color:var(--text-primary);font-size:15px;font-weight:600;transition:color 0.2s ease}@media (max-width: 768px){.site-nav .page-link{font-size:14px}}@media (max-width: 480px){.site-nav .page-link{font-size:16px;padding:8px 0}}.site-nav .page-link:hover{color:var(--accent-blue)}.page-header{margin-bottom:80px;text-align:center;padding:30px 0}@media (max-width: 768px){.page-header{margin-bottom:60px;padding:24px 0}}@media (max-width: 480px){.page-header{margin-bottom:40px;padding:20px 0}}.page-title{font-size:clamp(24px, 5vw, 28px);font-weight:600;margin:0 0 15px 0;line-height:1.2}.page-subtitle{color:var(--muted);font-size:clamp(14px, 3vw, 16px);font-style:italic}.terminal-section{max-width:800px;margin:0 auto;padding:24px 0}@media (max-width: 768px){.terminal-section{padding:20px 0}}@media (max-width: 480px){.terminal-section{padding:16px 0}}.terminal-content{background-color:var(--terminal-bg);border:1px solid var(--border);border-radius:6px;padding:30px;overflow-x:auto}@media (max-width: 768px){.terminal-content{padding:24px}}@media (max-width: 480px){.terminal-content{padding:16px;border-radius:4px}}.projects-list{max-width:800px;margin:0 auto;padding:24px 0}.project-block{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:25px;margin-bottom:30px;transition:all 0.3s ease}@media (max-width: 768px){.project-block{padding:20px;margin-bottom:24px}}@media (max-width: 480px){.project-block{padding:16px;margin-bottom:20px;border-radius:4px}}.project-block:hover{box-shadow:0 4px 12px var(--card-shadow);transform:translateY(-2px)}.project-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}.project-title{font-size:clamp(20px, 4vw, 26px);font-weight:700;margin:0 0 12px 0}.project-title a{color:var(--text-primary)}.project-title a:hover{color:var(--accent-blue)}.project-description{color:var(--muted);margin-bottom:20px}.project-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.project-date{font-size:13px;color:var(--muted);background:var(--meta-bg);padding:3px 8px;border-radius:3px}.project-status{font-size:12px;padding:3px 8px;border-radius:10px;font-weight:500}.project-status.status-production{background:rgba(56,142,60,0.15);color:#4caf50}.project-status.status-development{background:rgba(245,124,0,0.15);color:#ff9800}.project-status.status-completed{background:rgba(25,118,210,0.15);color:#2196f3}.tech-tag{display:inline-block;background:var(--meta-bg);color:var(--muted-2);padding:4px 8px;margin:2px 4px 2px 0;border-radius:3px;font-size:12px;font-weight:500;border:1px solid var(--border)}.post-preview{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--border)}.post-preview:last-child{border-bottom:none}.post-title{font-size:clamp(20px, 4vw, 24px);font-weight:600;margin:0 0 12px 0}.post-title a{color:var(--text-primary)}.post-title a:hover{color:var(--accent-blue)}.post-meta{font-size:14px;color:var(--muted);margin-bottom:15px}.post-meta-line{display:flex;gap:15px;align-items:center;margin-bottom:10px;font-size:13px}.file-size,.file-date{color:var(--muted)}.file-name{flex:1}.post-link{color:var(--text-primary);font-weight:600}.post-link:hover{color:var(--accent-blue)}.post-excerpt{color:var(--muted);line-height:1.6;margin-bottom:12px}.post-categories{font-size:12px;color:var(--muted-2)}.categories-label{color:var(--muted);margin-right:5px}.category-tag{background:var(--meta-bg);padding:2px 6px;border-radius:3px;margin-right:4px}.search-hidden{display:none}.filter-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border)}.filter-label{color:var(--muted);font-size:13px;margin-bottom:10px}.filter-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.filter-tags{display:flex;gap:8px;flex-wrap:wrap}.filter-tag{background:var(--meta-bg);color:var(--muted-2);padding:5px 12px;border-radius:3px;border:1px solid var(--border);cursor:pointer;font-size:12px;transition:all 0.2s ease}.filter-tag:hover{background:var(--surface);color:var(--text-primary)}.filter-tag.active{background:var(--accent-blue);color:var(--background);border-color:var(--accent-blue)}.post-detail{max-width:800px;margin:0 auto}.terminal-header{background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;padding:12px 20px;font-size:13px;color:var(--muted);font-weight:600}.post-content{margin-bottom:40px}.post-content h2{margin-top:40px;margin-bottom:20px;padding-top:20px;border-top:1px solid var(--border)}.post-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.post-content img{max-width:100%;height:auto;border-radius:4px;margin:20px 0}.post-tags{margin-top:40px;padding-top:30px;border-top:1px solid var(--border)}.post-tags h3{font-size:16px;margin-bottom:15px}.tags-list{display:flex;gap:8px;flex-wrap:wrap}.tag-item{background:var(--meta-bg);color:var(--muted-2);padding:5px 12px;border-radius:3px;border:1px solid var(--border);font-size:12px}.post-navigation{margin-top:50px;padding-top:30px;border-top:2px solid var(--border)}.nav-links{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}@media (max-width: 768px){.nav-links{flex-direction:column}}.nav-link{padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-weight:600;transition:all 0.2s ease}.nav-link:hover{background:var(--accent-blue);color:var(--background);border-color:var(--accent-blue);transform:translateY(-2px)}.back-to-blog{flex:0 0 auto}.profile-container{display:flex;gap:30px;margin-bottom:30px}@media (max-width: 768px){.profile-container{flex-direction:column;align-items:center;text-align:center}}.profile-image img{width:150px;height:150px;border-radius:50%;border:3px solid var(--border)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px}@media (max-width: 480px){.skills-grid{grid-template-columns:1fr}}.skill-item{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:15px}.skill-category{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:20px}.skill-category h3{font-size:16px;margin:0 0 15px 0;color:var(--text-primary)}.skills-list{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{display:inline-block;background:var(--meta-bg);color:var(--muted-2);padding:6px 12px;border-radius:4px;border:1px solid var(--border);font-size:13px;font-weight:500;transition:all 0.2s ease}.skill-tag:hover{background:var(--accent-blue);color:var(--background);border-color:var(--accent-blue);transform:translateY(-2px)}.skill-name{font-weight:600;margin-bottom:8px}.contact-links{display:flex;flex-direction:column;gap:15px;margin-top:25px}.contact-link{display:flex;align-items:center;gap:15px;padding:15px 20px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);transition:all 0.3s ease;text-decoration:none}.contact-link:hover{background:var(--accent-blue);color:var(--background);border-color:var(--accent-blue);transform:translateX(5px)}.contact-icon{font-size:24px;flex-shrink:0}.contact-label{font-weight:600;min-width:80px}.contact-value{color:var(--muted);flex:1}.contact-link:hover .contact-value{color:var(--background)}@media (max-width: 480px){.contact-link{flex-direction:column;align-items:flex-start;gap:8px}.contact-label{min-width:auto}}.site-footer{border-top:1px solid var(--border);padding:30px 0;margin-top:60px;text-align:center}.footer-content{max-width:800px;margin:0 auto}.footer-links{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.footer-links a{color:var(--text-primary);font-weight:600;transition:color 0.2s ease}.footer-links a:hover{color:var(--accent-blue)}.footer-links .separator{color:var(--muted)}@media (max-width: 480px){.footer-links{flex-direction:column;gap:12px}.footer-links .separator{display:none}}.site-footer p,.site-footer a{color:var(--text-secondary);font-size:14px}.footer-bottom a{color:var(--muted);text-decoration:underline;transition:color 0.2s ease}.footer-bottom a:hover{color:var(--accent-blue)}.privacy-content{line-height:1.7}.privacy-content h2{margin-top:40px;margin-bottom:20px;padding-top:20px;border-top:1px solid var(--border)}.privacy-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.privacy-content h3{margin-top:25px;margin-bottom:15px;font-size:18px}.privacy-content ul{margin:15px 0;padding-left:30px}.privacy-content li{margin-bottom:8px}.privacy-content a{color:var(--accent-blue);text-decoration:underline}.privacy-content a:hover{color:var(--text-primary)}.last-updated{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}body:not(.light-theme) ::-webkit-scrollbar{width:10px;height:10px}body:not(.light-theme) ::-webkit-scrollbar-track{background:var(--background)}body:not(.light-theme) ::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}body:not(.light-theme) ::-webkit-scrollbar-thumb:hover{background:var(--muted)}