@charset "UTF-8";:root{--gh-bg:#f6f8fa;--gh-header-bg:#f6f8fa;--gh-text:#24292f;--gh-secondary:#57606a;--gh-border:#d0d7de;--gh-link:#0969da;--gh-link-rgb:9, 105, 218;--gh-primary:#0969da;--gh-primary-dark:#0550ae;--gh-list-bullet:#57606a;--gh-list-counter:#8b949e;--gh-hover-bg:rgba(9, 105, 218, 0.1);--container-width:1200px;--container-padding:2rem;--content-width:900px;--content-padding:2rem;--header-height:70px;--sidebar-width:300px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--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:2rem;--border-radius-sm:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--transition:color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out, box-shadow 0.2s ease-in-out;--code-bg:#1e1e1e;--code-text:#d4d4d4;--code-border:#2d2d2d;--code-output-bg:#2d2d2d;--code-output-text:#e9ecef;--code-output-border:#495057;--card-bg:var(--gh-bg);--text-primary:var(--gh-text);--text-secondary:var(--gh-secondary);--border-color:var(--gh-border);--primary-color:var(--gh-primary);--primary-color-alpha:rgba(var(--gh-link-rgb), 0.1);--bg-secondary:#eceef0;--hover-bg:var(--gh-hover-bg)}[data-theme=dark]{--gh-bg:#0d1117;--gh-header-bg:#161b22;--gh-text:#c9d1d9;--gh-secondary:#8b949e;--gh-border:#30363d;--gh-link:#58a6ff;--gh-link-rgb:88, 166, 255;--gh-primary:#58a6ff;--gh-primary-dark:#1f6feb;--gh-list-bullet:#8b949e;--gh-list-counter:#8b949e;--gh-hover-bg:rgba(88, 166, 255, 0.1);--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.3);--code-bg:#1e1e1e;--code-text:#d4d4d4;--code-border:#2d2d2d;--code-output-bg:#2d2d2d;--code-output-text:#e9ecef;--code-output-border:#495057;--bg-secondary:#21262d}[data-theme=dark] .nav-link[href="/about"]:hover,[data-theme=dark] .nav-link[href="/about"].active{color:#40d865}[data-theme=dark] .nav-link[href="/community"]:hover,[data-theme=dark] .nav-link[href="/community"].active{color:#ff922b}[data-theme=dark] .nav-link[href="/contact"]:hover,[data-theme=dark] .nav-link[href="/contact"].active{color:#9775fa}[data-theme=dark] .nav-link[href="/search"]:hover,[data-theme=dark] .nav-link[href="/search"].active{color:#3bc9db}[data-theme=dark] .nav-link[href="/about"].active::after{background:#40d865}[data-theme=dark] .nav-link[href="/community"].active::after{background:#ff922b}[data-theme=dark] .nav-link[href="/contact"].active::after{background:#9775fa}[data-theme=dark] .nav-link[href="/search"].active::after{background:#3bc9db}*{box-sizing:border-box}body{background-color:var(--gh-bg);color:var(--gh-text);font-family:var(--font-family);line-height:1.6;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}main{flex:1;width:100%}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.page-container{width:100%;display:grid;gap:var(--spacing-xl);max-width:1360px;margin:0 auto;padding:var(--spacing-xl)}.main-content{min-width:0;width:100%}.sidebar{width:var(--sidebar-width);position:sticky;top:calc(var(--header-height) + var(--spacing-xl));height:fit-content}.site-header{background:var(--gh-header-bg);border-bottom:1px solid var(--gh-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;transition:var(--transition);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.site-header.home-dark-header{background:#161b22;border-bottom:1px solid #30363d;box-shadow:0 1px 2px rgba(0,0,0,.3)}.site-header.home-dark-header .navbar-brand .brand-link{color:#c9d1d9}.site-header.home-dark-header .navbar-brand .brand-link:hover{color:#58a6ff}.site-header.home-dark-header .nav-link{color:#c9d1d9}.site-header.home-dark-header .nav-link:hover,.site-header.home-dark-header .nav-link.active{color:#58a6ff;background:rgba(88,166,255,.1)}.site-header.home-dark-header .theme-toggle{color:#c9d1d9}.site-header.home-dark-header .theme-toggle:hover{color:#58a6ff;background:rgba(88,166,255,.1)}.header-container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}.navbar{display:flex;align-items:center;height:var(--header-height)}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:100%}.navbar-brand .brand-link{display:flex;align-items:center;text-decoration:none;color:var(--gh-text);font-size:var(--font-size-xl);font-weight:700;transition:var(--transition)}.navbar-brand .brand-link:hover{color:var(--gh-primary)}.brand-logo{height:48px;width:auto;aspect-ratio:auto;margin-right:var(--spacing-xs);transition:opacity .2s ease;background:0 0;display:block}.brand-text{background:linear-gradient(45deg,var(--gh-primary),var(--gh-primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-menu{display:flex;gap:var(--spacing-xl);margin:0 var(--spacing-lg)}.nav-link{display:flex;align-items:center;color:var(--gh-text);text-decoration:none;font-weight:500;font-size:var(--font-size-base);padding:var(--spacing-xs)0;transition:var(--transition);position:relative}.nav-link:hover{color:var(--gh-primary)}.nav-link[href="/about"]:hover,.nav-link[href="/about"].active{color:#28a745}.nav-link[href="/community"]:hover,.nav-link[href="/community"].active{color:#fd7e14}.nav-link[href="/contact"]:hover,.nav-link[href="/contact"].active{color:#6f42c1}.nav-link[href="/search"]:hover,.nav-link[href="/search"].active{color:#20c997}.nav-link.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;border-radius:1px}.nav-link[href="/about"].active::after{background:#28a745}.nav-link[href="/community"].active::after{background:#fd7e14}.nav-link[href="/contact"].active::after{background:#6f42c1}.nav-link[href="/search"].active::after{background:#20c997}.navbar-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.btn,.theme-toggle-btn,.mobile-menu-toggle,.search-button,.copy-code-button,.toc-toggle-btn,.sidebar-share-button{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--border-radius-sm);background:0 0;color:var(--text-primary);cursor:pointer;transition:var(--transition);text-decoration:none}.btn{padding:.75rem 1.5rem;font-size:var(--font-size-base);font-weight:500}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--gh-primary-dark)}.theme-toggle-btn,.mobile-menu-toggle{width:40px;height:40px;border:1px solid var(--border-color)}.theme-toggle-btn:hover,.mobile-menu-toggle:hover{background:var(--hover-bg);color:var(--primary-color)}.search-button{padding:.75rem 1.5rem;color:#fff;background:var(--primary-color);border-radius:var(--border-radius-md)}.search-button:hover{background:var(--gh-primary-dark)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-menu-content{position:absolute;top:0;right:0;width:280px;height:100%;background:var(--card-bg);box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .3s ease;overflow-y:auto}.mobile-menu.active .mobile-menu-content{transform:translateX(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.mobile-menu-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.mobile-menu-close{width:32px;height:32px;border:none;border-radius:var(--border-radius-sm);background:0 0;color:var(--text-primary);cursor:pointer;transition:var(--transition)}.mobile-menu-close:hover{background:var(--hover-bg);color:var(--primary-color)}.mobile-menu-nav{padding:var(--spacing-md)}.mobile-menu-item{display:flex;align-items:center;color:var(--text-primary);text-decoration:none;font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm)var(--spacing-md);margin-bottom:var(--spacing-xs);transition:var(--transition);position:relative}.mobile-menu-item:hover,.mobile-menu-item.active{color:var(--primary-color)}.mobile-menu-item.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);border-radius:0 2px 2px 0}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.breadcrumb-link{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.breadcrumb-link:hover{text-decoration:underline}.separator{color:var(--text-secondary)}.breadcrumb-current{color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.article-header{margin-bottom:var(--spacing-xl)}.article-title{font-size:var(--article-title-size,2.5rem);line-height:1.3;margin:0 0 1.5rem;background:linear-gradient(135deg,#024da7 0%,#0090f9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;word-wrap:break-word;overflow-wrap:break-word}[data-theme=dark] .article-title{background:linear-gradient(135deg,#4a90e2 0%,#64b5f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-description{font-size:.95rem;line-height:1.6;color:var(--text-secondary);margin:0 0 1.5rem;padding:.25rem 0;font-style:italic}.article-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.meta-icon{color:var(--primary-color);flex-shrink:0}.category-tags{display:flex;gap:.5rem;flex-wrap:wrap}.category-tag{background:var(--primary-color-alpha);color:var(--primary-color);padding:.25rem .75rem;border-radius:var(--border-radius-sm);text-decoration:none;font-size:var(--font-size-xs);font-weight:600;transition:var(--transition)}.category-tag:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.article-content,.content{width:100%;max-width:var(--content-width);margin:0;padding:0;overflow:visible;position:relative;font-size:1.125rem;line-height:1.8}.article-content h1{font-size:2rem;font-weight:700;margin:2rem 0 1rem;color:var(--text-primary);line-height:1.3;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.article-content h2{font-size:1.75rem;font-weight:600;margin:1.75rem 0 1rem;color:var(--text-primary);line-height:1.3;border-bottom:1px solid var(--border-color);padding-bottom:.25rem}.article-content h3{font-size:1.5rem;font-weight:600;margin:1.5rem 0 .75rem;color:var(--text-primary);line-height:1.4}.article-content h4{font-size:1.25rem;font-weight:600;margin:1.25rem 0 .75rem;color:var(--text-primary);line-height:1.4}.article-content h5{font-size:1.125rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-primary);line-height:1.4}.article-content h6{font-size:1rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-secondary);line-height:1.4}.content img,.article-content img{display:block;max-width:100%;height:auto;margin:1.5rem auto;border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.content ul,.content ol,.article-content ul,.article-content ol{padding-left:2rem;margin:1rem 0}.content ul,.article-content ul{list-style:none}.content ul li,.article-content ul li{position:relative}.content ul li::before,.article-content ul li::before{content:"";position:absolute;left:-1.25rem;top:.75rem;width:5px;height:5px;border-radius:50%;background-color:var(--gh-list-bullet)}.content ol,.article-content ol{list-style:decimal}.content a,.article-content a{color:var(--gh-link);text-decoration:none;transition:var(--transition)}.content a:hover,.article-content a:hover{text-decoration:underline}:is(.content,.article-content) pre{background:var(--code-bg);color:var(--code-text);border:1px solid var(--code-border);border-radius:var(--border-radius-md);padding:1.25rem 1rem 1rem;margin:1.5rem 0;overflow-x:auto;overflow-y:hidden;position:relative;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#555 transparent}:is(.content,.article-content) pre::-webkit-scrollbar{height:6px}:is(.content,.article-content) pre::-webkit-scrollbar-track{background:0 0}:is(.content,.article-content) pre::-webkit-scrollbar-thumb{background:#555;border-radius:3px}:is(.content,.article-content) pre::-webkit-scrollbar-thumb:hover{background:#777}:is(.content,.article-content) pre code{display:block;background:0 0;color:inherit;border:none;padding:0;margin:0;font-family:ui-monospace,SFMono-Regular,sf mono,Menlo,Consolas,liberation mono,monospace;font-size:.875rem;line-height:1.6;white-space:pre;word-break:normal;tab-size:2;width:max-content;min-width:100%}:is(.content,.article-content) pre:is(.output,[class*=output-]){background:var(--code-output-bg);color:var(--code-output-text);border-color:var(--code-output-border)}.copy-code-button{position:absolute;top:.5rem;right:.5rem;padding:3px 8px;border-radius:var(--border-radius-sm);font-size:.72rem;font-weight:500;color:#ccc;background:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.15);opacity:0;cursor:pointer;transition:opacity .15s,background .15s;z-index:10}pre:hover .copy-code-button{opacity:1}.copy-code-button:hover{background:rgba(255,255,255,.18);color:#fff}.copy-code-button.copied{background:#10b981;border-color:#059669;color:#fff;opacity:1}.copy-code-button.copy-error{background:#ef4444;border-color:#dc2626;color:#fff;opacity:1}.content table,.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.content table th,.article-content table th{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;text-align:left;font-weight:600}.content table td,.article-content table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.content table tr:last-child td,.article-content table tr:last-child td{border-bottom:none}.sidebar-section{background:linear-gradient(135deg,var(--card-bg) 0%,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.5rem;margin-bottom:var(--spacing-md);position:relative;overflow:hidden}.sidebar-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.difficulty-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2da44e 0%,#bf8700 50%,#cf222e 100%)}.difficulty-indicator{display:flex;flex-direction:column;gap:1rem}.difficulty-header{display:flex;justify-content:space-between;align-items:center}.difficulty-label{font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:var(--border-radius-md);text-transform:uppercase;letter-spacing:.05em}.difficulty-label.difficulty-beginner{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);color:#166534;border:1px solid #22c55e}.difficulty-label.difficulty-intermediate{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;border:1px solid #f59e0b}.difficulty-label.difficulty-advanced{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);color:#991b1b;border:1px solid #ef4444}.difficulty-dots{display:flex;gap:.375rem;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all .3s ease}.dot.active{background:var(--primary-color);box-shadow:0 0 8px rgba(57,118,193,.4);transform:scale(1.2)}.difficulty-bar-container{width:100%;height:12px;background:#fff;border-radius:6px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.difficulty-bar{height:100%;border-radius:6px;position:relative;overflow:hidden}.difficulty-bar-fill{height:100%;border-radius:6px;animation:fillBar 1.5s ease-out}.difficulty-bar.difficulty-beginner{width:33%}.difficulty-bar.difficulty-beginner .difficulty-bar-fill{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%)}.difficulty-bar.difficulty-intermediate{width:66%}.difficulty-bar.difficulty-intermediate .difficulty-bar-fill{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)}.difficulty-bar.difficulty-advanced{width:100%}.difficulty-bar.difficulty-advanced .difficulty-bar-fill{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%)}@keyframes fillBar{from{width:0%}to{width:100%}}.toc-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--gh-secondary) 100%)}.toc-container{position:relative;max-height:500px;overflow:hidden}.toc-progress-bar{position:absolute;top:0;left:-1rem;width:3px;height:100%;background:var(--border-color);border-radius:2px;overflow:hidden}.toc-progress-fill{width:100%;height:0%;background:linear-gradient(180deg,var(--primary-color) 0%,var(--gh-secondary) 100%);border-radius:2px;transition:height .3s ease}.table-of-contents{position:relative;padding-left:1rem;background-color:#fff;max-height:400px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-color)transparent}.table-of-contents::-webkit-scrollbar{width:6px}.table-of-contents::-webkit-scrollbar-track{background:0 0}.table-of-contents::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.table-of-contents::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.table-of-contents ul{list-style:none;margin:0;padding:0}.table-of-contents a{display:block;color:var(--text-secondary);text-decoration:none;padding:.4rem .75rem;margin:.2rem 0;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);line-height:1.3;transition:var(--transition);border-left:3px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.table-of-contents a:hover{color:var(--primary-color);background:var(--hover-bg);border-left-color:var(--primary-color);transform:translateX(4px)}.table-of-contents a.active{color:var(--primary-color);background:var(--primary-color-alpha);border-left-color:var(--primary-color);font-weight:600}.toc-section.collapsed .table-of-contents{max-height:150px;mask:linear-gradient(to bottom,black 0%,black 60%,transparent 100%);-webkit-mask:linear-gradient(to bottom,black 0%,black 60%,transparent 100%)}.toc-collapse-toggle{display:flex;justify-content:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.toc-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition);font-size:.75rem}.toc-toggle-btn:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.toc-expand-icon{display:block}.toc-collapse-icon{display:none}.toc-section.collapsed .toc-expand-icon{display:none}.toc-section.collapsed .toc-collapse-icon{display:block}.sidebar-share-buttons{display:flex;justify-content:center;gap:var(--spacing-sm)}.sidebar-share-button{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);transition:var(--transition)}.sidebar-share-button:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.search-section{margin:var(--spacing-xl)0}.search-box{position:relative;display:flex;align-items:center;gap:.5rem;max-width:800px;margin:0 auto}.search-icon{position:static;left:12px;color:var(--text-secondary);z-index:1}#search-input{flex:1;padding:.75rem 1rem .75rem 2.5rem;font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:#fff;color:var(--text-primary)}#search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--gh-link-rgb),.1)}.category-groups{display:grid;gap:var(--spacing-xl);margin:var(--spacing-xl)0}.category-group{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.5rem}.group-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.group-categories{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(40px,auto);gap:.5rem}@media(max-width:900px){.group-categories{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.group-categories{grid-template-columns:1fr}}.category-link{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;text-decoration:none;color:var(--text-primary);background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition)}.category-link:hover{border-color:var(--primary-color)}.category-name{color:var(--primary-color);font-size:var(--font-size-sm)}.category-count{background:var(--bg-secondary);color:var(--text-secondary);padding:.125rem .5rem;border-radius:1rem;font-size:var(--font-size-xs)}.article-list{display:grid;gap:1rem}.article-item{display:block;padding:1rem;text-decoration:none;color:var(--text-primary);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:var(--transition)}.article-item:hover{border-color:var(--primary-color);transform:translateY(-2px)}.article-header{display:block;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.article-title{font-size:2.5rem;font-weight:700;margin:0}.reading-time{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.article-list .article-title,.article-item .article-title,.related-article-title{font-size:1.15rem;font-weight:600;margin:0 0 .5rem;line-height:1.4}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.image-modal.active{opacity:1;visibility:visible}.image-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.image-modal-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:2rem;box-sizing:border-box}.image-modal-close{position:absolute;top:1rem;right:1rem;width:48px;height:48px;border:none;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;z-index:10001;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-modal-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.image-container{position:relative;max-width:90vw;max-height:80vh;overflow:visible;display:flex;align-items:center;justify-content:center}.modal-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease;cursor:grab;user-select:none;-webkit-user-drag:none}.modal-image:active{cursor:grabbing}.image-controls{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;background:rgba(0,0,0,.7);padding:.75rem;border-radius:var(--border-radius-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.zoom-btn{width:40px;height:40px;border:none;border-radius:var(--border-radius-sm);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.zoom-btn:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.zoom-btn:active{transform:scale(.95)}.image-modal::after{content:"ESC: Close | +/-: Zoom | 0: Reset | Arrow Keys: Move";position:absolute;top:1rem;left:1rem;color:rgba(255,255,255,.7);font-size:.75rem;background:rgba(0,0,0,.5);padding:.5rem .75rem;border-radius:var(--border-radius-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none}@media(max-width:1024px){.page-container{grid-template-columns:1fr;padding:var(--spacing-md)}.sidebar{display:none!important}.container{padding:0 var(--spacing-md)}.image-modal-content{padding:1rem}.image-modal-close{top:.5rem;right:.5rem;width:40px;height:40px}.image-container{max-width:95vw;max-height:75vh}.image-controls{bottom:1rem;padding:.5rem}.zoom-btn{width:36px;height:36px}.image-modal::after{display:none}}@media(max-width:768px){:root{--container-padding:1rem;--content-padding:1rem}.navbar-menu{display:none}.mobile-menu-toggle{display:flex}.page-container{padding:var(--spacing-md)}.article-title{font-size:var(--font-size-2xl)}.article-meta{flex-direction:column;gap:var(--spacing-md)}.search-box{flex-direction:column}.search-button{width:50%;margin-top:.5rem}.difficulty-header{flex-direction:column;gap:.75rem;align-items:flex-start}:is(.content,.article-content) pre{margin:1.25rem -1rem;border-radius:0;border-left:none;border-right:none}:is(.content,.article-content) pre code{font-size:.83rem}.content table,.article-content table{display:block;overflow-x:auto;margin:1rem -1rem;border-radius:0;border-left:none;border-right:none}.article-content h1{font-size:1.75rem;margin:1.5rem 0 1rem}.article-content h2{font-size:1.5rem;margin:1.25rem 0 .75rem}.article-content h3{font-size:1.25rem;margin:1rem 0 .5rem}.article-content h4{font-size:1.125rem}.article-content h5,.article-content h6{font-size:1rem}}@media(max-width:480px){.container{padding:0;overflow-x:hidden}.article-title{font-size:1.75rem}.breadcrumb-current{max-width:150px}:is(.content,.article-content) pre{padding:.875rem .75rem .75rem;margin:1rem -.5rem}:is(.content,.article-content) pre code{font-size:.8rem}.article-content h1{font-size:1.5rem;margin:1.25rem 0 .75rem}.article-content h2{font-size:1.25rem;margin:1rem 0 .5rem}.article-content h3{font-size:1.125rem;margin:1rem 0 .5rem}.article-content h4,.article-content h5,.article-content h6{font-size:1rem;margin:.75rem 0 .5rem}}@media(min-width:769px){.mobile-menu-toggle{display:none}}.hidden{display:none!important}.overflow-hidden{overflow:hidden!important}.scroll-smooth{scroll-behavior:smooth}.icon{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;stroke-width:2;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:.875em;height:.875em}.icon-lg{width:1.25em;height:1.25em}.icon-xl{width:1.5em;height:1.5em}.theme-icon{transition:var(--transition)}[data-theme=light] .sun-icon{display:none}[data-theme=dark] .moon-icon{display:none}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}[data-theme=dark] .difficulty-label.difficulty-beginner{background:linear-gradient(135deg,rgba(34,197,94,.15) 0%,rgba(34,197,94,.1) 100%);color:#4ade80}[data-theme=dark] .difficulty-label.difficulty-intermediate{background:linear-gradient(135deg,rgba(245,158,11,.15) 0%,rgba(245,158,11,.1) 100%);color:#fbbf24}[data-theme=dark] .difficulty-label.difficulty-advanced{background:linear-gradient(135deg,rgba(239,68,68,.15) 0%,rgba(239,68,68,.1) 100%);color:#f87171}[data-theme=dark] .difficulty-bar-container{background:var(--bg-secondary);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}[data-theme=dark] .table-of-contents{background-color:var(--bg-secondary)}[data-theme=dark] .table-of-contents::-webkit-scrollbar-thumb{background-color:var(--border-color)}[data-theme=dark] .table-of-contents::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}[data-theme=dark] .article-content h1,[data-theme=dark] .article-content h2{border-bottom-color:var(--border-color)}[data-theme=dark] .article-content h1{color:var(--text-primary)}[data-theme=dark] .article-content h2,[data-theme=dark] .article-content h3,[data-theme=dark] .article-content h4,[data-theme=dark] .article-content h5{color:var(--text-primary)}[data-theme=dark] .article-content h6{color:var(--text-secondary)}.auto-inserted-ad{margin:var(--spacing-xl)0;text-align:center;width:100%;position:relative;background:0 0;border:none;padding:0;box-sizing:border-box;overflow:hidden;transition:height .3s ease-in-out,opacity .3s ease-in-out;height:0;opacity:0}.auto-inserted-ad.ad-loaded{height:auto;opacity:1;padding:var(--spacing-md)0;border-top:1px solid rgba(0,0,0,5%);border-bottom:1px solid rgba(0,0,0,5%)}.auto-inserted-ad::after{content:'Advertisement';position:absolute;top:.5rem;right:.5rem;font-size:.75rem;color:rgba(0,0,0,.4);font-weight:400;text-transform:uppercase;letter-spacing:.5px;z-index:10;background:rgba(255,255,255,.8);padding:.25rem .5rem;border-radius:4px;backdrop-filter:blur(4px)}.auto-inserted-ad ins.adsbygoogle{display:block!important;width:100%!important;min-width:300px!important;background:0 0;border:none;margin:0;padding:0;position:relative;z-index:2}.article-content code,.content code{background:#b9b9b9;color:#141414;border-radius:4px;padding:.15em .4em;font-size:.88em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}[data-theme=dark] .article-content code,[data-theme=dark] .content code{background:#23272e;color:#ffb86c}.related-articles{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);grid-column:1;max-width:100%;min-height:220px;contain:layout}.sidebar-section.share-section{min-height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);overflow:hidden}.sidebar-share-buttons{min-width:180px}[data-theme=dark] .sidebar-share-button{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .sidebar-share-button img{filter:invert(1)brightness(.85)contrast(.9);transition:filter .3s ease}[data-theme=dark] .sidebar-share-button:hover{background:var(--primary-color);border-color:var(--primary-color)}[data-theme=dark] .sidebar-share-button:hover img{filter:invert(1)brightness(1)contrast(1)}.aaw-section{padding:1.1rem 1.25rem 1.25rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;margin-bottom:var(--spacing-md);contain:layout}.aaw-stats{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.aaw-stat{display:flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:500;color:var(--text-secondary)}.aaw-stat svg{opacity:.55;flex-shrink:0}.aaw-stat span:nth-child(2){font-weight:700;font-size:.82rem;color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:2ch;display:inline-block}.aaw-stat-label{opacity:.65;font-weight:400}.aaw-stat-sep{color:var(--border-color);font-size:1rem;line-height:1;padding:0 .15rem}.aaw-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.aaw-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border-color);border-radius:10px;background:0 0;cursor:pointer;padding:0;transition:border-color .18s,background .18s,transform .12s}.aaw-btn:hover{transform:translateY(-1px)}.aaw-btn:active{transform:translateY(0)scale(.97)}.aaw-btn-inner{display:flex;flex-direction:column;align-items:center;gap:.28rem;padding:.65rem .4rem .6rem;pointer-events:none;width:100%}.aaw-icon{flex-shrink:0;transition:transform .15s}.aaw-btn:hover .aaw-icon{transform:scale(1.12)}.aaw-btn-label{font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);transition:color .15s;white-space:nowrap}.aaw-btn-ripple{position:absolute;inset:0;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 70%);opacity:0;transform:scale(.5);transition:opacity .3s,transform .3s;pointer-events:none}.aaw-btn:hover .aaw-btn-ripple{opacity:1;transform:scale(1)}@keyframes aaw-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.92)}100%{transform:scale(1)}}.aaw-btn-pop{animation:aaw-pop .35s ease}.aaw-like:hover{border-color:#fca5a5;background:#fff5f5}.aaw-like:hover .aaw-btn-label{color:#dc2626}.aaw-like:hover .aaw-icon{stroke:#dc2626}.aaw-like.liked{border-color:#fca5a5;background:linear-gradient(135deg,#fff5f5 0%,#ffe4e6 100%)}.aaw-like.liked .aaw-icon{stroke:#dc2626;fill:#dc2626}.aaw-like.liked .aaw-btn-label{color:#dc2626}[data-theme=dark] .aaw-like:hover,[data-theme=dark] .aaw-like.liked{background:rgba(220,38,38,.12);border-color:rgba(220,38,38,.4)}.aaw-bookmark:hover{border-color:#6ee7b7;background:#f0fdf4}.aaw-bookmark:hover .aaw-btn-label{color:#059669}.aaw-bookmark:hover .aaw-icon{stroke:#059669}.aaw-bookmark.bookmarked{border-color:#6ee7b7;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.aaw-bookmark.bookmarked .aaw-icon{stroke:#059669;fill:#059669}.aaw-bookmark.bookmarked .aaw-btn-label{color:#059669}[data-theme=dark] .aaw-bookmark:hover,[data-theme=dark] .aaw-bookmark.bookmarked{background:rgba(5,150,105,.12);border-color:rgba(5,150,105,.4)}.aaw-share:hover{border-color:#93c5fd;background:#eff6ff}.aaw-share:hover .aaw-btn-label{color:#2563eb}.aaw-share:hover .aaw-icon{stroke:#2563eb}.aaw-share[aria-expanded=true]{border-color:#3b82f6;background:#eff6ff}.aaw-share[aria-expanded=true] .aaw-icon{stroke:#3b82f6}.aaw-share[aria-expanded=true] .aaw-btn-label{color:#3b82f6}[data-theme=dark] .aaw-share:hover,[data-theme=dark] .aaw-share[aria-expanded=true]{background:rgba(37,99,235,.12);border-color:rgba(37,99,235,.5)}.aaw-share-panel{position:fixed;z-index:9999;width:260px;transform:translateY(-100%)translateY(-12px);background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 0 0 1px rgba(0,0,0,4%),0 8px 16px rgba(0,0,0,.1),0 24px 48px rgba(0,0,0,.1);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .22s cubic-bezier(.34,1.56,.64,1)}.aaw-share-panel.aaw-sp-open{opacity:1;pointer-events:auto;transform:translateY(0%)translateY(-10px)}.aaw-sp-arrow{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%)rotate(45deg);width:12px;height:12px;background:var(--card-bg);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-radius:2px}.aaw-sp-title{margin:0;padding:.85rem 1rem .5rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);opacity:.7}.aaw-sp-grid{display:flex;flex-direction:column;padding:.25rem .5rem .6rem;gap:1px}.aaw-sp-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:10px;font-size:.84rem;font-weight:500;color:var(--text-primary);text-decoration:none;background:0 0;border:none;cursor:pointer;width:100%;text-align:left;transition:background .12s}.aaw-sp-item:hover{background:var(--bg-secondary)}.aaw-sp-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0;transition:transform .15s}.aaw-sp-item:hover .aaw-sp-icon{transform:scale(1.1)}.aaw-sp-item[data-platform=x] .aaw-sp-icon{background:#000;color:#fff}.aaw-sp-item[data-platform=linkedin] .aaw-sp-icon{background:#0a66c2;color:#fff}.aaw-sp-item[data-platform=facebook] .aaw-sp-icon{background:#1877f2;color:#fff}.aaw-sp-item[data-platform=telegram] .aaw-sp-icon{background:#2aabee;color:#fff}.aaw-sp-item[data-platform=reddit] .aaw-sp-icon{background:#ff4500;color:#fff}.aaw-sp-item[data-platform=hn] .aaw-sp-icon{background:#f60;color:#fff}.aaw-sp-copy .aaw-sp-icon{background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .aaw-sp-item[data-platform=x] .aaw-sp-icon{background:#e7e9ea;color:#000}[data-theme=dark] .aaw-sp-copy .aaw-sp-icon{background:#30363d}[data-theme=dark] .aaw-share-panel{box-shadow:0 0 0 1px rgba(255,255,255,6%),0 8px 24px rgba(0,0,0,.5)}.article-meta{display:flex;flex-direction:column;gap:.85rem;margin-top:.25rem}.article-meta:has(.meta-info-row){flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1rem}.meta-info-row{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .1rem;row-gap:.5rem}.meta-info-row .meta-item{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.meta-info-row .meta-icon{opacity:.6;flex-shrink:0}.meta-sep{color:var(--border-color);padding:0 .3rem;font-size:1rem;line-height:1;flex-shrink:0}.meta-actions-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.meta-action-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .85rem;border:1.5px solid var(--border-color);border-radius:20px;background:0 0;cursor:pointer;font-size:.78rem;font-weight:600;color:var(--text-secondary);transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:nowrap;position:relative;overflow:hidden}.meta-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,8%)}.meta-action-btn:active{transform:translateY(0)scale(.97)}.meta-action-btn svg{flex-shrink:0;transition:transform .15s}.meta-action-btn:hover svg{transform:scale(1.15)}.meta-action-count{font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;min-width:1.4ch;text-align:left;color:inherit;line-height:1}.meta-action-label{font-size:.75rem;font-weight:600;color:inherit;line-height:1}.meta-updated{font-size:inherit;color:var(--text-secondary)}.meta-updated time{color:var(--text-primary);font-weight:500}.meta-like-btn:hover{border-color:#fca5a5;color:#dc2626;background:#fff5f5}.meta-like-btn.liked{border-color:#fca5a5;color:#dc2626;background:#fff5f5}.meta-like-btn.liked svg{fill:#dc2626;stroke:#dc2626}.meta-save-btn:hover{border-color:#6ee7b7;color:#059669;background:#f0fdf4}.meta-save-btn.bookmarked{border-color:#6ee7b7;color:#059669;background:#f0fdf4}.meta-save-btn.bookmarked svg{fill:#059669;stroke:#059669}.meta-share-btn{min-width:5.5rem}.meta-share-btn:hover{border-color:#93c5fd;color:#2563eb;background:#eff6ff}.meta-share-btn[aria-expanded=true]{border-color:#3b82f6;color:#2563eb;background:#eff6ff}[data-theme=dark] .meta-like-btn:hover,[data-theme=dark] .meta-like-btn.liked{background:rgba(220,38,38,.12)}[data-theme=dark] .meta-save-btn:hover,[data-theme=dark] .meta-save-btn.bookmarked{background:rgba(5,150,105,.12)}[data-theme=dark] .meta-share-btn:hover,[data-theme=dark] .meta-share-btn[aria-expanded=true]{background:rgba(37,99,235,.12)}.aaw-share-panel[data-arrow=top] .aaw-sp-arrow{bottom:auto;top:-7px;border-right:none;border-bottom:none;border-left:1px solid var(--border-color);border-top:1px solid var(--border-color)}@media(max-width:640px){.article-meta:has(.meta-info-row){flex-direction:column;align-items:flex-start}.meta-actions-row{justify-content:flex-start}.meta-info-row{gap:.3rem 0}.meta-sep{padding:0 .2rem}.meta-action-btn{padding:.35rem .7rem;font-size:.75rem}}