:root{--color-bg: #1a1b26;--color-bg-alt: #24283b;--color-bg-highlight: #2f3549;--color-text: #c0caf5;--color-text-dim: #9aa5ce;--color-text-muted: #565f89;--color-accent: #7dcfff;--color-accent-2: #9ece6a;--color-accent-3: #bb9af7;--color-accent-4: #f7768e;--color-border: #414868;--color-border-light: #2f3549;--color-code-bg: #1e202e;--color-code-keyword: #bb9af7;--color-code-string: #9ece6a;--color-code-function: #7dcfff;--color-code-comment: #565f89;--font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;--font-mono: 'Fira Code', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--container-width: 1200px;--container-padding: var(--spacing-lg);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--transition-fast: 150ms ease;--transition-base: 250ms ease;--transition-slow: 350ms ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--spacing-2xl) 0}@media(max-width: 768px){.main-content{padding:var(--spacing-xl) 0}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-text);margin-bottom:var(--spacing-md)}h1:not(:first-child),h2:not(:first-child),h3:not(:first-child),h4:not(:first-child),h5:not(:first-child),h6:not(:first-child){margin-top:var(--spacing-xl)}h1{font-size:var(--font-size-4xl);font-family:var(--font-mono)}@media(max-width: 768px){h1{font-size:var(--font-size-3xl)}}h2{font-size:var(--font-size-3xl)}@media(max-width: 768px){h2{font-size:var(--font-size-2xl)}}h3{font-size:var(--font-size-2xl)}@media(max-width: 768px){h3{font-size:var(--font-size-xl)}}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);color:var(--color-text-dim)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-2)}ul,ol{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);color:var(--color-text-dim)}ul li,ol li{margin-bottom:var(--spacing-sm)}img{max-width:100%;height:auto;display:block;image-rendering:auto;image-rendering:-webkit-optimize-contrast}code{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--color-code-bg);padding:.2em .4em;border-radius:var(--radius-sm);color:var(--color-accent)}pre{background-color:var(--color-code-bg);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-x:auto;margin:var(--spacing-lg) 0}pre code{background:none;padding:0;font-size:var(--font-size-sm);color:var(--color-text)}blockquote{border-left:4px solid var(--color-accent);padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0;color:var(--color-text-dim);font-style:italic}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}table th,table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}table th{font-weight:600;color:var(--color-text);background-color:var(--color-bg-alt)}table td{color:var(--color-text-dim)}table tr:hover{background-color:var(--color-bg-alt)}::selection{background-color:var(--color-accent);color:var(--color-bg)}::-moz-selection{background-color:var(--color-accent);color:var(--color-bg)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding);width:100%}.post-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:var(--spacing-xl);margin:var(--spacing-xl) 0}@media(max-width: 768px){.post-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.category-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:var(--spacing-lg);margin:var(--spacing-xl) 0}@media(max-width: 768px){.category-grid{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--spacing-md)}}@media(max-width: 480px){.category-grid{grid-template-columns:1fr}}.section-title{font-size:var(--font-size-3xl);font-family:var(--font-mono);margin-bottom:var(--spacing-xl);color:var(--color-text);position:relative;padding-bottom:var(--spacing-sm)}.section-title::after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(to right, var(--color-accent), var(--color-accent-2));border-radius:var(--radius-sm)}@media(max-width: 768px){.section-title{font-size:var(--font-size-2xl)}}.section-cta{text-align:center;margin-top:var(--spacing-2xl)}.home-intro{padding:var(--spacing-3xl) 0 var(--spacing-2xl);margin-bottom:var(--spacing-xl)}@media(max-width: 768px){.home-intro{padding:var(--spacing-2xl) 0 var(--spacing-xl)}}.intro-content{max-width:800px;margin:0 auto}.intro-greeting{font-size:var(--font-size-4xl);font-family:var(--font-mono);color:var(--color-text);margin-bottom:var(--spacing-lg);font-weight:600}@media(max-width: 768px){.intro-greeting{font-size:var(--font-size-3xl)}}.intro-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--spacing-xl)}@media(max-width: 768px){.intro-description{font-size:var(--font-size-base)}}.page-header,.category-header,.tag-header{background:linear-gradient(135deg, var(--color-bg-alt) 0%, var(--color-bg-highlight) 100%);padding:var(--spacing-3xl) 0;margin-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border);text-align:center}@media(max-width: 768px){.page-header,.category-header,.tag-header{padding:var(--spacing-2xl) 0}}.page-title,.category-title,.tag-title{font-size:var(--font-size-4xl);font-family:var(--font-mono);margin-bottom:var(--spacing-md)}@media(max-width: 768px){.page-title,.category-title,.tag-title{font-size:var(--font-size-3xl)}}.page-subtitle,.category-description,.tag-description{font-size:var(--font-size-lg);color:var(--color-text-dim);max-width:700px;margin:0 auto}.category-icon{font-size:var(--font-size-5xl);display:block;margin-bottom:var(--spacing-md)}.page-content,.post-content,.category-content,.tag-content{padding:var(--spacing-2xl) 0}.post-content img{display:block;margin-left:auto;margin-right:auto;max-width:100%;height:auto;border-radius:var(--radius-md);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.post-content p[align=center]{text-align:center}.post-content p[align=center] img{display:inline-block}.post-content .img-small{max-width:400px}.post-content .img-medium{max-width:600px}.post-content .img-large{max-width:800px}.post-content .img-full{max-width:100%;width:100%}.post-content .img-half{max-width:50%}.post-content iframe{display:block;margin-left:auto;margin-right:auto;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);max-width:100%;border-radius:var(--radius-md)}.post-content .twitter-tweet,.post-content blockquote.twitter-tweet{margin-left:auto !important;margin-right:auto !important;margin-top:var(--spacing-xl) !important;margin-bottom:var(--spacing-xl) !important}.post-content .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:var(--spacing-xl) auto;border-radius:var(--radius-md)}.post-content .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}.post-content .img-third{max-width:33.333%}.post-content .img-two-thirds{max-width:66.666%}.home-container .recent-posts,.home-container .categories-section{margin:var(--spacing-3xl) 0}.show-mobile{display:none}@media(max-width: 768px){.show-mobile{display:block}}@media(max-width: 768px){.hide-mobile{display:none}}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-mono);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:2px solid rgba(0,0,0,0);text-align:center}.btn-primary{background-color:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background-color:var(--color-accent-2);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{border-color:var(--color-accent);color:var(--color-accent)}.btn-outline:hover{background-color:var(--color-accent);color:var(--color-bg)}.site-header{background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) 0;position:sticky;top:0;z-index:var(--z-sticky);backdrop-filter:blur(10px);background-color:rgba(26,27,38,.95)}.header-content{display:flex;justify-content:space-between;align-items:center}.site-brand .site-title{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);text-decoration:none;display:flex;align-items:center}.site-brand .site-title:hover{color:var(--color-accent)}@media(max-width: 768px){.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)}.site-nav.active{display:block}}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center;margin:0;padding:0}@media(max-width: 768px){.nav-menu{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}}.nav-item-lang{margin-left:var(--spacing-sm)}@media(max-width: 768px){.nav-item-lang{margin-left:0}}.nav-link{color:var(--color-text-dim);font-weight:500;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:none;border:none;cursor:pointer;text-decoration:none;display:inline-block}.nav-link:hover,.nav-link.active{color:var(--color-accent);background-color:var(--color-bg-highlight)}.nav-link.nav-search{font-size:var(--font-size-xl);padding:var(--spacing-sm)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);flex-direction:column;gap:5px}@media(max-width: 768px){.mobile-menu-toggle{display:flex}}.mobile-menu-toggle .hamburger-line{width:24px;height:2px;background-color:var(--color-text);transition:all var(--transition-fast)}.language-switch{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-highlight);color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-mono);transition:all var(--transition-fast)}.language-switch:hover{background-color:var(--color-accent);color:var(--color-bg);transform:translateY(-1px)}.post-card{background-color:var(--color-bg-alt);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--color-border);display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.post-card__image{width:100%;height:200px;overflow:hidden;background-color:var(--color-bg-highlight)}.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);image-rendering:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.post-card__image:hover img{transform:scale(1.05)}.post-card__content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.post-card__meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.post-card__category{background-color:var(--color-accent);color:var(--color-bg);padding:.2em .6em;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.post-card__date,.post-card__read-time{color:var(--color-text-muted)}.post-card__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.post-card__title a{color:var(--color-text)}.post-card__title a:hover{color:var(--color-accent)}.post-card__excerpt{color:var(--color-text-dim);margin-bottom:var(--spacing-md);flex:1}.post-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.post-card__link{color:var(--color-accent);font-weight:600;font-family:var(--font-mono);font-size:var(--font-size-sm);align-self:flex-start}.post-card__link:hover{color:var(--color-accent-2)}.category-card{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-base);display:flex;flex-direction:column;align-items:center}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.category-card__icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md)}.category-card__name{font-size:var(--font-size-xl);font-family:var(--font-mono);color:var(--color-text);margin-bottom:var(--spacing-sm)}.category-card__description{color:var(--color-text-dim);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md);flex:1}.category-card__count{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.tag{display:inline-block;background-color:var(--color-bg-highlight);color:var(--color-text-dim);padding:.25em .6em;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;transition:all var(--transition-fast)}.tag:hover{background-color:var(--color-accent);color:var(--color-bg)}.post-tags{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background-color:var(--color-bg-alt);border-radius:var(--radius-md)}.post-tags .tags-label{font-weight:600;color:var(--color-text);margin-right:var(--spacing-sm)}.post-tags .tag{margin:var(--spacing-xs);font-size:var(--font-size-sm)}.post-header{margin-bottom:var(--spacing-2xl)}.post-cover{width:100%;margin-bottom:var(--spacing-xl);overflow:hidden;border-radius:var(--radius-md, 8px)}.post-cover img{width:100%;height:auto;display:block;image-rendering:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}.post-meta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.post-category{background-color:var(--color-accent);color:var(--color-bg);padding:.3em .8em;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase}.post-category a{color:inherit}.post-title{font-size:var(--font-size-4xl);font-family:var(--font-mono);line-height:1.2;margin-bottom:var(--spacing-md)}@media(max-width: 768px){.post-title{font-size:var(--font-size-2xl)}}.post-meta{display:flex;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap}.post-meta time{color:var(--color-text-dim)}.post-navigation{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border)}.post-nav-links{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:var(--spacing-lg)}.post-nav-link{display:flex;flex-direction:column;padding:var(--spacing-lg);background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base)}.post-nav-link:hover{border-color:var(--color-accent);transform:translateX(-2px)}.post-nav-link:hover.post-nav-next{transform:translateX(2px)}.post-nav-link-prev{text-align:left}.post-nav-link-next{text-align:right;grid-column:-2/-1}.post-nav-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:600;margin-bottom:var(--spacing-xs)}.post-nav-title{font-size:var(--font-size-lg);color:var(--color-text);font-weight:600}.search-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(26,27,38,.98);backdrop-filter:blur(10px);z-index:9999;overflow-y:auto;padding-top:100px}.search-overlay.active{display:block;animation:fadeIn .2s ease}@media(max-width: 768px){.search-overlay{padding-top:80px}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.search-overlay-content{max-width:900px;margin:0 auto;padding:0 var(--spacing-lg)}.search-input-wrapper{position:relative;margin-bottom:var(--spacing-xl)}.search-input{width:100%;padding:var(--spacing-lg) var(--spacing-3xl);padding-right:60px;background-color:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);font-size:var(--font-size-xl);font-family:var(--font-sans);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(125,207,255,.1)}.search-input::placeholder{color:var(--color-text-muted)}@media(max-width: 768px){.search-input{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-2xl);padding-right:50px}}.search-icon{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);font-size:var(--font-size-xl);pointer-events:none;color:var(--color-accent)}@media(max-width: 768px){.search-icon{font-size:var(--font-size-lg)}}.search-close{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-dim);font-size:var(--font-size-2xl);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast)}.search-close:hover{color:var(--color-accent)}@media(max-width: 768px){.search-close{font-size:var(--font-size-xl)}}.search-results{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);max-height:calc(100vh - 250px);overflow-y:auto;padding-bottom:var(--spacing-3xl)}@media(max-width: 768px){.search-results{max-height:calc(100vh - 200px)}}.search-info{color:var(--color-text-dim);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);text-align:center}.search-container{max-width:800px;margin:0 auto}.no-posts{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-dim);font-size:var(--font-size-lg)}.site-footer{background-color:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}@media(max-width: 768px){.footer-content{flex-direction:column;text-align:center}}.footer-info{flex:1}.footer-description{color:var(--color-text-dim);margin-bottom:var(--spacing-sm)}.footer-copyright{color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-copyright a{color:var(--color-accent)}.footer-copyright a:hover{color:var(--color-accent-2)}.footer-social{display:flex;gap:var(--spacing-md)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-bg-highlight);border-radius:var(--radius-md);color:var(--color-text-dim);transition:all var(--transition-base)}.social-link:hover{background-color:var(--color-accent);color:var(--color-bg);transform:translateY(-2px)}.social-link svg{width:20px;height:20px}.archive-page{padding:var(--spacing-xl) 0;min-height:60vh}.archive-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.archive-breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-dim);margin-bottom:var(--spacing-md)}.archive-breadcrumb a{color:var(--color-text-dim);text-decoration:none;transition:color var(--transition-fast)}.archive-breadcrumb a:hover{color:var(--color-accent)}.archive-breadcrumb .separator{margin:0 var(--spacing-xs);opacity:.5}.archive-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.archive-title .archive-icon{color:var(--color-accent);font-family:var(--font-mono)}.archive-description{font-size:var(--font-size-lg);color:var(--color-text-dim);margin:0}.archive-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.post-card__tags .tag{text-decoration:none;transition:all var(--transition-fast)}.post-card__tags .tag:hover{background-color:var(--color-accent);color:var(--color-bg);transform:translateY(-1px)}.image-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:zoom-out}.image-lightbox.active{opacity:1}.lightbox-content{position:relative;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;animation:zoomIn .3s ease}.lightbox-content img{max-width:100%;max-height:85vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 10px 40px rgba(0,0,0,.5);cursor:default}.lightbox-close{position:absolute;top:-50px;right:0;background:rgba(0,0,0,0);border:none;color:var(--color-text);font-size:40px;line-height:1;cursor:pointer;padding:10px;transition:all var(--transition-fast);z-index:1}.lightbox-close:hover{color:var(--color-accent);transform:rotate(90deg)}@media(max-width: 768px){.lightbox-close{top:-40px;font-size:30px}}.lightbox-caption{margin-top:var(--spacing-md);color:var(--color-text-light);font-size:var(--font-size-sm);text-align:center;max-width:600px;line-height:1.5}@keyframes zoomIn{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}.post-content img,.article-content img{transition:transform var(--transition-base),box-shadow var(--transition-base)}.post-content img:hover,.article-content img:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.tags-section{margin:var(--spacing-3xl) 0;padding:var(--spacing-2xl) 0;background:linear-gradient(180deg, transparent 0%, rgba(125, 207, 255, 0.03) 50%, transparent 100%);border-radius:var(--radius-lg)}.floating-tags-container{position:relative;min-height:400px;padding:var(--spacing-2xl);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--spacing-lg)}@media(max-width: 768px){.floating-tags-container{min-height:300px;padding:var(--spacing-lg);gap:var(--spacing-md)}}.tag-bubble{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:50px;text-decoration:none;color:var(--color-text);font-family:var(--font-mono);font-weight:600;transition:all var(--transition-base);cursor:pointer;animation:float 6s ease-in-out infinite;animation-delay:var(--bubble-delay, 0s);box-shadow:0 4px 12px rgba(0,0,0,.1)}.tag-bubble[data-count="1"],.tag-bubble[data-count="2"]{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.tag-bubble[data-count="3"],.tag-bubble[data-count="4"],.tag-bubble[data-count="5"],.tag-bubble[data-count="6"],.tag-bubble[data-count="7"],.tag-bubble[data-count="8"],.tag-bubble[data-count="9"]{font-size:var(--font-size-base)}.tag-bubble[data-count="10"],.tag-bubble[data-count="11"],.tag-bubble[data-count="12"],.tag-bubble[data-count="13"],.tag-bubble[data-count="14"],.tag-bubble[data-count="15"]{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}.tag-bubble[data-count="16"],.tag-bubble[data-count="17"],.tag-bubble[data-count="18"],.tag-bubble[data-count="19"],.tag-bubble[data-count="20"],.tag-bubble[data-count="21"],.tag-bubble[data-count="22"],.tag-bubble[data-count="23"],.tag-bubble[data-count="24"],.tag-bubble[data-count="25"]{font-size:var(--font-size-xl);padding:var(--spacing-lg) var(--spacing-2xl)}.tag-bubble:hover{transform:translateY(-8px) scale(1.1);border-color:var(--color-accent);background:var(--color-bg);box-shadow:0 8px 24px rgba(125,207,255,.3),0 0 30px rgba(125,207,255,.2);animation-play-state:paused}.tag-bubble:hover .tag-name{color:var(--color-accent)}.tag-bubble:hover .tag-count{background:var(--color-accent);color:var(--color-bg)}@media(max-width: 768px){.tag-bubble[data-count]{font-size:var(--font-size-sm) !important;padding:var(--spacing-sm) var(--spacing-md) !important}}.tag-name{display:block;margin-bottom:var(--spacing-xs);font-size:1em;transition:color var(--transition-base)}.tag-count{display:inline-block;background:var(--color-border);color:var(--color-text-light);padding:2px 8px;border-radius:12px;font-size:.75em;font-weight:700;transition:all var(--transition-base)}@keyframes float{0%,100%{transform:translateY(0px) rotate(0deg)}25%{transform:translateY(-15px) rotate(1deg)}50%{transform:translateY(-8px) rotate(-1deg)}75%{transform:translateY(-20px) rotate(0.5deg)}}.tag-bubble:nth-child(2n){animation-duration:7s}.tag-bubble:nth-child(3n){animation-duration:8s}.tag-bubble:nth-child(4n){animation-duration:5.5s}@media(max-width: 768px){.floating-tags-container{justify-content:flex-start}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-8px)}}}.tag-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(5px);background:var(--color-bg-alt);color:var(--color-accent);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);white-space:nowrap;pointer-events:none;opacity:0;transition:all var(--transition-fast);border:1px solid var(--color-accent);box-shadow:0 4px 12px rgba(125,207,255,.2);z-index:10}.tag-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid rgba(0,0,0,0);border-top-color:var(--color-accent)}.tag-tooltip.active{opacity:1;transform:translateX(-50%) translateY(0)}.heading-anchor{position:relative;display:inline-block;margin-left:-1.5em;padding-right:.3em;font-size:.85em;text-decoration:none;opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast);font-weight:normal}.heading-anchor:hover{transform:scale(1.1);text-decoration:none}@media(max-width: 768px){.heading-anchor{opacity:.5}}h2:hover .heading-anchor,h3:hover .heading-anchor,h4:hover .heading-anchor,h5:hover .heading-anchor,h6:hover .heading-anchor{opacity:1}.anchor-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:var(--color-accent);color:var(--color-bg);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);white-space:nowrap;margin-bottom:5px;animation:fadeInOut 2s ease-in-out;z-index:1000;pointer-events:none}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(5px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(-5px)}}.project-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);justify-content:center}.filter-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-bg-alt);color:var(--color-text-dim);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-mono);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{background-color:var(--color-bg-highlight);color:var(--color-text);border-color:var(--color-accent);transform:translateY(-2px)}.filter-btn.active{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl) 0}@media(max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.project-card{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);height:100%}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.project-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.project-card__type{flex-shrink:0;background-color:var(--color-accent);color:var(--color-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.5px}.project-card__content{padding:var(--spacing-lg);display:flex;flex-direction:column;height:100%}.project-card__title{font-size:var(--font-size-xl);font-family:var(--font-mono);color:var(--color-text);margin:0;line-height:1.3;flex:1}.project-card__description{color:var(--color-text-dim);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);line-height:1.5}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.tech-badge{display:inline-block;background-color:var(--color-bg-highlight);color:var(--color-text-dim);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:500;border:1px solid var(--color-border);transition:all var(--transition-fast)}.tech-badge:hover{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);transform:translateY(-1px)}.project-card__links{display:flex;flex-wrap:nowrap;gap:var(--spacing-xs);overflow-x:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);scrollbar-width:thin}.project-card__links::-webkit-scrollbar{height:4px}.project-card__links::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.project-card__links::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.project-link{display:inline-flex;align-items:center;white-space:nowrap;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-highlight);color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);font-weight:500;text-decoration:none;transition:all var(--transition-fast);flex-shrink:0}.project-link:hover{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.about-intro{display:flex;gap:var(--spacing-2xl);align-items:flex-start;margin-bottom:var(--spacing-2xl)}@media(max-width: 768px){.about-intro{flex-direction:column;gap:var(--spacing-xl)}}.about-intro__content{flex:1;min-width:0}.about-intro__image{flex-shrink:0;width:280px}@media(max-width: 768px){.about-intro__image{width:100%;max-width:300px;margin:0 auto}}.profile-pic-container{position:relative;width:100%;padding-bottom:100%;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-bg-highlight);border:2px solid var(--color-border);box-shadow:var(--shadow-md);transition:all var(--transition-slow)}.profile-pic-container:hover{transform:translateY(-4px) rotate(2deg);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.profile-pic{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.profile-pic-container:hover .profile-pic{transform:scale(1.05)}.highlight{background-color:var(--color-code-bg);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-x:auto;margin:var(--spacing-lg) 0}.highlight pre{margin:0;padding:0}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt,.highlight .kc,.highlight .kv{color:var(--color-code-keyword);font-weight:600}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:var(--color-code-string)}.highlight .nf,.highlight .fm,.highlight .nc{color:var(--color-code-function)}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cp,.highlight .cs{color:var(--color-code-comment);font-style:italic}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo{color:#ff9e64}.highlight .o,.highlight .ow{color:#89ddff}.highlight .n,.highlight .na,.highlight .nb,.highlight .nd,.highlight .ni,.highlight .ne,.highlight .nl,.highlight .nn,.highlight .no,.highlight .nv{color:var(--color-text)}.highlight .nb,.highlight .bp{color:#e0af68}.highlight .nd{color:var(--color-accent-3)}.highlight .err{color:var(--color-accent-4);background-color:rgba(0,0,0,0)}.lineno{color:var(--color-text-muted);padding-right:var(--spacing-md);user-select:none}.code-title{background-color:var(--color-bg-alt);color:var(--color-text-dim);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border:1px solid var(--color-border);border-bottom:none}.code-title+.highlight{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}/*# sourceMappingURL=main.css.map */