*{box-sizing:border-box}:root{--color-bg:#fff;--color-surface:#fafafa;--color-text:#1a1a1a;--color-text-secondary:#6b6b6b;--color-text-tertiary:#999;--color-accent:#ff6b6b;--color-accent-hover:#ff5252;--color-border:#e0e0e0;--color-border-light:#f5f5f5;letter-spacing:-.011em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6}body{background:var(--color-bg);color:var(--color-text);margin:0;padding:0;font-size:16px}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--color-text);font-weight:600;line-height:1.2}h1{font-size:3.5rem;font-weight:700}h2{font-size:2.5rem}h3{font-size:1.75rem}a{color:var(--color-text);text-decoration:none;transition:all .2s}button{font-family:inherit}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}*{transition:background-color .2s,border-color .2s}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app{animation:.6s ease-out fadeIn}.article-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.article-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#0000 0%,#00000005 100%);border-radius:8px;transition:opacity .3s;position:absolute;inset:0}.article-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.content-link{position:relative;border-bottom:none!important}.content-link:hover:after{transform-origin:0;transform:scaleX(1)}.back-home-button,.back-button{transition:all .3s;position:relative;overflow:hidden}.back-home-button:before,.back-button:before{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.back-home-button:hover:before,.back-button:hover:before{width:300px;height:300px}.back-home-button:active,.back-button:active{transform:scale(.98)}.pre-block{transition:all .3s;position:relative}.pre-block:hover{box-shadow:0 8px 24px #0003}.pre-block:after{content:attr(data-language);color:#858585;text-transform:uppercase;letter-spacing:.05em;pointer-events:none;background:#ffffff0d;border-radius:4px;padding:4px 12px;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:.75rem;transition:all .3s;position:absolute;top:12px;right:16px}.pre-block:hover:after{background:#ffffff14}.content-blockquote{transition:all .3s;position:relative}.article-tag{transition:all .3s;position:relative}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.article-page,.home-page{animation:.5s ease-out slideInFromRight}.navbar{transition:all .3s}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000000d}.article-page-title{background:linear-gradient(135deg, var(--color-text) 0%, var(--color-text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 0,#f8f8f8 40px,#f0f0f0 80px) 0 0/1000px 100%;animation:2s infinite shimmer}.content-li{transition:all .2s;position:relative}.content-li:hover{padding-left:.5rem}img{transition:opacity .3s,transform .3s}img:hover{transform:scale(1.02)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.article-category-badge{transition:all .3s;position:relative}.article-category-badge:before{content:"";background:var(--color-accent);opacity:0;z-index:-1;border-radius:4px;transition:opacity .3s;position:absolute;inset:-4px}.article-category-badge:hover:before{opacity:.1;animation:2s ease-in-out infinite pulse}.footer{position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-border) 50%, transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#ccc;border:3px solid #f5f5f5;border-radius:6px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#999}::selection{background:var(--color-accent);color:#fff}::selection{background:var(--color-accent);color:#fff}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){.navbar.scrolled{background:#000000f2}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-color:#1a1a1a}::-webkit-scrollbar-thumb:hover{background:#666}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.article-card{animation:.6s ease-out both fadeInUp}.inline-code{transition:all .2s;position:relative}.inline-code:hover{background:#f0f0f0;transform:scale(1.05)}table{border-collapse:collapse;border-radius:8px;width:100%;margin:2rem 0;overflow:hidden;box-shadow:0 2px 8px #0000000d}th,td{text-align:left;border-bottom:1px solid var(--color-border-light);padding:12px 16px}th{color:var(--color-text);background:#00000005;font-weight:600}tr{transition:background .2s}tr:hover{background:#00000003}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:3px solid var(--color-border-light);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.header{background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;transition:all .3s cubic-bezier(.4,0,.2,1);position:sticky;top:0}.header.scrolled{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fffffff2;box-shadow:0 4px 20px #00000014}.header.scrolled .header-container{padding:1.5rem 3rem}.header-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:2rem 3rem;display:flex}.logo{color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.logo:hover{opacity:.7}.logo-icon{font-size:1.5rem}.logo-text{color:var(--color-text)}.nav{align-items:center;gap:3rem;display:flex}.nav-link{color:var(--color-text-secondary);letter-spacing:-.01em;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:hover{color:var(--color-text)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:8px;display:none}.menu-toggle span{background:var(--color-text);width:24px;height:2px;transition:all .3s}@media (width<=768px){.header-container{padding:1.5rem 2rem}.menu-toggle{display:flex}.nav{background:#fff;flex-direction:column;gap:1.5rem;min-width:200px;padding:2rem;transition:transform .3s;position:absolute;top:100%;right:0;transform:translate(100%);box-shadow:0 10px 40px #0000001a}.nav-open{transform:translate(0)}.nav-link{width:100%;padding:.5rem}}.article-card{background:var(--color-bg);border:1px solid var(--color-border-light);height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out both fadeInUp;position:relative;overflow:hidden}.article-card:first-child{animation-delay:.1s}.article-card:nth-child(2){animation-delay:.2s}.article-card:nth-child(3){animation-delay:.3s}.article-card:nth-child(4){animation-delay:.4s}.article-card:nth-child(5){animation-delay:.5s}.article-card:nth-child(6){animation-delay:.6s}.article-card:before{content:"";opacity:0;pointer-events:none;z-index:1;background:linear-gradient(135deg,#0000 0%,#00000005 100%);transition:opacity .3s;position:absolute;inset:0}.article-card:hover{border-color:var(--color-border);transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.article-card:hover:before{opacity:1}.article-card-link{color:inherit;height:100%;text-decoration:none;display:block}.article-card-content{flex-direction:column;gap:1.5rem;height:100%;padding:2.5rem;display:flex}.article-header-info{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.article-author-info{align-items:center;gap:.75rem;display:flex}.author-avatar-img{object-fit:cover;border-radius:50%;width:32px;height:32px}.article-author-name{color:var(--color-text-secondary);letter-spacing:-.01em;font-size:.875rem;font-weight:500}.article-date{color:var(--color-text-tertiary);letter-spacing:-.01em;font-size:.8125rem}.article-title{color:var(--color-text);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.75rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.article-excerpt{color:var(--color-text-secondary);-webkit-line-clamp:3;letter-spacing:-.01em;-webkit-box-orient:vertical;flex-grow:1;margin:0;font-size:1rem;line-height:1.7;display:-webkit-box;overflow:hidden}.article-footer{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.article-tags{flex-wrap:wrap;flex:1;gap:.75rem;display:flex}.tag{color:var(--color-text-tertiary);letter-spacing:-.01em;background:0 0;border-radius:0;padding:0;font-size:.8125rem;font-weight:500}.read-time{color:var(--color-text-tertiary);white-space:nowrap;letter-spacing:-.01em;font-size:.8125rem}@media (width<=768px){.article-card-content{padding:2rem}.article-title{font-size:1.5rem}.article-excerpt{font-size:.9375rem}.article-footer{flex-direction:column;align-items:flex-start;gap:1rem}}.search-bar{width:100%;max-width:800px;margin:0 auto}.search-input-wrapper{background:#fff;border-radius:60px;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.search-input-wrapper:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);border-radius:60px;padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.search-input-wrapper:focus-within{transform:translateY(-2px);box-shadow:0 15px 50px #667eea26}.search-input-wrapper:focus-within:before{opacity:1}.search-icon{pointer-events:none;color:var(--color-text-tertiary);z-index:1;font-size:1.25rem;transition:all .3s;position:absolute;left:2rem}.search-input-wrapper:focus-within .search-icon{color:#11998e;transform:scale(1.1)}.search-input{width:100%;color:var(--color-text);letter-spacing:-.01em;background:0 0;border:none;padding:1.5rem 4rem 1.5rem 4.5rem;font-size:1.125rem;font-weight:500;transition:all .3s}.search-input:focus{outline:none}.search-input::placeholder{color:var(--color-text-tertiary);font-weight:400}.clear-button{cursor:pointer;width:36px;height:36px;color:var(--color-text-tertiary);z-index:1;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;right:1.5rem}.clear-button:hover{color:#fff;background:#11998e;transform:rotate(90deg)scale(1.1)}.clear-button:active{transform:rotate(90deg)scale(.95)}@media (width<=768px){.search-input{padding:1.25rem 3.5rem 1.25rem 3.75rem;font-size:1rem}.search-icon{font-size:1.125rem;left:1.5rem}.clear-button{width:32px;height:32px;right:1.25rem}}@media (width<=480px){.search-input{padding:1rem 3rem 1rem 3.25rem;font-size:.9375rem}.search-icon{font-size:1rem;left:1.25rem}.clear-button{width:28px;height:28px;right:1rem}}.category-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin:3rem 0;display:grid}.category-card{border:1px solid var(--color-border-light);color:inherit;background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border-radius:16px;flex-direction:column;align-items:flex-start;padding:3rem 2.5rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.category-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#11998e 0%,#38ef7d 100%);width:100%;height:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleX(0)}.category-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#667eea14 0%,#0000 70%);border-radius:50%;width:150px;height:150px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;top:-50px;right:-50px}.category-card:hover{background:#fff;border-color:#667eea4d;transform:translateY(-8px);box-shadow:0 20px 40px #667eea26}.category-card:hover:before{transform:scaleX(1)}.category-card:hover:after{opacity:.6;transform:scale(1.5)}.category-icon{z-index:1;margin-bottom:1.5rem;font-size:3.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.category-card:hover .category-icon{transform:scale(1.15)rotate(5deg)}.category-name{color:var(--color-text);letter-spacing:-.02em;z-index:1;margin:0 0 .75rem;font-size:1.625rem;font-weight:700;transition:all .3s;position:relative}.category-card:hover .category-name{color:#11998e}.category-description{color:var(--color-text-secondary);z-index:1;flex-grow:1;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.7;position:relative}.category-count{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;z-index:1;background:#667eea14;border-radius:20px;margin-top:auto;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;transition:all .3s;position:relative}.category-card:hover .category-count{color:#fff;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);transform:translate(4px)}.category-card:first-child{animation:.6s ease-out .1s both fadeInScale}.category-card:nth-child(2){animation:.6s ease-out .2s both fadeInScale}.category-card:nth-child(3){animation:.6s ease-out .3s both fadeInScale}.category-card:nth-child(4){animation:.6s ease-out .4s both fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=768px){.category-grid{grid-template-columns:1fr;gap:1.5rem}.category-card{padding:2.5rem 2rem}.category-icon{font-size:3rem}.category-name{font-size:1.5rem}}.sidebar{flex-direction:column;gap:2rem;display:flex;position:sticky;top:100px}.sidebar-section{border:1px solid var(--color-border-light);background:linear-gradient(135deg,#fff 0%,#fafafa 100%);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000a}.sidebar-section:before{content:"";transform-origin:0;background:linear-gradient(90deg,#11998e 0%,#38ef7d 100%);width:100%;height:3px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.sidebar-section:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea1a}.sidebar-section:hover:before{transform:scaleX(1)}.sidebar-title{color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:.875rem;font-weight:700;display:flex}.sidebar-title:before{content:"";background:linear-gradient(#11998e 0%,#38ef7d 100%);border-radius:2px;width:4px;height:16px}.recent-articles{flex-direction:column;gap:1.25rem;display:flex}.recent-article-item{color:inherit;background:#667eea05;border:1px solid #0000;border-radius:8px;padding:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative}.recent-article-item:after{content:"→";opacity:0;color:#11998e;font-weight:700;transition:all .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)translate(-8px)}.recent-article-item:hover{background:#fff;border-color:#667eea33;transform:translate(4px);box-shadow:0 4px 12px #667eea14}.recent-article-item:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.recent-article-info{flex-direction:column;gap:.5rem;display:flex}.recent-article-title{color:var(--color-text);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9375rem;font-weight:600;line-height:1.5;transition:color .3s;display:-webkit-box;overflow:hidden}.recent-article-item:hover .recent-article-title{color:#11998e}.recent-article-meta{color:var(--color-text-tertiary);gap:.75rem;font-size:.75rem;font-weight:500;display:flex}.recent-article-author{font-weight:600}.recent-article-date{text-transform:uppercase;letter-spacing:.05em}.sidebar-text{color:var(--color-text-secondary);letter-spacing:-.01em;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.7}.sidebar-link{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);border-radius:50px;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 12px #667eea4d}.sidebar-link:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.sidebar-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.sidebar-link:hover:before{left:100%}.sidebar-link:active{transform:translateY(0)}.sidebar-section:first-child{animation:.6s ease-out .1s both slideInRight}.sidebar-section:nth-child(2){animation:.6s ease-out .2s both slideInRight}.sidebar-section:nth-child(3){animation:.6s ease-out .3s both slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (width<=1024px){.sidebar{border-top:none;margin-top:5rem;padding-top:0;position:static}.sidebar-section{animation:.6s ease-out both fadeIn}}@media (width<=768px){.sidebar-section{padding:1.5rem}}.home{background:linear-gradient(#fff 0%,#fafafa 100%);min-height:calc(100vh - 80px)}.hero{text-align:center;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);border-bottom:none;max-width:100%;margin:0;padding:8rem 3rem 6rem;position:relative;overflow:hidden}.hero:before{content:"";background:#ffffff1a;border-radius:50%;width:500px;height:500px;animation:20s ease-in-out infinite float;position:absolute;top:-50%;right:-10%}.hero:after{content:"";background:#ffffff14;border-radius:50%;width:400px;height:400px;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-5%}@keyframes float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-20px)translate(10px)}}.hero-content{z-index:1;max-width:900px;margin:0 auto;animation:.8s ease-out fadeInUp;position:relative}.hero-title{letter-spacing:-.03em;color:#fff;text-shadow:0 4px 12px #0000001a;margin:0 0 1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1}.gradient-text{background:linear-gradient(135deg,#ffd89b 0%,#19547b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite shimmer;display:inline-block}.hero-subtitle{color:#fffffff2;letter-spacing:.01em;text-shadow:0 2px 8px #0000001a;margin:0;font-size:1.35rem;font-weight:400;line-height:1.6}.search-section{margin-bottom:5rem;animation:.8s ease-out .3s both slideInDown;transform:translateY(-40px)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:translateY(-40px)}}.section{margin-bottom:6rem;animation:.8s ease-out fadeIn}.section-header{text-align:center;margin-bottom:3.5rem;position:relative}.section-header:after{content:"";background:linear-gradient(90deg, var(--color-accent) 0%, #38ef7d 100%);border-radius:2px;width:60px;height:4px;margin:1.5rem auto 0;display:block}.section-title{color:var(--color-text);letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-text) 0%, var(--color-text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:2.75rem;font-weight:700}.section-subtitle{color:var(--color-text-secondary);letter-spacing:.01em;margin:0;font-size:1.125rem}.sidebar-area{min-width:0;position:sticky;top:100px}.results-info{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border:1px solid #667eea1a;border-radius:12px;margin-bottom:3rem;padding:1.5rem 2rem;animation:.5s ease-out slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.search-results{color:var(--color-text);letter-spacing:-.01em;text-align:center;margin:0;font-size:1rem}.search-results strong{color:var(--color-accent);font-weight:600}.no-results{text-align:center;border:2px dashed var(--color-border-light);background:linear-gradient(135deg,#ff6b6b08 0%,#764ba208 100%);border-radius:16px;padding:6rem 2rem;animation:2s ease-in-out infinite pulse}.no-results-icon{opacity:.4;margin-bottom:1.5rem;font-size:5rem;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-results h3{color:var(--color-text);margin:0 0 1rem;font-size:2rem;font-weight:700}.no-results p{color:var(--color-text-secondary);margin:0 0 2.5rem;font-size:1.125rem}.reset-button{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);border:none;border-radius:50px;padding:1.25rem 3rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea4d}.reset-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.reset-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.reset-button:hover:before{left:100%}.reset-button:active{transform:translateY(-1px)}.home:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 80%,#667eea08 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b08 0%,#0000 50%),radial-gradient(circle at 40% 40%,#764ba205 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.home>*{z-index:1;position:relative}@media (width<=1200px){.content-layout{grid-template-columns:1fr;gap:0}.sidebar-area{display:none}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (width<=1024px){.hero{padding:6rem 2rem 5rem}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.2rem}.container{padding:4rem 2rem 5rem}.section{margin-bottom:5rem}.section-title{font-size:2.25rem}.articles-grid{grid-template-columns:1fr;gap:2.5rem}}@media (width<=768px){.hero{padding:5rem 1.5rem 4rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.05rem}.container{padding:3rem 1.5rem 4rem}.section{margin-bottom:4rem}.section-title{font-size:1.875rem}.search-section{margin-bottom:4rem;transform:translateY(-30px)}.articles-grid{gap:2rem}.reset-button{padding:1rem 2rem;font-size:.9375rem}}@media (width<=480px){.hero:before,.hero:after{display:none}.hero-title{font-size:2rem}.hero-subtitle{font-size:.95rem}}.comments-section{border-top:1px solid var(--color-border-light);margin-top:5rem;padding-top:4rem;animation:.6s ease-out fadeIn}.comments-title{color:var(--color-text);text-align:center;letter-spacing:-.02em;justify-content:center;align-items:center;gap:.75rem;margin:0 0 2rem;font-size:1.75rem;font-weight:700;display:flex}.comments-title:before,.comments-title:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-border-light) 50%, transparent 100%);flex:1;height:2px}.giscus{max-width:100%}.giscus-frame{border:1px solid var(--color-border-light);border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #0000000d}.giscus-frame:hover{border-color:#11998e4d;box-shadow:0 8px 20px #11998e1a}@media (width<=768px){.comments-section{margin-top:4rem;padding-top:3rem}.comments-title{font-size:1.5rem}.comments-title:before,.comments-title:after{display:none}}.article-page{background:var(--color-bg);min-height:calc(100vh - 80px);padding:4rem 3rem;animation:.5s ease-out fadeIn}.article-container{background:var(--color-bg);max-width:800px;margin:0 auto}.article-header{border-bottom:1px solid var(--color-border-light);margin-bottom:4rem;padding:0 0 3rem}.article-meta-bar{align-items:center;gap:2rem;margin-bottom:2.5rem;display:flex}.article-category-badge{color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:0;padding:0;font-size:.8125rem;font-weight:600}.article-read-time{color:var(--color-text-tertiary);letter-spacing:-.01em;font-size:.8125rem}.article-page-title{color:var(--color-text);letter-spacing:-.03em;margin:0 0 2rem;font-size:3.5rem;font-weight:700;line-height:1.15}.article-info{color:var(--color-text-tertiary);align-items:center;gap:1.5rem;margin-bottom:2rem;font-size:.9375rem;display:flex}.article-author{align-items:center;gap:.75rem;display:flex}.author-avatar{font-size:1.25rem}.author-name{color:var(--color-text-secondary);letter-spacing:-.01em;font-weight:500}.article-divider{color:var(--color-border)}.article-page-date{color:var(--color-text-tertiary);letter-spacing:-.01em}.article-tags-list{flex-wrap:wrap;gap:1rem;display:flex}.article-tag{color:var(--color-text-tertiary);letter-spacing:-.01em;background:0 0;border-radius:0;padding:0;font-size:.8125rem;font-weight:500;transition:all .3s;display:inline-block;position:relative}.article-tag:before{content:"";background:var(--color-accent);opacity:0;z-index:-1;border-radius:4px;transition:opacity .3s;position:absolute;inset:-4px}.article-tag:hover{color:var(--color-accent);transform:translateY(-2px)}.article-tag:hover:before{opacity:.1}.article-content{color:var(--color-text-secondary);letter-spacing:-.011em;font-size:1.0625rem;line-height:1.8}.content-h1{color:var(--color-text);letter-spacing:-.02em;margin:3rem 0 1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.content-h2{color:var(--color-text);letter-spacing:-.02em;margin:2.5rem 0 1.25rem;font-size:2rem;font-weight:600;line-height:1.25}.content-h3{color:var(--color-text);letter-spacing:-.01em;margin:2rem 0 1rem;font-size:1.5rem;font-weight:600}.content-p{margin:1.5rem 0;line-height:1.8}.inline-code{color:#d73a49;background:#f6f8fa;border:1px solid #e1e4e8;border-radius:4px;padding:.25em .5em;font-family:SF Mono,Monaco,Menlo,Consolas,Courier New,monospace;font-size:.9em;font-weight:500;transition:all .2s}.inline-code:hover{background:#f0f0f0;transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.pre-block{background:#1e1e1e;border:1px solid #2d2d2d;border-radius:8px;margin:2rem 0;padding:0;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026}.pre-block:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.pre-block:before{content:attr(data-language);color:#858585;text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:.75rem;position:absolute;top:0;right:0}.pre-block code{color:#d4d4d4;padding:2.5rem 3rem;font-family:SF Mono,Monaco,Menlo,Consolas,Courier New,monospace;font-size:.9375rem;font-weight:500;line-height:1.8;display:block;overflow-x:auto}.pre-block .hljs{color:#d4d4d4;background:0 0!important;padding:1rem 1.5rem!important;font-size:.9375rem!important;font-weight:500!important;line-height:1.8!important}.pre-block code::-webkit-scrollbar{height:8px}.pre-block code::-webkit-scrollbar-track{background:#252525;border-radius:4px}.pre-block code::-webkit-scrollbar-thumb{background:#3e3e3e;border-radius:4px}.pre-block code::-webkit-scrollbar-thumb:hover{background:#4e4e4e}.content-ul,.content-ol{margin:1.5rem 0;padding-left:1.75rem}.content-li{margin:.75rem 0;line-height:1.8}.content-blockquote{border-left:3px solid var(--color-accent);color:var(--color-text);border:1px solid var(--color-border-light);background:#00000005;border-radius:4px;margin:2rem 0;padding:1.5rem 2rem;font-style:normal;transition:all .3s;position:relative}.content-blockquote:before{content:"";background:var(--color-accent);transform-origin:top;width:3px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.content-blockquote:hover{background:#00000008;border-left-color:#0000}.content-blockquote:hover:before{transform:scaleY(1)}.content-blockquote p{color:var(--color-text-secondary);margin:.5rem 0}.content-blockquote ul,.content-blockquote ol{margin:1rem 0;padding-left:1.5rem;font-style:normal}.content-blockquote li{color:var(--color-text-secondary);margin:.5rem 0;line-height:1.8}.content-blockquote li::marker{color:var(--color-text-tertiary)}.content-blockquote strong{color:var(--color-text);font-weight:600}.content-link{color:var(--color-text);border-bottom:none;text-decoration:none;transition:color .2s;position:relative}.content-link:after{content:"";background:var(--color-text);transform-origin:100%;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.content-link:hover{color:var(--color-accent)}.content-link:hover:after{transform-origin:0;background:var(--color-accent);transform:scaleX(1)}.article-footer-section{border-top:1px solid var(--color-border-light);margin-top:4rem;padding:4rem 0 0}.back-home-button{background:var(--color-text);color:#fff;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:2px;padding:1rem 2rem;font-size:.9375rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.back-home-button:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.back-home-button:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.back-home-button:hover:before{width:300px;height:300px}.back-home-button:active{transform:translateY(-1px)scale(.98)}.article-not-found{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:3rem;display:flex}.back-button{background:var(--color-text);color:#fff;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:2px;padding:1rem 2rem;font-size:.9375rem;font-weight:500;transition:all .2s}.back-button:hover{background:var(--color-accent)}@media (width<=768px){.article-page{padding:2rem 1.5rem}.article-header{margin-bottom:3rem;padding:0 0 2rem}.article-page-title{font-size:2.25rem}.content-h1{font-size:1.875rem}.content-h2{font-size:1.5rem}.content-h3{font-size:1.25rem}.article-content{font-size:1rem}.article-footer-section{margin-top:3rem;padding:3rem 0 0}.pre-block{margin:1.5rem 0;padding:1.5rem}.code-block{font-size:.875rem}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#dcdcdc;background:#1e1e1e}.hljs-keyword,.hljs-literal,.hljs-symbol,.hljs-name{color:#569cd6}.hljs-link{color:#569cd6;text-decoration:underline}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-number,.hljs-class{color:#b8d7a3}.hljs-string,.hljs-meta .hljs-string{color:#d69d85}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-subst,.hljs-function,.hljs-title,.hljs-params,.hljs-formula{color:#dcdcdc}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#608b4e}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9b9b9b}.hljs-variable,.hljs-template-variable{color:#bd63c5}.hljs-attr,.hljs-attribute{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-tag,.hljs-selector-id,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo{color:#d7ba7d}.hljs-addition{background-color:#144212;width:100%;display:inline-block}.hljs-deletion{background-color:#600;width:100%;display:inline-block}.category-page{min-height:calc(100vh - 80px)}.category-hero{background:var(--color-bg);text-align:center;border-bottom:1px solid var(--color-border-light);padding:5rem 3rem}.category-hero-content{max-width:800px;margin:0 auto}.category-icon-large{margin-bottom:2rem;font-size:5rem}.category-title{color:var(--color-text);letter-spacing:-.03em;margin:0 0 1rem;font-size:3.5rem;font-weight:700}.category-description{color:var(--color-text-secondary);letter-spacing:-.01em;margin:0 0 2rem;font-size:1.25rem}.category-stats{justify-content:center;gap:2rem;display:flex}.stat-item{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.9375rem;font-weight:500}.container{max-width:1400px;margin:0 auto;padding:4rem 3rem 6rem}.content-layout{grid-template-columns:1fr 320px;align-items:start;gap:4rem;display:grid}.main-content-area,.sidebar-area{min-width:0}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem 2rem;display:grid}.no-articles{text-align:center;padding:6rem 2rem}.no-articles-icon{opacity:.3;margin-bottom:1.5rem;font-size:4rem}.no-articles h3{color:var(--color-text);margin:0 0 .75rem;font-size:1.75rem;font-weight:600}.no-articles p{color:var(--color-text-secondary);margin:0;font-size:1rem}.category-not-found{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:3rem;display:flex}.not-found-content{text-align:center;max-width:500px}.not-found-content h1{margin:0 0 1.5rem;font-size:6rem}.not-found-content h2{color:var(--color-text);margin:0 0 1rem;font-size:2rem;font-weight:600}.not-found-content p{color:var(--color-text-secondary);margin:0;font-size:1.125rem}@media (width<=1200px){.content-layout{grid-template-columns:1fr;gap:0}.sidebar-area{display:none}}@media (width<=1024px){.category-hero{padding:4rem 2rem}.category-title{font-size:2.5rem}.category-description{font-size:1.125rem}.container{padding:3rem 2rem 4rem}.articles-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.category-hero{padding:3rem 2rem}.category-icon-large{font-size:4rem}.category-title{font-size:2rem}.category-description{font-size:1rem}.container{padding:2rem 1.5rem 3rem}}.about-page{background:var(--color-bg);min-height:calc(100vh - 80px);padding:4rem 3rem}.about-container{background:var(--color-bg);max-width:900px;margin:0 auto}.about-header{background:var(--color-bg);text-align:left;color:var(--color-text);border-bottom:1px solid var(--color-border-light);margin-bottom:4rem;padding:4rem 0}.about-title{letter-spacing:-.03em;margin:0 0 1.5rem;font-size:4rem;font-weight:700}.about-subtitle{color:var(--color-text-secondary);letter-spacing:-.01em;margin:0;font-size:1.375rem;font-weight:400}.about-content{padding:0}.about-section{border-bottom:1px solid var(--color-border-light);margin-bottom:4rem;padding-bottom:4rem}.about-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-icon{margin-bottom:1.5rem;font-size:3rem}.about-section h2{color:var(--color-text);letter-spacing:-.02em;margin:0 0 1.5rem;font-size:2rem;font-weight:600}.about-section p{color:var(--color-text-secondary);letter-spacing:-.011em;margin:0 0 1.5rem;font-size:1.0625rem;line-height:1.8}.content-list{margin:1.5rem 0;padding:0;list-style:none}.content-list li{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);letter-spacing:-.011em;align-items:flex-start;padding:1rem 0;font-size:1.0625rem;line-height:1.7;display:flex}.content-list li:last-child{border-bottom:none}.content-list li:before{content:"—";color:var(--color-text-tertiary);margin-right:1rem;font-size:1.25rem}.content-list strong{color:var(--color-text);font-weight:600}.tech-stack{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.tech-badge{color:var(--color-text);border-bottom:2px solid var(--color-border);letter-spacing:-.01em;background:0 0;border-radius:0;padding:.75rem 0;font-size:.9375rem;font-weight:500;transition:border-color .2s}.tech-badge:hover{border-bottom-color:var(--color-accent)}.contact-info{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.contact-link{color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);letter-spacing:-.01em;align-items:center;gap:1rem;padding:.75rem 0;font-size:1.0625rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.contact-link:hover{color:var(--color-text);border-bottom-color:var(--color-accent)}@media (width<=768px){.about-page{padding:2rem 1.5rem}.about-header{margin-bottom:3rem;padding:2rem 0}.about-title{font-size:2.5rem}.about-subtitle{font-size:1.125rem}.about-section{margin-bottom:3rem;padding-bottom:3rem}.about-section h2{font-size:1.75rem}.about-section p{font-size:1rem}.tech-stack{gap:.75rem}.tech-badge{padding:.625rem 0;font-size:.875rem}.content-list li,.contact-link{font-size:1rem}}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.footer{background:var(--color-bg);color:var(--color-text-secondary);border-top:1px solid var(--color-border-light);margin-top:auto;padding:3rem 3rem 2rem}.footer-content{text-align:center;max-width:1400px;margin:0 auto}.footer-content p{letter-spacing:-.01em;margin:0 0 1.5rem;font-size:.9375rem}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.footer-links a{color:var(--color-text-secondary);letter-spacing:-.01em;font-size:.9375rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-text)}.footer-links span{color:var(--color-border)}@media (width<=768px){.footer{padding:2rem 2rem 1.5rem}.footer-content p{font-size:.875rem}.footer-links{gap:1.5rem;font-size:.875rem}}