.skip-to-main{position:absolute;top:-100px;left:0;background:var(--accent-primary);color:var(--bg-deep);padding:var(--spacing-sm)var(--spacing-md);text-decoration:none;font-weight:600;z-index:1000;border-radius:0 0 .25rem 0;transition:top .2s ease;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip-to-main:focus{top:0;clip:auto;clip-path:none;width:auto;height:auto;overflow:visible}body{overflow-x:hidden;position:relative}code,pre{font-family:var(--font-mono)}.glass-effect{background-color:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:.5rem}.card-base{background-color:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.5rem;border:1px solid var(--border-color);transition:all var(--transition-base)}.card-base:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}body{overflow-x:hidden}code,pre{font-family:var(--font-mono)}.glass-effect{background-color:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:.5rem}.card-base{background-color:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.5rem;border:1px solid var(--border-color);transition:all var(--transition-base)}.card-base:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm)}.icon-md{width:var(--icon-md);height:var(--icon-md)}.icon-lg{width:var(--icon-lg);height:var(--icon-lg)}main{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)var(--spacing-lg);min-height:calc(100vh - 200px)}.sticky-header{position:sticky;top:0;z-index:100;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);backdrop-filter:blur(10px);background-color:rgba(15,23,42,.8);transition:all var(--transition-base)}[data-theme=light] .sticky-header{background-color:rgba(255,255,255,.8)}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);box-sizing:border-box}.header-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)0}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;gap:var(--spacing-sm);box-sizing:border-box}.header-logo{flex-shrink:1;min-width:0;overflow:hidden}.header-logo .logo-link{font-family:var(--font-logo);font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.header-logo .logo-link:hover{color:var(--accent-primary)}.header-menu{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.menu-list{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-md)}.menu-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:var(--spacing-sm)var(--spacing-md);border-radius:.375rem;transition:all var(--transition-fast)}.menu-link:hover{color:var(--accent-primary);background-color:var(--bg-secondary)}.menu-link.active{color:var(--accent-light-purple);background-color:var(--bg-secondary)}.search-toggle{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;transition:color var(--transition-fast)}.search-toggle:hover{color:var(--accent-primary)}.search-icon{width:var(--icon-md);height:var(--icon-md)}.theme-toggle{background:0 0;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;transition:color var(--transition-fast);width:1.75rem;height:1.75rem}.theme-toggle:hover{color:var(--accent-primary)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{width:1.25rem;height:1.25rem}[data-theme=light] .icon-sun{display:none}[data-theme=light] .icon-moon{display:block}.icon-sun{display:block}.icon-moon{display:none}.hero-section{width:100%;padding:var(--spacing-2xl)var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.hero-container{max-width:1200px;margin:0 auto}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.hero-title{display:flex;flex-direction:column;gap:0;margin:0;line-height:1.1}.hero-title-line1{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.hero-title-line2{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;color:transparent;-webkit-text-stroke:2px var(--accent-light-purple);text-stroke:2px var(--accent-light-purple);letter-spacing:-.02em}.hero-subtitle{font-family:var(--font-mono);font-size:clamp(.875rem,1.5vw,1.125rem);color:var(--text-secondary);margin:var(--spacing-md)0 0;opacity:.8}.hero-image{display:flex;justify-content:center;align-items:center}.hero-logo{max-width:100%;height:auto;filter:drop-shadow(0 0 10px var(--accent-primary-rgba-03));animation:float 3s ease-in-out infinite}.hero-logo-placeholder{width:200px;height:200px;background:var(--glass-surface);border-radius:50%;border:2px solid var(--glass-border);filter:drop-shadow(0 0 20px var(--accent-primary-rgba-05));animation:float 3s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.home-container{max-width:900px;margin:0 auto}.posts-section{margin-top:var(--spacing-2xl)}.posts-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.posts-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.post-card{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);cursor:pointer;position:relative;background-color:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.5rem;border:1px solid var(--border-color);transition:all var(--transition-base)}.post-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.post-image{flex-shrink:0;width:200px;height:150px;overflow:hidden;border-radius:.375rem}.post-image img{width:100%;height:100%;object-fit:cover}.post-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm)}.post-title{margin:0;font-size:1.5rem;font-weight:700}.post-title a{color:var(--text-primary);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em;transition:text-decoration-color var(--transition-base),color var(--transition-base)}.post-card:hover .post-title a{text-decoration-color:var(--accent-primary)}.post-description{color:var(--text-secondary);margin:0;line-height:1.6}.post-meta-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-muted)}.post-meta-inline .post-date,.post-meta-inline .post-reading-time,.post-meta-inline .post-word-count{display:flex;align-items:center;gap:.375rem}.post-meta-inline .meta-icon{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.post-meta-inline .meta-separator{color:var(--text-muted);opacity:.5}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.post-tag{padding:.25rem .625rem;background-color:var(--tag-bg);color:var(--tag-color);border:none;border-radius:.25rem;font-size:.875rem;font-weight:400;font-family:var(--font-mono);text-decoration:none;transition:all var(--transition-fast);position:relative;z-index:10;cursor:pointer;display:inline-block}.post-tag:hover{background-color:var(--accent-light-purple-rgba-01);color:var(--tag-color);box-shadow:0 0 8px var(--accent-light-purple-rgba-03)}.single-post-wrapper{display:flex;gap:var(--spacing-xl);max-width:1200px;margin:0 auto;align-items:flex-start}.single-post{flex:1;min-width:0;max-width:800px;overflow-wrap:break-word;word-wrap:break-word}.post-toc{position:sticky;top:calc(var(--spacing-lg) + 60px);width:260px;flex-shrink:0;padding:0;background-color:var(--bg-deep);background-image:radial-gradient( circle at center,rgba(30,58,138,.3) 0%,rgba(15,23,42,.5) 40%,var(--bg-deep) 100% );background-attachment:fixed;background-size:100% 100%;background-position:50%;border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;z-index:50}.post-toc::before{content:"";position:absolute;inset:0;background-color:var(--bg-secondary);border-radius:.5rem;pointer-events:none;z-index:1}[data-theme=light] .post-toc{background-image:radial-gradient( circle at center,rgba(196,133,246,.2) 0%,rgba(243,232,255,.4) 40%,#ffffff 100% )}.toc-toggle{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:transparent;border:none;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);text-align:left}.toc-toggle:hover{background-color:var(--accent-mid-purple-rgba-05)}.toc-burger-icon{width:var(--icon-md);height:var(--icon-md);flex-shrink:0;color:var(--accent-primary)}.toc-toggle-text{flex:1;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;color:var(--text-muted)}.toc-chevron-icon{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0;color:var(--text-muted);transition:transform var(--transition-base)}.toc-toggle[aria-expanded=true] .toc-chevron-icon{transform:rotate(180deg)}.toc-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.toc-content.expanded{max-height:calc(100vh - 200px);overflow-y:auto}.toc-content::-webkit-scrollbar{width:4px}.toc-content::-webkit-scrollbar-track{background:0 0}.toc-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:2px}.toc-content::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.toc-nav{font-size:.8125rem;line-height:1.8;padding:0 var(--spacing-md)var(--spacing-md)}.toc-nav ul{list-style:none;padding-left:0;margin:0}.toc-nav li{margin-bottom:.375rem}.toc-nav a{color:var(--text-secondary);text-decoration:none;display:block;padding:.25rem .5rem;transition:all var(--transition-fast);border-left:2px solid transparent;border-radius:0 .25rem .25rem 0}.toc-nav a:hover{color:var(--text-primary);background-color:var(--accent-mid-purple-rgba-05)}.toc-nav a.active{color:var(--accent-primary);border-left-color:var(--accent-primary);background-color:var(--accent-mid-purple-rgba-01)}.toc-nav ul ul{margin-top:.125rem;padding-left:var(--spacing-sm);margin-left:.5rem;border-left:1px solid var(--border-color)}.toc-nav ul ul a{font-size:.75rem;padding-left:.5rem;color:var(--text-muted)}.toc-nav ul ul a:hover{color:var(--text-secondary)}.toc-nav ul ul a.active{color:var(--accent-primary)}.post-image-single{width:100%;max-width:100%;margin-bottom:var(--spacing-xl);border-radius:.5rem;overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-md);background-color:var(--bg-secondary);padding:.25rem}.post-image-single img{width:100%;height:auto;display:block;object-fit:cover;border-radius:.375rem}.post-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.post-title-main{font-size:2.5rem;font-weight:700;margin:0 0 var(--spacing-md);color:var(--text-primary);line-height:1.2}.post-description-main{font-size:1.25rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg)}.post-meta{display:flex;flex-direction:column;gap:var(--spacing-md)}.post-meta-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-muted)}.post-date,.post-reading-time,.post-word-count{display:flex;align-items:center;gap:.375rem}.meta-icon{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.meta-separator{color:var(--text-muted);opacity:.5}.post-content-main{font-size:1.125rem;line-height:1.8;color:var(--text-primary);overflow-wrap:break-word;word-wrap:break-word;max-width:100%;width:100%;box-sizing:border-box}.post-content-main h2{font-size:1.75rem;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.post-content-main h3{font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.post-content-main p{margin-bottom:var(--spacing-md)}.post-content-main ul,.post-content-main ol{margin-bottom:var(--spacing-md);padding-left:1.5em;margin-left:0}.post-content-main li{margin-bottom:.5em;line-height:1.8}.post-content-main ul ul,.post-content-main ol ol,.post-content-main ul ol,.post-content-main ol ul{margin-top:.5em;margin-bottom:.5em;padding-left:1.5em}.post-content-main a{color:var(--accent-primary);text-decoration:underline;transition:color var(--transition-fast)}.post-content-main a:hover{color:var(--accent-hover)}.post-content-main pre{font-family:var(--font-mono);overflow-x:auto;max-width:100%;word-break:normal;box-sizing:border-box;width:100%}.post-content-main code{font-family:var(--font-mono);word-wrap:break-word;overflow-wrap:break-word}.post-content-main pre code{white-space:pre;word-break:normal;overflow-wrap:normal;display:block}.post-content-main .highlight,.post-content-main pre.highlight{max-width:100%;overflow-x:auto;box-sizing:border-box;width:100%}.post-content-main .highlight pre{margin:0;padding:inherit}.post-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.post-tags-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.tags-label{font-weight:600;color:var(--text-secondary)}.post-navigation{display:flex;justify-content:space-between;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);gap:var(--spacing-lg)}.nav-link{flex:1;padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:.375rem;text-decoration:none;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--bg-tertiary);transform:translateX(-2px)}.nav-next:hover{transform:translateX(2px)}.nav-label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.nav-title{display:block;color:var(--text-primary);font-weight:600}.list-container{max-width:900px;margin:0 auto}.list-header{margin-bottom:var(--spacing-xl)}.list-title{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 0 var(--spacing-sm);line-height:1.1;text-align:center}.list-title-line1{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;color:var(--text-primary);letter-spacing:-.02em}.list-title-line2{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;color:transparent;-webkit-text-stroke:2px var(--accent-light-purple);text-stroke:2px var(--accent-light-purple);letter-spacing:-.02em}.list-description{color:var(--text-secondary);margin:0}.list-count{color:var(--text-muted);font-size:.875rem;margin-top:var(--spacing-sm)}.filter-accordion{margin-bottom:var(--spacing-xl);overflow:hidden;background-color:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.5rem;border:1px solid var(--border-color)}.filter-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)var(--spacing-lg);background-color:transparent;border:none;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.filter-toggle-btn:hover{background-color:var(--accent-mid-purple-rgba-05)}.filter-toggle-icon{width:var(--icon-md);height:var(--icon-md);transition:transform var(--transition-base)}.filter-toggle-btn.expanded .filter-toggle-icon{transform:rotate(180deg)}.posts-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);align-items:flex-start;padding:0 var(--spacing-lg);max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),opacity .3s ease-out}.posts-filter.expanded{max-height:300px;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);opacity:1}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-width:200px}.filter-group-tags{flex:1 1 100%;min-width:100%;display:flex;flex-direction:column}.filter-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.tag-search-container{position:relative;margin-bottom:var(--spacing-md)}.tag-search-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;transition:all var(--transition-base)}.tag-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-mid-purple-rgba-01)}.tag-search-results{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-xs);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;box-shadow:var(--shadow-lg);max-height:200px;overflow-y:auto;z-index:10;display:none}.tag-search-result-item{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;color:var(--text-primary);transition:all var(--transition-base);border-bottom:1px solid var(--border-color)}.tag-search-result-item:last-child{border-bottom:none}.tag-search-result-item:hover,.tag-search-result-item.selected{background-color:var(--bg-secondary);color:var(--accent-primary)}.tag-search-no-results{padding:var(--spacing-sm)var(--spacing-md);color:var(--text-muted);font-size:.875rem;text-align:center}.filter-select{padding:var(--spacing-sm)2.5rem var(--spacing-sm)var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-base);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a8a8a8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.filter-select:hover{border-color:var(--accent-primary)}.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-mid-purple-rgba-01)}.filter-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs);min-height:40px;max-height:40px;overflow-y:auto;align-content:flex-start}.filter-tag-checkbox{display:flex;align-items:center;cursor:pointer;user-select:none}.filter-tag-input{display:none}.filter-tag-label{padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text-primary);transition:all var(--transition-base);cursor:pointer}.filter-tag-checkbox:hover .filter-tag-label{border-color:var(--accent-primary);background-color:var(--accent-mid-purple-rgba-05)}.filter-tag-input:checked+.filter-tag-label{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.filter-clear-btn{padding:var(--spacing-sm)var(--spacing-md);background-color:transparent;border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-base);align-self:flex-end;margin-top:calc(var(--spacing-xs) + 1.25rem)}.filter-clear-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:var(--accent-mid-purple-rgba-05)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.pagination-link{padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-primary);text-decoration:none;border-radius:.375rem;transition:all var(--transition-fast)}.pagination-link:hover{background-color:var(--accent-primary);color:#fff}.pagination-info{color:var(--text-muted);font-size:.875rem}.tags-page{max-width:900px;margin:0 auto;text-align:center}.tags-title{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:var(--spacing-lg);line-height:1.1;text-align:center}.tags-help{margin-bottom:var(--spacing-xl);color:var(--text-muted);font-size:.875rem}.tags-cloud{padding:var(--spacing-xl);background-color:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.5rem;border:1px solid var(--border-color)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.tag-item{text-decoration:none}.tag-chip-large{display:flex;align-items:center;padding:.25rem .625rem;background-color:var(--tag-bg);color:var(--tag-color);border:none;border-radius:.25rem;font-size:.875rem;font-weight:400;font-family:var(--font-mono);transition:all var(--transition-fast);position:relative;z-index:10;cursor:pointer}.tag-item:hover .tag-chip-large{background-color:var(--accent-light-purple-rgba-01);color:var(--tag-color);box-shadow:0 0 8px var(--accent-light-purple-rgba-03)}.tag-name{font-weight:400;margin-right:0}.tag-count-badge{padding:.125rem .5rem;background-color:transparent;color:var(--text-secondary);border-radius:.25rem;font-size:.75rem;margin-left:.5rem;opacity:.7}.tag-item:hover .tag-count-badge{background-color:transparent;color:var(--text-secondary);opacity:.9}.tags-back{margin-top:var(--spacing-2xl)}.tags-back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.tags-back-link:hover{color:var(--accent-primary)}.back-icon{width:var(--icon-sm);height:var(--icon-sm)}.tag-page{max-width:900px;margin:0 auto}.tag-header{text-align:center;margin-bottom:var(--spacing-2xl)}.tag-header-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tag-icon{width:1.25rem;height:1.25rem;color:var(--accent-primary)}.tag-title{font-size:2rem;font-weight:700;margin:0;color:var(--text-primary)}.tag-count{color:var(--text-muted);font-size:.875rem}.tag-posts-grouped{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.year-group{position:relative}.year-indicator{display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.year-circle{position:relative;width:4rem;height:4rem;border-radius:50%;background:linear-gradient( 135deg,var(--accent-primary),var(--accent-light-purple) );display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;box-shadow:var(--shadow-md)}.year-glow{position:absolute;inset:0;border-radius:50%;background-color:var(--accent-primary);opacity:.2;filter:blur(8px)}.year-text{position:relative;z-index:1}.year-count{font-size:.875rem;vertical-align:super;margin-left:.125rem;opacity:.9}.year-line{flex:1;height:2px;margin-left:var(--spacing-md);background:linear-gradient(to right,var(--accent-primary),transparent);position:relative;display:flex;align-items:center}.year-count-inline{position:absolute;left:20%;background-color:var(--bg-primary);padding:0 var(--spacing-sm);font-size:.75rem;color:var(--text-muted);font-weight:500;white-space:nowrap;transform:translateY(-50%);top:50%}.year-posts{margin-left:calc(4rem + var(--spacing-md));display:flex;flex-direction:column;gap:var(--spacing-xl)}.year-months{margin-left:0;margin-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}.month-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.month-indicator{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.month-text{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;margin-right:var(--spacing-sm)}.month-line{flex:1;height:1px;background:linear-gradient(to right,var(--accent-primary),transparent);position:relative;display:flex;align-items:center;opacity:.7}.month-count-inline{position:absolute;left:20%;background-color:var(--bg-primary);padding:0 var(--spacing-sm);font-size:.75rem;color:var(--text-muted);font-weight:500;white-space:nowrap;transform:translateY(-50%);top:50%}.month-posts{display:flex;flex-direction:column;gap:var(--spacing-xl)}.tag-post-card{position:relative;padding:var(--spacing-lg);background-color:var(--bg-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:.5rem;border:1px solid var(--border-color);transition:all var(--transition-base)}.tag-post-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.tag-post-link{position:absolute;inset:0;z-index:10}.tag-post-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.tag-post-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25em;transition:text-decoration-color var(--transition-base),color var(--transition-base)}.tag-post-card:hover .tag-post-title{text-decoration-color:var(--accent-primary)}.tag-post-date{font-size:.875rem;color:var(--text-muted)}.tag-post-summary{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-sm);line-height:1.6}.tag-post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);position:relative;z-index:20}.tag-chip{padding:.25rem .625rem;background-color:var(--tag-bg);color:var(--tag-color);border:none;border-radius:.25rem;font-size:.875rem;font-weight:400;font-family:var(--font-mono);text-decoration:none;transition:all var(--transition-fast);position:relative;z-index:10;cursor:pointer;display:inline-block}.tag-chip:hover{background-color:var(--accent-light-purple-rgba-01);color:var(--tag-color);box-shadow:0 0 8px var(--accent-light-purple-rgba-03)}.tag-chip-active{background-color:var(--accent-light-purple-rgba-01);color:var(--tag-color);box-shadow:0 0 8px var(--accent-light-purple-rgba-03)}.tag-post-read-more{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--accent-primary);font-size:.875rem;font-weight:500;transition:transform var(--transition-fast)}.tag-post-card:hover .tag-post-read-more{transform:translateX(4px)}.read-more-icon{width:var(--icon-sm);height:var(--icon-sm)}.tag-pagination{display:flex;justify-content:space-between;margin-top:var(--spacing-xl)}.pagination-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--bg-secondary);color:var(--text-primary);text-decoration:none;border-radius:9999px;transition:all var(--transition-fast)}.pagination-btn:hover{background-color:var(--accent-primary);color:#fff}.pagination-icon{width:var(--icon-sm);height:var(--icon-sm)}.tag-nav-links{display:flex;justify-content:center;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.tag-nav-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.tag-nav-link:hover{color:var(--accent-primary)}.archives-page{max-width:900px;margin:0 auto}.archives-header{margin-bottom:var(--spacing-xl)}.archives-title{font-size:2rem;font-weight:700;margin:0 0 var(--spacing-sm);color:var(--text-primary)}.archives-description{color:var(--text-secondary);margin:0}.archive-year{margin-bottom:var(--spacing-2xl)}.archive-year-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.archive-month{margin-bottom:var(--spacing-lg);margin-left:var(--spacing-lg)}.archive-month-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.archive-posts{list-style:none;padding:0;margin:0}.archive-post-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm)0}.archive-date{color:var(--text-muted);font-size:.875rem;min-width:60px}.archive-link{color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}.archive-link:hover{color:var(--accent-primary)}.about-page{max-width:900px;margin:0 auto}.about-header{text-align:center;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.about-page-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-primary);margin-bottom:var(--spacing-lg)}.about-page-name{display:flex;flex-direction:column;align-items:center;gap:0;margin:0 0 var(--spacing-md);line-height:1.1;text-align:center}.about-page-description{font-size:1.25rem;color:var(--text-secondary);margin:0 0 var(--spacing-lg);font-style:italic}.about-page-social{margin-top:var(--spacing-md)}.about-content-full{font-size:1.125rem;line-height:1.8;color:var(--text-primary)}.about-content-full h2{font-size:1.75rem;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.about-content-full p{margin-bottom:var(--spacing-md)}.about-content-full a{color:var(--accent-primary);text-decoration:underline}.about-content-full a:hover{color:var(--accent-hover)}.site-footer{margin-top:var(--spacing-2xl);padding:var(--spacing-xl)var(--spacing-lg);border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-text{color:var(--text-muted);font-size:.875rem;margin-bottom:var(--spacing-md)}.footer-social{display:flex;justify-content:center;gap:var(--spacing-md)}.social-links{display:flex;gap:var(--spacing-md);justify-content:center}.social-link{color:var(--text-secondary);transition:color var(--transition-fast);display:flex;align-items:center}.social-link:hover{color:var(--accent-primary)}.social-link svg{width:var(--icon-md);height:var(--icon-md)}.scroll-to-top{position:fixed;bottom:calc(var(--spacing-lg) + 60px);right:var(--spacing-lg);width:50px;height:50px;border-radius:50%;background-color:transparent;color:var(--accent-primary);border:none;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:none;transition:all var(--transition-base);z-index:999}.scroll-to-top.visible{display:flex}.scroll-to-top:hover{background-color:transparent;transform:translateY(-2px);box-shadow:none;color:var(--accent-hover)}.scroll-to-top svg{width:1.5rem;height:1.5rem}.buy-me-coffee{position:fixed;bottom:calc(var(--spacing-lg) + 60px);right:var(--spacing-lg);width:50px;height:50px;border-radius:50%;background-color:var(--yellow-accent);color:#000;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-base);z-index:999;text-decoration:none}.buy-me-coffee:hover{background-color:var(--yellow-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.buy-me-coffee svg{width:1.5rem;height:1.5rem}.code-block-wrapper{position:relative;margin:var(--spacing-md)0}.code-block-copy{position:absolute;top:.5rem;right:calc(.5rem + 95px + .5rem);z-index:10;background:rgba(30,30,45,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:.375rem;padding:.375rem .75rem;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all var(--transition-fast);font-family:var(--font-body);white-space:nowrap}.code-block-copy:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.code-block-copy.copied{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.5);color:#22c55e}.code-block-copy svg{width:.875rem;height:.875rem;flex-shrink:0}[data-theme=light] .code-block-copy{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(107,33,168,.2);color:var(--text-secondary);top:8px}[data-theme=light] .code-block-copy:hover{background:#fff;border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=light] .code-block-copy.copied{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.4);color:#16a34a}.code-block-toggle{position:absolute;top:.5rem;right:.5rem;z-index:10;background:rgba(30,30,45,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:.375rem;padding:.375rem .75rem;color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.375rem;transition:all var(--transition-fast);font-family:var(--font-body);width:95px;white-space:nowrap;box-sizing:border-box}.code-block-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=light] .code-block-toggle{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(107,33,168,.2);color:var(--text-secondary);top:8px}[data-theme=light] .code-block-toggle:hover{background:#fff;border-color:var(--accent-primary);color:var(--accent-primary)}.code-block-toggle svg{width:.875rem;height:.875rem;transition:transform var(--transition-fast)}.code-block-wrapper.collapsed .code-block-toggle svg{transform:rotate(180deg)}.code-block-content{transition:opacity var(--transition-base);overflow:visible}.code-block-wrapper.collapsed .code-block-content{max-height:150px;overflow:hidden;opacity:.9;position:relative}.code-block-wrapper.collapsed .code-block-content::after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,transparent,var(--bg-primary));pointer-events:none}.search-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:flex-start;justify-content:center;padding-top:20vh;overflow-y:auto}.search-modal[aria-hidden=false]{display:flex}.search-modal-backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--transition-base)}.search-modal-container{position:relative;width:90%;max-width:600px;z-index:1001;flex-shrink:0;animation:slideDown var(--transition-base)}.search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(30,30,45,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid transparent;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 10px rgba(160,32,240,.1);overflow:hidden}.search-input-icon{position:absolute;left:var(--spacing-lg);width:1.5rem;height:1.5rem;color:rgba(255,255,255,.5);pointer-events:none;flex-shrink:0;z-index:1}.search-input{flex:1;height:60px;padding:0 calc( var(--spacing-lg) + 2rem + var(--spacing-sm) + 2rem + var(--spacing-lg) )0 calc(var(--spacing-lg) + 1.5rem + var(--spacing-md));background:0 0;border:none;color:rgba(255,255,255,.95);font-family:var(--font-body);font-size:1.2rem;transition:all var(--transition-fast)}.search-input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}.search-input::-ms-clear{display:none}.search-input::placeholder{color:rgba(255,255,255,.4)}.search-input:focus{outline:none}.search-input-clear{position:absolute;right:calc(var(--spacing-lg) + 2rem + var(--spacing-sm));background:0 0;border:none;color:rgba(255,255,255,.5);cursor:pointer;padding:var(--spacing-sm);display:none;align-items:center;justify-content:center;transition:color var(--transition-fast);z-index:2;width:2rem;height:2rem;border-radius:.25rem}.search-input-clear.visible{display:flex}.search-input-clear:hover{color:var(--accent-primary)}.search-input-clear svg{width:1.25rem;height:1.25rem}.search-modal-close{position:absolute;right:var(--spacing-lg);background:0 0;border:none;color:rgba(255,255,255,.5);cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast);z-index:2;width:2rem;height:2rem;border-radius:.25rem}.search-modal-close:hover{color:var(--accent-primary)}.search-modal-close svg{width:1.25rem;height:1.25rem}.search-results{margin-top:.5rem;max-height:65vh;overflow-y:auto;background:rgba(30,30,45,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid transparent;box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 10px rgba(160,32,240,.1);display:none}.search-results:not(:empty){display:block}.search-result-item{display:block;padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.15);text-decoration:none;transition:background-color var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:rgba(255,255,255,5%)}.search-result-title{font-weight:700;color:#fff;margin-bottom:.25rem;font-size:1rem;line-height:1.4}.search-result-title mark{background-color:rgba(160,32,240,.3);color:#fff;padding:.125rem 0;border-radius:.125rem;font-weight:700;display:inline-block;vertical-align:baseline}.search-result-summary{color:rgba(255,255,255,.6);font-size:.875rem;margin-bottom:.25rem;line-height:1.5}.search-result-summary mark{background-color:rgba(160,32,240,.2);color:rgba(255,255,255,.9);padding:.125rem 0;border-radius:.125rem;display:inline-block}.search-result-date{display:flex;align-items:center;gap:.375rem;color:rgba(255,255,255,.4);font-size:.75rem;margin-top:.25rem}.search-result-date-icon{width:.875rem;height:.875rem}.search-result-empty{padding:var(--spacing-xl);text-align:center;color:rgba(255,255,255,.5)}@media(max-width:768px){.search-modal{padding-top:8vh}.search-results{max-height:60vh}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.hero-image{order:-1}.hero-logo,.hero-logo-placeholder{max-width:150px}.hero-title-line1,.hero-title-line2{font-size:clamp(2rem,8vw,3rem)}}@media(max-width:1024px){.single-post-wrapper{flex-direction:column}.post-toc{position:sticky;top:70px;width:100%;margin-bottom:var(--spacing-lg);order:-1}.toc-content.expanded{max-height:300px}}@media(max-width:1024px){.header-logo .logo-link{font-size:1.125rem}}@media(max-width:768px){.search-modal-container{width:90%}.header-container{padding:0 var(--spacing-sm)}.header-content{gap:var(--spacing-xs)}.header-logo{flex:auto;min-width:0}.header-logo .logo-link{font-size:.875rem;max-width:100%}.header-menu{gap:var(--spacing-xs);flex-shrink:0}.menu-list{gap:var(--spacing-xs)}.menu-link{padding:var(--spacing-xs)var(--spacing-sm);font-size:.875rem;white-space:nowrap}.search-toggle,.theme-toggle{padding:var(--spacing-xs);width:1.5rem;height:1.5rem;flex-shrink:0}.search-icon{width:var(--icon-sm);height:var(--icon-sm)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{width:1rem;height:1rem}main{padding:var(--spacing-lg)var(--spacing-md)}.post-card{flex-direction:column}.post-image{width:100%;height:200px}.post-title-main{font-size:2rem}.year-posts{margin-left:0}.post-content-main pre,.post-content-main .highlight,.post-content-main pre.highlight{max-width:100%;width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}.post-content-main pre code{min-width:0}.single-post{width:100%;max-width:100%;box-sizing:border-box}.post-content-main{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.code-block-copy{right:calc(.5rem + 85px + .5rem);padding:.375rem .5rem;font-size:.7rem;width:auto;min-width:32px;box-sizing:border-box;margin-right:0}.code-block-copy .copy-text,.code-block-copy .copied-text{display:none}.code-block-toggle{padding:.375rem .5rem;font-size:.7rem;width:85px;box-sizing:border-box}}@media(max-width:480px){.header-container{padding:0 var(--spacing-xs)}.header-content{gap:.25rem}.header-logo{flex:auto;min-width:0}.header-logo .logo-link{font-size:.75rem;max-width:100%}.header-menu{gap:.25rem}.menu-list{gap:.25rem}.menu-link{padding:var(--spacing-xs);font-size:.75rem}.about-content{gap:var(--spacing-sm)}.about-avatar{width:60px;height:60px}.about-name{font-size:1.25rem}.post-title-main{font-size:1.75rem}.tags-list{gap:var(--spacing-sm)}.tag-chip-large{padding:var(--spacing-xs)var(--spacing-sm);font-size:.875rem}.code-block-copy{right:calc(1rem + 85px)}}