@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#0f0f0f;--bg-card:#1a1a1a;--bg-header:linear-gradient(135deg,#1a1a1a,#0d0d0d);--bg-search:#1a1a1a;--bg-code:#1e1e1e;--bg-code-header:#2a2a2a;--text-primary:#e5e5e5;--text-secondary:#b0b0b0;--text-muted:#888;--text-code:#e5e5e5;--border-primary:#2a2a2a;--border-secondary:#333;--border-hover:#00d4ff;--accent-primary:#00d4ff;--accent-secondary:#09c;--accent-gradient:linear-gradient(135deg,#00d4ff,#09c);--shadow-primary:#00d4ff1a;--shadow-secondary:#00d4ff33;--shadow-hover:#00d4ff4d;--scrollbar-track:#1a1a1a;--scrollbar-thumb:#333;--scrollbar-thumb-hover:#444;--card-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--card-shadow-hover:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--input-shadow:0 1px 2px 0 #0003;--button-shadow:0 1px 2px 0 #0003;--button-shadow-hover:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--section-bg:linear-gradient(135deg,#1a1a1a,#0f0f0f);--card-border:1px solid #2a2a2a;--card-border-hover:1px solid #00d4ff;--input-border-focus:2px solid #00d4ff;--button-border-radius:8px;--card-border-radius:12px;--button-text:#000}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-header:linear-gradient(135deg,#fff,#f8fafc);--bg-search:#f8fafc;--bg-code:#f8fafc;--bg-code-header:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-code:#0f172a;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-hover:#3b82f6;--accent-primary:#3b82f6;--accent-secondary:#1d4ed8;--accent-gradient:linear-gradient(135deg,#3b82f6,#1d4ed8);--shadow-primary:#3b82f61a;--shadow-secondary:#3b82f626;--shadow-hover:#3b82f640;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--card-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--card-shadow-hover:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--input-shadow:0 1px 2px 0 #0000000d;--button-shadow:0 1px 2px 0 #0000000d;--button-shadow-hover:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--section-bg:linear-gradient(135deg,#f8fafc,#f1f5f9);--card-border:1px solid #e2e8f0;--card-border-hover:1px solid #3b82f6;--input-border-focus:2px solid #3b82f6;--button-border-radius:8px;--card-border-radius:12px;--button-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:touch;background-color:#0a0a0a;background-color:var(--bg-primary);color:#e5e5e5;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden;text-rendering:optimizeLegibility;transition:background-color .3s ease,color .3s ease}.App{display:flex;flex-direction:column;min-height:100vh}.main-container{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1400px;padding:0;width:100%}.content-layout{padding:2rem}.content-layout,.post-layout{min-height:calc(100vh - 80px)}.post-layout{display:flex;gap:2rem;margin:0 auto;max-width:1500px;padding:0 2rem}.post-main{flex:1 1;max-width:900px;order:1;padding:2rem 0}.main-content{width:100%}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a1a,#0d0d0d);background:var(--bg-header);border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary);padding:1rem 2rem;position:sticky;top:0;transition:background .3s ease,border-color .3s ease;z-index:100}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{color:#00d4ff;color:var(--accent-primary);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.logo:hover{color:#09c;color:var(--accent-secondary)}.nav{gap:2rem}.nav,.nav-link{align-items:center;display:flex}.nav-link{color:#b0b0b0;color:var(--text-secondary);font-weight:500;min-height:44px;padding:.5rem .75rem;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#e5e5e5;color:var(--text-primary)}.nav-link:after{background:linear-gradient(135deg,#00d4ff,#09c);background:var(--accent-gradient);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.theme-toggle{align-items:center;background:none;border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--button-border-radius);color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;transition:all .3s ease}.theme-toggle:hover{background:#1a1a1a;background:var(--bg-secondary);border:1px solid #00d4ff;border:var(--card-border-hover);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;box-shadow:var(--button-shadow-hover);color:#e5e5e5;color:var(--text-primary);transform:translateY(-1px)}.search-container{flex:1 1;max-width:400px}.search-form{align-items:center;display:flex;gap:.5rem}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#888;color:var(--text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{appearance:none;background:#1a1a1a;background:var(--bg-search);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:8px;border-radius:var(--button-border-radius);color:#e5e5e5;color:var(--text-primary);font-size:.9rem;min-height:44px;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:100%}.search-input,.search-input:focus{box-shadow:0 1px 2px 0 #0003;box-shadow:var(--input-shadow)}.search-input:focus{border:2px solid #00d4ff;border:var(--input-border-focus);font-size:16px;outline:none}.clear-button,.search-input::placeholder{color:#888;color:var(--text-muted)}.clear-button{background:none;border:none;border-radius:4px;cursor:pointer;padding:.25rem;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease}.clear-button:hover{background:#0f0f0f;background:var(--bg-tertiary);color:#e5e5e5;color:var(--text-primary)}.search-button{background:linear-gradient(135deg,#00d4ff,#09c);background:var(--accent-gradient);border:none;border-radius:8px;border-radius:var(--button-border-radius);box-shadow:0 1px 2px 0 #0003;box-shadow:var(--button-shadow);color:#000;color:var(--button-text);cursor:pointer;font-weight:600;min-height:44px;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.search-button:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;box-shadow:var(--button-shadow-hover);transform:translateY(-1px)}.search-results-container{margin:0 auto;max-width:800px}.search-header{border-bottom:1px solid #2a2a2a;border-bottom:1px solid var(--border-primary);justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.search-header,.search-info{align-items:center;display:flex}.search-info{gap:1rem}.search-info h1{color:#e5e5e5;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.search-query{color:#00d4ff;color:var(--accent-primary);font-weight:600}.clear-search-btn{align-items:center;background:#1a1a1a;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:6px;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.clear-search-btn:hover{border-color:#00d4ff;border-color:var(--border-hover);color:#e5e5e5;color:var(--text-primary)}.no-results,.no-search{color:#b0b0b0;color:var(--text-secondary);padding:4rem 2rem;text-align:center}.no-results h2,.no-search h2{color:#e5e5e5;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:1rem 0}.no-results p,.no-search p{font-size:1rem;margin-bottom:2rem}.try-again-btn{background:linear-gradient(135deg,#00d4ff,#09c);background:var(--accent-gradient);border:none;border-radius:8px;color:#000;color:var(--button-text);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.try-again-btn:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;box-shadow:var(--button-shadow-hover);transform:translateY(-1px)}.results-info{background:#1a1a1a;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:8px;margin-bottom:2rem;padding:1rem}.loading,.results-info{color:#b0b0b0;color:var(--text-secondary)}.loading{font-size:1.1rem;padding:2rem;text-align:center}.home-container{margin:0 auto;max-width:800px;overflow-x:hidden}@media (max-width:768px){.home-container{max-width:100%;padding:0}.categories-section,.featured-section,.recent-section,.series-section{padding-left:1rem;padding-right:1rem}}.hero{margin-bottom:4rem;padding:3rem 0;text-align:center}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09c);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:1rem}.hero p{color:#b0b0b0;color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.hero-content{margin:0 auto;max-width:1000px;text-align:center}.hero-badge{align-items:center;background:rgba(var(--accent-primary-rgb),.1);border:1px solid rgba(var(--accent-primary-rgb),.3);border-radius:20px;color:#00d4ff;color:var(--accent-primary);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.hero-subtitle{color:#b0b0b0;color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin:0 auto 2rem;max-width:700px}.hero-search{background:#1a1a1a;background:var(--bg-secondary);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;box-shadow:var(--card-shadow);display:flex;margin:0 auto 3rem;max-width:500px;overflow:hidden}.hero-search-input{background:#0000;border:none;color:#e5e5e5;color:var(--text-primary);flex:1 1;font-size:1rem;outline:none;padding:1rem 1rem 1rem 3rem}.hero-search-input::placeholder{color:#b0b0b0;color:var(--text-secondary)}.hero-search-input:focus{border:2px solid #00d4ff;border:var(--input-border-focus);box-shadow:0 1px 2px 0 #0003;box-shadow:var(--input-shadow);outline:none}.search-btn{background:linear-gradient(135deg,#00d4ff,#09c);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;color:#000;color:var(--button-text);cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.search-btn:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;box-shadow:var(--button-shadow-hover);transform:translateY(-1px)}.hero-stats{display:flex;gap:3rem;justify-content:center;margin-top:2rem}.stat-item{color:#b0b0b0;gap:.75rem}.stat-item svg{color:#00d4ff}.stat-number{color:#e5e5e5;color:var(--text-primary);display:block;font-size:1.5rem;font-weight:700}.stat-label{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem}.section-header{margin-bottom:3rem;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09c);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#e5e5e5;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.section-header p{color:#b0b0b0;color:var(--text-secondary);font-size:1.125rem;margin:0 auto;max-width:600px}.categories-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);background:var(--section-bg);border-radius:16px;margin:4rem 0;padding:3rem 0}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px}.category-card{align-items:center;background:#0a0a0a;background:var(--bg-primary);border:1px solid #2a2a2a;border:var(--card-border);border-radius:12px;border-radius:var(--card-border-radius);color:inherit;display:flex;flex-direction:column;padding:2rem 1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.category-card:hover{border:1px solid #00d4ff;border:var(--card-border-hover);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.category-icon{align-items:center;background:linear-gradient(135deg,#00d4ff,#09c);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:12px;color:#fff;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.category-card h3{color:#e5e5e5;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.category-count{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem}.featured-section{margin:4rem 0}.featured-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.featured-card{color:inherit;text-decoration:none}.post-card.featured{background:linear-gradient(135deg,#1a1a1a,#1a1a1a);background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-secondary) 100%);border:2px solid #0000;box-shadow:0 8px 32px #0000001a;position:relative}.featured-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.recent-section{margin:4rem 0}.newsletter-section{background:linear-gradient(135deg,#00d4ff,#09c);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:16px;color:#fff;margin:4rem 0;padding:3rem}.newsletter-content{margin:0 auto;max-width:600px;text-align:center}.newsletter-text h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.newsletter-text p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.newsletter-form{display:flex;gap:1rem;margin:0 auto;max-width:400px}.newsletter-input{border:none;border-radius:8px;border-radius:var(--button-border-radius);flex:1 1;font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .3s ease}.newsletter-input:focus{border:2px solid #00d4ff;border:var(--input-border-focus);box-shadow:0 1px 2px 0 #0003;box-shadow:var(--input-shadow);outline:none}.newsletter-btn{background:#0a0a0a;background:var(--bg-primary);border:none;border-radius:8px;border-radius:var(--button-border-radius);color:#00d4ff;color:var(--accent-primary);cursor:pointer;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.newsletter-btn:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;box-shadow:var(--button-shadow-hover);transform:translateY(-2px)}.post-meta{flex-wrap:wrap;font-size:.875rem}.meta-item{gap:.25rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.posts-grid{grid-gap:2rem;display:grid;gap:2rem}.post-card-link{color:inherit;display:block;text-decoration:none}.post-card{-webkit-tap-highlight-color:transparent;background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:var(--card-border);border-radius:12px;border-radius:var(--card-border-radius);box-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;box-shadow:var(--card-shadow);cursor:pointer;padding:2rem;touch-action:manipulation;transition:all .3s ease}.post-card-link:hover .post-card{border:1px solid #00d4ff;border:var(--card-border-hover);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.post-meta{color:#888;color:var(--text-muted);display:flex;font-size:.9rem;gap:1rem;margin-bottom:1rem}.post-tag{background:linear-gradient(135deg,#00d4ff,#09c);background:var(--accent-gradient);border-radius:20px;color:#000;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.post-title{color:#e5e5e5;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.post-excerpt{color:#b0b0b0;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.read-more{align-items:center;color:#00d4ff;color:var(--accent-primary);display:inline-flex;font-weight:600;gap:.5rem;text-decoration:none;transition:gap .3s ease}.read-more:hover{gap:.75rem}.post-header h1{color:#e5e5e5;margin-bottom:1rem}.post-meta-detailed{color:#888}.code-block{-webkit-overflow-scrolling:touch;background:#1e1e1e;background:var(--bg-code);border:1px solid #333;border:1px solid var(--border-secondary);border-radius:8px;margin:2rem 0;overflow:hidden;overflow-x:auto}.code-header{align-items:center;background:#2a2a2a;background:var(--bg-code-header);border-bottom:1px solid #333;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:.75rem 1rem}.code-language{color:#00d4ff;color:var(--accent-primary);font-size:.9rem;font-weight:600}.code-copy{background:none;border:none;border-radius:4px;color:#888;color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;transition:all .3s ease}.code-copy:hover{background:#0f0f0f;background:var(--bg-tertiary);color:#e5e5e5;color:var(--text-primary)}.about-container{margin:0 auto;max-width:700px;padding:2rem;text-align:center}.about-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#09c);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:2rem}.about-container p{color:#b0b0b0;color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}@media (max-width:1500px){.post-layout{max-width:1400px;padding:0 1.5rem}}@media (max-width:1400px){.post-layout{max-width:1200px;padding:0 1.5rem}}@media (max-width:1024px){.content-layout{gap:1.5rem;grid-template-columns:1fr 300px;padding:1.5rem}.main-container{max-width:1200px}.hero h1{font-size:2.5rem}.post-header h1{font-size:2.2rem}.post-layout{max-width:100%;padding:0 1rem}}@media (max-width:768px){.content-layout{gap:1.5rem;grid-template-columns:1fr;padding:1rem}.post-layout{flex-direction:column}.post-main{order:1;padding:1rem}.main-content{padding:0}.header{padding:1rem}.header-content{align-items:stretch;flex-direction:column;gap:1rem}.logo{font-size:1.3rem;text-align:center}.search-container{max-width:100%;order:-1}.search-form{flex-direction:column;gap:.75rem}.search-button{padding:.875rem 1.5rem;width:100%}.nav{flex-wrap:wrap;gap:1rem;justify-content:center}.nav-link{font-size:.9rem;padding:.5rem .75rem}.theme-toggle{padding:.4rem}.hero{margin-bottom:3rem;padding:2rem 0}.hero h1{font-size:2rem;line-height:1.2}.hero p{font-size:1rem;line-height:1.6}.hero-stats{flex-direction:column;gap:1.5rem}.hero-search{flex-direction:column;max-width:100%}.hero-search-input,.search-btn{padding:1rem}.categories-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.category-card{padding:1.5rem 1rem}.featured-grid{gap:1.5rem;grid-template-columns:1fr}.newsletter-section{padding:2rem 1rem}.newsletter-form{flex-direction:column}.section-header{margin-bottom:2rem;padding:0 1rem}.section-header h2{font-size:1.8rem;margin-bottom:.75rem}.section-header p{font-size:.95rem}.post-card{padding:1.5rem}.post-title{font-size:1.3rem}.post-header h1{font-size:1.8rem;line-height:1.3}.post-meta-detailed{flex-direction:column;gap:.5rem;text-align:center}.search-header{align-items:flex-start;flex-direction:column;gap:1rem}.search-info h1{font-size:1.5rem}.about-container h1{font-size:2rem}.code-block{font-size:.9rem;margin:1.5rem 0}.code-header{padding:.5rem .75rem}}@media (max-width:480px){.content-layout{gap:1rem;padding:.75rem}.header{padding:.75rem}.header-content{gap:.75rem}.logo{font-size:1.2rem}.search-input{font-size:1rem;padding:.875rem 1rem .875rem 2.25rem}.search-icon{left:10px}.nav{gap:.75rem}.nav-link{font-size:.85rem;padding:.4rem .6rem}.theme-toggle{padding:.35rem}.hero{margin-bottom:2rem;padding:1.5rem 1rem;text-align:center}.hero h1{font-size:1.75rem;line-height:1.3;margin-bottom:1rem}.hero p{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.hero-badge{display:inline-flex;font-size:.8rem;margin-bottom:1rem;padding:.5rem .75rem}.section-header{margin-bottom:1.5rem;padding:0 1rem;text-align:center}.section-header h2{font-size:1.6rem;margin-bottom:.5rem}.section-header p{font-size:.9rem}.hero-stats{flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:space-around;margin-top:1.5rem}.stat-item{flex-direction:column;gap:.25rem;min-width:80px;text-align:center}.stat-number{font-size:1.5rem;font-weight:700}.stat-label{font-size:.8rem;opacity:.8}.categories-section{padding:2rem 1rem}.categories-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.category-card{border-radius:12px;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:120px;padding:1.25rem 1rem;text-align:center;transition:transform .2s ease}.category-card:active{transform:scale(.98)}.category-icon{margin:0 auto .5rem}.category-card h3{font-size:1rem;margin:0}.category-count{font-size:.8rem;margin:0;opacity:.8}.series-section{padding:2rem 1rem}.series-grid{gap:1.5rem;grid-template-columns:1fr}.series-card{padding:1.5rem}.series-header{flex-direction:column;gap:1rem;text-align:center}.series-title{font-size:1.2rem}.series-description{font-size:.9rem}.series-meta{gap:1rem;justify-content:center}.series-chapters-list{margin-top:1rem}.series-chapter-link{padding:.75rem}.post-number{font-size:.8rem}.post-title{font-size:.9rem}.featured-section{padding:2rem 1rem}.featured-grid{gap:1.5rem;grid-template-columns:1fr}.featured-card{border-radius:12px;padding:1.5rem;transition:transform .2s ease}.featured-card:active{transform:scale(.98)}.post-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.featured-badge,.series-badge{font-size:.7rem;padding:.25rem .5rem}.recent-section{padding:2rem 1rem}.posts-grid{gap:1.5rem;grid-template-columns:1fr}.post-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:transform .2s ease}.post-card-link:active .post-card{transform:scale(.98)}.post-meta{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.meta-item{align-items:center;display:flex;font-size:.8rem;gap:.25rem}.post-title{font-size:1.2rem;line-height:1.4;margin-bottom:.75rem}.post-excerpt{font-size:.9rem;line-height:1.5;margin-bottom:1rem}.post-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.post-tag{font-size:.7rem;padding:.25rem .5rem;white-space:nowrap}.read-more{font-size:.85rem;font-weight:600;margin-top:auto}.post-header h1{font-size:1.6rem}.search-header{gap:.75rem}.search-info h1{font-size:1.3rem}.clear-search-btn{font-size:.85rem;padding:.4rem .75rem}.about-container h1{font-size:1.75rem}.about-container p{font-size:1rem}.code-block{font-size:.85rem;margin:1.25rem 0}.code-header{padding:.5rem .75rem}.code-copy,.code-language{font-size:.8rem}.code-copy{padding:.2rem .4rem}}@media (max-width:360px){.content-layout,.header{padding:.5rem}.logo{font-size:1.1rem}.hero{padding:1rem .5rem}.hero h1{line-height:1.3}.stat-item{min-width:70px}.section-header{padding:0 .5rem}.nav{gap:.5rem}.nav-link{font-size:.8rem;padding:.3rem .5rem}.hero h1{font-size:1.5rem}.hero p{font-size:.9rem}.hero-badge{font-size:.75rem;padding:.4rem .6rem}.section-header{margin-bottom:1.25rem;padding:0 .75rem}.section-header h2{font-size:1.4rem;margin-bottom:.4rem}.section-header p{font-size:.85rem}.hero-stats{gap:.75rem}.stat-item{gap:.5rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.75rem}.categories-section{padding:1.5rem .75rem}.categories-grid{gap:.75rem;grid-template-columns:1fr}.category-card{padding:1rem .75rem}.category-card h3{font-size:.9rem}.category-count{font-size:.75rem}.series-section{padding:1.5rem .75rem}.series-card{padding:1.25rem}.series-title{font-size:1.1rem}.series-description{font-size:.85rem}.series-chapter-link{padding:.6rem}.post-number{font-size:.75rem}.post-title{font-size:.85rem}.featured-section{padding:1.5rem .75rem}.featured-card{padding:1.25rem}.featured-badge,.series-badge{font-size:.65rem;padding:.2rem .4rem}.recent-section{padding:1.5rem .75rem}.post-card{padding:1rem}.post-title{font-size:1.1rem}.post-header h1{font-size:1.4rem}}@media (max-height:500px) and (orientation:landscape){.header{padding:.5rem 1rem}.header-content{flex-direction:row;gap:1rem}.search-container{order:0}.hero{margin-bottom:1.5rem;padding:1rem 0}.hero h1{font-size:1.5rem}.hero p{font-size:.9rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.nav-link:after{height:1px}.theme-toggle{border-width:.5px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#333;background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444;background:var(--scrollbar-thumb-hover)}.footer{background:#1a1a1a;background:var(--bg-secondary);border-top:1px solid #2a2a2a;border-top:1px solid var(--border-primary);margin-top:3rem;padding:2rem 0 1rem;transition:background .3s ease,border-color .3s ease}.footer-content{margin:0 auto;max-width:1200px;padding:0 1rem}.footer-main{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.footer-brand{text-align:center}.footer-logo{align-items:center;color:#e5e5e5;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:1rem}.footer-description{color:#b0b0b0;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:400px}.footer-social{flex-wrap:wrap;gap:1rem}.footer-social,.social-link{display:flex;justify-content:center}.social-link{align-items:center;background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:50%;color:#b0b0b0;color:var(--text-secondary);height:44px;min-height:44px;min-width:44px;text-decoration:none;transition:all .3s ease;width:44px}.social-link:focus,.social-link:hover{border-color:#00d4ff;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;box-shadow:var(--button-shadow-hover);color:#00d4ff;color:var(--accent-primary);transform:translateY(-2px)}.social-link:active{transform:scale(.95)}.footer-links{text-align:center}.footer-section-title{color:#e5e5e5;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-nav{flex-direction:column;gap:.75rem}.footer-link,.footer-nav{align-items:center;display:flex}.footer-link{border-radius:6px;color:#b0b0b0;color:var(--text-secondary);gap:.5rem;min-height:44px;padding:.5rem;text-decoration:none;transition:color .3s ease}.footer-link:focus,.footer-link:hover{background:#0f0f0f;background:var(--bg-tertiary);color:#00d4ff;color:var(--accent-primary)}.footer-bottom{align-items:center;border-top:1px solid #2a2a2a;border-top:1px solid var(--border-primary);display:flex;flex-direction:column;gap:1rem;padding-top:1.5rem;text-align:center}.footer-copyright{color:#888;color:var(--text-muted);font-size:.9rem}.footer-copyright p{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center}.heart-icon{animation:heartbeat 2s ease-in-out infinite;color:#e74c3c}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.footer-legal{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.footer-legal-link{border-radius:4px;color:#888;color:var(--text-muted);font-size:.9rem;padding:.25rem .5rem;text-decoration:none;transition:color .3s ease}.footer-legal-link:focus,.footer-legal-link:hover{color:#00d4ff;color:var(--accent-primary)}.footer-separator{color:#888;color:var(--text-muted);font-size:.9rem}.scroll-top-btn{align-items:center;background:#1a1a1a;background:var(--bg-card);border:1px solid #2a2a2a;border:1px solid var(--border-primary);border-radius:50%;color:#b0b0b0;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:all .3s ease;width:44px}.scroll-top-btn:focus,.scroll-top-btn:hover{background:#00d4ff;background:var(--accent-primary);border-color:#00d4ff;border-color:var(--accent-primary);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;box-shadow:var(--button-shadow-hover);color:#fff;transform:translateY(-2px)}.scroll-top-btn:active{transform:scale(.95)}@media (min-width:769px){.footer{padding:3rem 0 1.5rem}.footer-content{padding:0 2rem}.footer-main{align-items:flex-start;flex-direction:row;gap:3rem;justify-content:space-between}.footer-brand{flex:1 1;max-width:400px;text-align:left}.footer-logo{justify-content:flex-start}.footer-description{margin-left:0;margin-right:0}.footer-social{justify-content:flex-start}.footer-links{text-align:left}.footer-nav{align-items:flex-start}.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}.footer-copyright{flex:1 1}.footer-legal{justify-content:center}}.series-section{padding:1rem 0}.series-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.series-card{background:#1a1a1a;background:var(--bg-secondary);border:1px solid #2a2a2a;border:var(--card-border);border-radius:12px;border-radius:var(--card-border-radius);cursor:pointer;padding:1.5rem;transition:all .2s ease}.series-card-link{color:inherit;display:block;text-decoration:none}.series-card-link:hover .series-card{border:1px solid #00d4ff;border:var(--card-border-hover);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.series-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.series-icon{background:linear-gradient(135deg,#00d4ff,#09c);background:var(--accent-gradient);border-radius:12px;height:48px;width:48px}.series-title{color:#e5e5e5;font-size:1.25rem;margin:0 0 .5rem}.series-description{color:#b0b0b0;color:var(--text-secondary);line-height:1.5;margin:0 0 1rem}.series-meta{color:#888;color:var(--text-muted);font-size:.875rem;gap:1rem}.series-chapters{color:#00d4ff;color:var(--accent-primary);font-weight:500}.series-chapters-list{display:flex;flex-direction:column;gap:.5rem}.series-chapter-link{border:1px solid #0000;border-radius:8px;color:#e5e5e5;color:var(--text-primary);cursor:pointer;padding:.75rem;transition:all .2s ease}.series-chapter-link,.series-chapter-link-content{align-items:center;display:flex;gap:.75rem;text-decoration:none}.series-chapter-link-content{color:inherit;width:100%}.series-chapter-link:hover{background:#1a1a1a;background:var(--bg-secondary);border-color:#2a2a2a;border-color:var(--border-primary);transform:translateX(4px)}.post-number,.series-chapter-link:hover .series-chapter-link-content{color:#00d4ff;color:var(--accent-primary)}.post-number{flex-shrink:0;font-size:.875rem;font-weight:500;min-width:80px}.post-title{font-size:.875rem;line-height:1.4}.post-badges{display:flex;gap:.5rem;margin-bottom:1rem}.series-badge{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}@media (max-width:768px){.series-grid{gap:1.5rem;grid-template-columns:1fr}.series-card{padding:1rem}.series-header{margin-bottom:1rem}.series-title{font-size:1.125rem}.series-meta{flex-direction:column;gap:.5rem}.post-number{font-size:.75rem;min-width:60px}.post-title{font-size:.8rem}}.text-red{color:#dc2626;font-weight:600}.text-green{color:#059669;font-weight:600}.text-blue{color:#2563eb;font-weight:600}.text-yellow{color:#d97706;font-weight:600}.text-purple{color:#7c3aed;font-weight:600}.text-pink{color:#db2777;font-weight:600}.text-indigo{color:#4f46e5;font-weight:600}.text-gray{color:#6b7280;font-weight:600}.text-orange{color:#ea580c;font-weight:600}.text-teal{color:#0d9488;font-weight:600}.text-cyan{color:#0891b2;font-weight:600}.text-lime{color:#65a30d;font-weight:600}.bg-red-light{background:#dc26261a;color:#dc2626}.bg-green-light,.bg-red-light{border-radius:4px;font-weight:600;padding:.2rem .5rem}.bg-green-light{background:#0596691a;color:#059669}.bg-blue-light{background:#2563eb1a;color:#2563eb}.bg-blue-light,.bg-yellow-light{border-radius:4px;font-weight:600;padding:.2rem .5rem}.bg-yellow-light{background:#d977061a;color:#d97706}.bg-purple-light{background:#7c3aed1a;color:#7c3aed}.bg-pink-light,.bg-purple-light{border-radius:4px;font-weight:600;padding:.2rem .5rem}.bg-pink-light{background:#db27771a;color:#db2777}.bg-indigo-light{background:#4f46e51a;color:#4f46e5}.bg-gray-light,.bg-indigo-light{border-radius:4px;font-weight:600;padding:.2rem .5rem}.bg-gray-light{background:#6b72801a;color:#6b7280}.bg-orange-light{background:#ea580c1a;color:#ea580c}.bg-orange-light,.bg-teal-light{border-radius:4px;font-weight:600;padding:.2rem .5rem}.bg-teal-light{background:#0d94881a;color:#0d9488}.bg-cyan-light{background:#0891b21a;color:#0891b2}.bg-cyan-light,.bg-lime-light{border-radius:4px;font-weight:600;padding:.2rem .5rem}.bg-lime-light{background:#65a30d1a;color:#65a30d}.highlight{background:linear-gradient(135deg,#00d4ff,#09c);background:var(--accent-gradient);border-radius:3px;color:#000;font-weight:600;padding:.1rem .2rem}.highlight-yellow{background:#fef3c7;color:#92400e}.highlight-green,.highlight-yellow{border-radius:3px;font-weight:600;padding:.1rem .3rem}.highlight-green{background:#d1fae5;color:#065f46}.highlight-blue{background:#dbeafe;color:#1e3a8a}.highlight-blue,.highlight-purple{border-radius:3px;font-weight:600;padding:.1rem .3rem}.highlight-purple{background:#ede9fe;color:#5b21b6}.highlight-pink{background:#fce7f3;color:#9d174d}.highlight-orange,.highlight-pink{border-radius:3px;font-weight:600;padding:.1rem .3rem}.highlight-orange{background:#fed7aa;color:#9a3412}.gradient-ocean,.gradient-sunset{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}.gradient-forest{background:linear-gradient(135deg,#11998e,#38ef7d);-webkit-background-clip:text;background-clip:text}.gradient-fire,.gradient-forest{-webkit-text-fill-color:#0000;font-weight:700}.gradient-fire{background:linear-gradient(135deg,#fa709a,#fee140);-webkit-background-clip:text;background-clip:text}.gradient-aurora{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a8edea,#fed6e3);-webkit-background-clip:text;background-clip:text;font-weight:700}.section-red{background:linear-gradient(135deg,#dc26260d,#dc26261a);border-left:4px solid #dc2626}.section-green,.section-red{border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.section-green{background:linear-gradient(135deg,#0596690d,#0596691a);border-left:4px solid #059669}.section-blue{background:linear-gradient(135deg,#2563eb0d,#2563eb1a);border-left:4px solid #2563eb}.section-blue,.section-yellow{border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.section-yellow{background:linear-gradient(135deg,#d977060d,#d977061a);border-left:4px solid #d97706}.section-purple{background:linear-gradient(135deg,#7c3aed0d,#7c3aed1a);border-left:4px solid #7c3aed}.section-pink,.section-purple{border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.section-pink{background:linear-gradient(135deg,#db27770d,#db27771a);border-left:4px solid #db2777}.section-indigo{background:linear-gradient(135deg,#4f46e50d,#4f46e51a);border-left:4px solid #4f46e5}.section-gray,.section-indigo{border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.section-gray{background:linear-gradient(135deg,#6b72800d,#6b72801a);border-left:4px solid #6b7280}.section-orange{background:linear-gradient(135deg,#ea580c0d,#ea580c1a);border-left:4px solid #ea580c}.section-orange,.section-teal{border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.section-teal{background:linear-gradient(135deg,#0d94880d,#0d94881a);border-left:4px solid #0d9488}.section-cyan{background:linear-gradient(135deg,#0891b20d,#0891b21a);border-left:4px solid #0891b2}.section-cyan,.section-lime{border-radius:0 8px 8px 0;margin:1.5rem 0;padding:1rem 1.5rem}.section-lime{background:linear-gradient(135deg,#65a30d0d,#65a30d1a);border-left:4px solid #65a30d}.callout{animation:slideInUp .3s ease-out;background:var(--bg-secondary);border:1px solid;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:1.5rem 0;overflow:hidden;padding:0;transition:all .3s ease}.callout:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.callout-header{align-items:center;background:linear-gradient(135deg,#fffc,#fff6);border-bottom:1px solid #00000014;display:flex;gap:.75rem;padding:1rem 1.25rem .75rem}.callout-icon{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:32px;transition:all .3s ease;width:32px}.callout:hover .callout-icon{box-shadow:0 4px 8px #00000026;transform:scale(1.1)}.callout-title{color:inherit;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0}.callout-content{color:var(--text-primary);line-height:1.6;padding:1rem 1.25rem 1.25rem}.callout-content p{margin:0 0 .75rem}.callout-content p:last-child{margin-bottom:0}.callout-content ol,.callout-content ul{margin:.5rem 0;padding-left:1.5rem}.callout-content li{margin:.25rem 0}.callout-content code{background:#0000000d;border-radius:4px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9em;padding:.2rem .4rem}.callout-content .text-red{color:#dc2626;font-weight:600}.callout-content .text-green{color:#059669;font-weight:600}.callout-content .text-blue{color:#2563eb;font-weight:600}.callout-content .text-yellow{color:#d97706;font-weight:600}.callout-content .text-purple{color:#7c3aed;font-weight:600}.callout-content .text-pink{color:#db2777;font-weight:600}.callout-content .text-indigo{color:#4f46e5;font-weight:600}.callout-content .text-gray{color:#6b7280;font-weight:600}.callout-content .bg-red-light{background:#dc26261a;border-radius:4px;color:#dc2626;font-weight:600;padding:.2rem .5rem}.callout-content .bg-green-light{background:#0596691a;border-radius:4px;color:#059669;font-weight:600;padding:.2rem .5rem}.callout-content .bg-blue-light{background:#2563eb1a;border-radius:4px;color:#2563eb;font-weight:600;padding:.2rem .5rem}.callout-content .bg-yellow-light{background:#d977061a;border-radius:4px;color:#d97706;font-weight:600;padding:.2rem .5rem}.callout-content .bg-purple-light{background:#7c3aed1a;border-radius:4px;color:#7c3aed;font-weight:600;padding:.2rem .5rem}.callout-content .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;font-weight:700}.callout-content .highlight-yellow{background:#fef3c7;border-radius:3px;color:#92400e;font-weight:600;padding:.1rem .3rem}.callout-content .highlight-green{background:#d1fae5;border-radius:3px;color:#065f46;font-weight:600;padding:.1rem .3rem}.callout-content .highlight-blue{background:#dbeafe;border-radius:3px;color:#1e3a8a;font-weight:600;padding:.1rem .3rem}.callout-content .gradient-blue{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}.callout-content .gradient-sunset{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;font-weight:700}.callout-content .gradient-ocean{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}.callout-content .gradient-forest{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#11998e,#38ef7d);-webkit-background-clip:text;background-clip:text;font-weight:700}.callout-info{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-color:#3b82f6}.callout-info .callout-header{background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-bottom-color:#3b82f633}.callout-info .callout-icon{background:#3b82f61a;color:#3b82f6}.callout-info .callout-title{color:#1e40af}.callout-warning{background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border-color:#f59e0b}.callout-warning .callout-header{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-bottom-color:#f59e0b33}.callout-warning .callout-icon{background:#f59e0b1a;color:#f59e0b}.callout-warning .callout-title{color:#d97706}.callout-success{background:linear-gradient(135deg,#10b9810d,#10b98105);border-color:#10b981}.callout-success .callout-header{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-bottom-color:#10b98133}.callout-success .callout-icon{background:#10b9811a;color:#10b981}.callout-success .callout-title{color:#059669}.callout-error{background:linear-gradient(135deg,#ef44440d,#ef444405);border-color:#ef4444}.callout-error .callout-header{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-bottom-color:#ef444433}.callout-error .callout-icon{background:#ef44441a;color:#ef4444}.callout-error .callout-title{color:#dc2626}.callout-tip{background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border-color:#8b5cf6}.callout-tip .callout-header{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-bottom-color:#8b5cf633}.callout-tip .callout-icon{background:#8b5cf61a;color:#8b5cf6}.callout-tip .callout-title{color:#7c3aed}.callout-note{background:linear-gradient(135deg,#06b6d40d,#06b6d405);border-color:#06b6d4}.callout-note .callout-header{background:linear-gradient(135deg,#06b6d41a,#06b6d40d);border-bottom-color:#06b6d433}.callout-note .callout-icon{background:#06b6d41a;color:#06b6d4}.callout-note .callout-title{color:#0891b2}.callout-when{background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border-color:#8b5cf6}.callout-when .callout-header{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-bottom-color:#8b5cf633}.callout-when .callout-icon{background:#8b5cf61a;color:#8b5cf6}.callout-when .callout-title{color:#7c3aed}.callout-where{background:linear-gradient(135deg,#10b9810d,#10b98105);border-color:#10b981}.callout-where .callout-header{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-bottom-color:#10b98133}.callout-where .callout-icon{background:#10b9811a;color:#10b981}.callout-where .callout-title{color:#059669}.callout-what-to-use{background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);border-color:#f59e0b}.callout-what-to-use .callout-header{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-bottom-color:#f59e0b33}.callout-what-to-use .callout-icon{background:#f59e0b1a;color:#f59e0b}.callout-what-to-use .callout-title{color:#d97706}.callout-how{background:linear-gradient(135deg,#ec48990d,#ec489905);border-color:#ec4899}.callout-how .callout-header{background:linear-gradient(135deg,#ec48991a,#ec48990d);border-bottom-color:#ec489933}.callout-how .callout-icon{background:#ec48991a;color:#ec4899}.callout-how .callout-title{color:#db2777}.callout-faq{background:linear-gradient(135deg,#06b6d40d,#06b6d405);border-color:#06b6d4}.callout-faq .callout-header{background:linear-gradient(135deg,#06b6d41a,#06b6d40d);border-bottom-color:#06b6d433}.callout-faq .callout-icon{background:#06b6d41a;color:#06b6d4}.callout-faq .callout-title{color:#0891b2}.callout-best-practices{background:linear-gradient(135deg,#10b9810d,#10b98105);border-color:#10b981}.callout-best-practices .callout-header{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-bottom-color:#10b98133}.callout-best-practices .callout-icon{background:#10b9811a;color:#10b981}.callout-best-practices .callout-title{color:#059669}.callout-real-world-usage{background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border-color:#8b5cf6}.callout-real-world-usage .callout-header{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-bottom-color:#8b5cf633}.callout-real-world-usage .callout-icon{background:#8b5cf61a;color:#8b5cf6}.callout-real-world-usage .callout-title{color:#7c3aed}[data-theme=dark] .callout{background:var(--bg-tertiary);box-shadow:0 2px 8px #0003}[data-theme=dark] .callout:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .callout-header{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-bottom-color:#ffffff1a}[data-theme=dark] .callout-icon{background:#ffffff1a}[data-theme=dark] .callout-content{color:var(--text-primary)}[data-theme=dark] .callout-content code{background:#ffffff1a}@media (max-width:768px){.callout{border-radius:8px;margin:1.25rem 0}.callout-header{gap:.625rem;padding:.875rem 1rem .625rem}.callout-icon{height:28px;width:28px}.callout-title{font-size:.95rem}.callout-content{font-size:.95rem;padding:.875rem 1rem 1rem}}@media (max-width:480px){.callout{border-radius:6px;margin:1rem 0}.callout-header{gap:.5rem;padding:.75rem .875rem .5rem}.callout-icon{height:24px;width:24px}.callout-title{font-size:.9rem}.callout-content{font-size:.9rem;padding:.75rem .875rem .875rem}}.post-navigation{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);margin-top:3rem;padding-top:2rem}.navigation-container{display:flex;flex-wrap:wrap;gap:1rem}.nav-button{background:#fff;background:var(--card-bg,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;color:inherit;flex:1 1;min-width:250px;overflow:hidden;padding:1.25rem;position:relative;text-decoration:none;transition:all .2s ease-in-out}.nav-button:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.nav-button:focus{outline:2px solid #3b82f6;outline:2px solid var(--primary-color,#3b82f6);outline-offset:2px}.nav-button--previous{text-align:left}.nav-button--next{text-align:right}.nav-button-content{align-items:center;display:flex;gap:.75rem}.nav-button--next .nav-button-content{flex-direction:row-reverse}.nav-icon{color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0}.nav-text{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.nav-label{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.875rem;font-weight:500;letter-spacing:.05em}.nav-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;color:var(--text-primary,#111827);display:-webkit-box;font-size:1rem;line-height:1.4;overflow:hidden;text-transform:none}@media (prefers-color-scheme:dark){.nav-button{background:#1f2937;background:var(--card-bg-dark,#1f2937);border-color:#374151;border-color:var(--border-color-dark,#374151)}.nav-button:hover{border-color:#60a5fa;border-color:var(--primary-color-dark,#60a5fa)}.nav-title{color:#f9fafb;color:var(--text-primary-dark,#f9fafb)}.nav-label{color:#9ca3af;color:var(--text-muted-dark,#9ca3af)}}@media (max-width:768px){.navigation-container{flex-direction:column}.nav-button{min-width:auto;width:100%}.nav-button--next .nav-button-content{flex-direction:row;text-align:left}.nav-button--next{text-align:left}}@media (max-width:480px){.post-navigation{margin-top:2rem;padding-top:1.5rem}.nav-button{padding:1rem}.nav-title{font-size:.9rem}.nav-label{font-size:.8rem}}.youtube-embed-container{margin:2rem 0;text-align:center}.youtube-embed-wrapper{background:#000;border-radius:12px;box-shadow:0 10px 30px #0003;height:0;margin:0 auto;max-width:800px;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.youtube-embed-iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.youtube-embed-caption{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.9rem;font-style:italic;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:800px}@media (max-width:768px){.youtube-embed-container{margin:1.5rem 0}.youtube-embed-wrapper{border-radius:8px;box-shadow:0 5px 15px #00000026}.youtube-embed-caption{font-size:.85rem;margin-top:.75rem;padding:0 1rem}}@media (max-width:480px){.youtube-embed-container{margin:1rem 0}.youtube-embed-wrapper{border-radius:6px}.youtube-embed-caption{font-size:.8rem;margin-top:.5rem;padding:0 .5rem}}@media (prefers-color-scheme:dark){.youtube-embed-caption{color:#9ca3af;color:var(--text-muted-dark,#9ca3af)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.youtube-embed-wrapper{box-shadow:0 10px 30px #00000040}}@media (max-height:500px) and (orientation:landscape){.youtube-embed-container{margin:1rem 0}.youtube-embed-wrapper{max-width:600px}}.youtube-embed-iframe:focus{outline:2px solid #3b82f6;outline:2px solid var(--accent-primary,#3b82f6);outline-offset:2px}.social-share-container{display:inline-block;position:relative}.share-button,.social-share-trigger{align-items:center;display:flex}.share-button{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.share-button:hover{background:#2563eb;background:var(--primary-color-dark,#2563eb);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.share-button:active{transform:translateY(0)}.social-share-menu{animation:slideIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;margin-top:8px;min-width:280px;position:absolute;right:0;top:100%;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.share-menu-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.share-menu-header h4{color:#1f2937;font-size:16px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.close-button:hover{background:#f3f4f6;color:#374151}.share-options{grid-gap:8px;display:grid;gap:8px;padding:12px 20px 20px}.share-option{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.share-option:hover{background:#f9fafb}.share-option:active{transform:scale(.98)}.share-option.twitter{color:#1da1f2}.share-option.twitter:hover{background:#eff6ff}.share-option.facebook{color:#1877f2}.share-option.facebook:hover{background:#eff6ff}.share-option.linkedin{color:#0a66c2}.share-option.linkedin:hover{background:#eff6ff}.share-option.copy-link{color:#6b7280}.share-option.copy-link:hover{background:#f9fafb}.share-option span{flex:1 1}@media (prefers-color-scheme:dark){.social-share-menu{background:#1f2937;border-color:#374151}.share-menu-header{border-bottom-color:#374151}.share-menu-header h4{color:#f9fafb}.close-button{color:#9ca3af}.close-button:hover{background:#374151;color:#d1d5db}.share-option:hover{background:#374151}.share-option.facebook:hover,.share-option.linkedin:hover,.share-option.twitter:hover{background:#1e3a8a}.share-option.copy-link:hover{background:#374151}}@media (max-width:640px){.social-share-menu{border-radius:12px 12px 0 0;bottom:0;left:0;margin:0;max-height:80vh;min-width:auto;overflow-y:auto;position:fixed;right:0;top:auto}.share-button span{display:none}.share-button{border-radius:50%;height:44px;justify-content:center;padding:10px;width:44px}}.share-option.copy-link .check-icon{animation:checkmark .3s ease-in-out}@keyframes checkmark{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.table-container{margin:1rem 0;width:100%}.table-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem;text-align:center}.table-wrapper{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;overflow-x:auto}.post-table{border-collapse:collapse;font-size:.95rem;line-height:1.4;min-width:400px;width:100%}.table-header{background:var(--accent-primary);border-bottom:2px solid var(--border-primary);color:var(--button-text);font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.table-header:first-child{border-top-left-radius:8px}.table-header:last-child{border-top-right-radius:8px}.table-row{border-bottom:1px solid var(--border-primary);transition:background-color .2s ease}.table-row:hover{background:var(--bg-tertiary)}.table-row:last-child{border-bottom:none}.table-cell{word-wrap:break-word;border-right:1px solid var(--border-primary);max-width:200px;padding:12px 16px;vertical-align:top}.table-cell:last-child{border-right:none}.table-row:nth-child(2n){background:var(--bg-primary)}.table-row:nth-child(2n):hover{background:var(--bg-tertiary)}@media (max-width:768px){.table-container{margin:1rem 0}.table-title{font-size:1rem;margin-bottom:.75rem}.table-cell,.table-header{font-size:.9rem;padding:8px 12px}.post-table{min-width:300px}}@media (max-width:480px){.table-cell,.table-header{font-size:.85rem;padding:6px 8px}.post-table{min-width:250px}}.post-container{margin:0 auto;max-width:900px;padding:0 1rem}.back-link{align-items:center;border-radius:6px;color:var(--accent-primary);display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.back-link:hover{background:var(--bg-secondary);color:var(--accent-secondary);gap:.75rem;padding:.5rem .75rem}.post-not-found{padding:4rem 0;text-align:center}.post-not-found h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.post-not-found p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.post-header{margin-bottom:3rem;text-align:center}.post-header-top{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem}.post-header h1{color:var(--text-primary);flex:1 1;font-size:2.5rem;font-weight:800;line-height:1.2;margin:0;text-align:left}.post-meta-detailed{color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.9rem;gap:2rem;justify-content:center}.meta-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .3s ease}.meta-item:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.image-gallery{display:flex;flex-direction:column;gap:2rem;margin:2rem 0}.post-image-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:1.5rem 0;overflow:hidden;text-align:center;transition:all .3s ease}.post-image-container:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.post-image{display:block;height:auto;object-fit:cover;transition:transform .3s ease;width:100%}.post-image-container:hover .post-image{transform:scale(1.02)}.image-caption{background:var(--bg-secondary);border-top:1px solid var(--border-primary);color:var(--text-secondary);font-size:.9rem;font-style:italic;margin:0;padding:1rem}.post-content{word-wrap:break-word;color:var(--text-primary);font-size:1rem;line-height:1.8;overflow-wrap:break-word}.post-content-h1{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.3;margin:2rem 0 1rem}.post-content-h2{font-size:1.5rem;margin:1.5rem 0 1rem}.post-content-h2,.post-content-h3{color:var(--text-primary);font-weight:600;line-height:1.4}.post-content-h3{font-size:1.2rem;margin:1rem 0 .5rem}.post-content-p{color:var(--text-primary);line-height:1.7}.post-content-ul{list-style:none;margin:0 0 .25rem;padding-left:2rem}.post-content-li{color:var(--text-primary);display:block;line-height:1.7;min-height:1.7em;padding-left:.5rem;position:relative;text-align:left}.post-content-li:before{align-items:center;color:var(--accent-primary);content:"•";display:flex;font-size:1.3em;font-weight:700;height:1.7em;justify-content:center;left:-1.5rem;position:absolute;text-align:center;top:-.25em;width:1.5rem}.post-content-li:last-child{margin-bottom:0}.post-content-ul-nested{margin:0 0 .5rem;padding-left:1.5rem}.post-content-ul-nested .post-content-li:before{font-size:1.1em;height:1.6em;left:-1.2rem;width:1.2rem}.post-content-list-end{text-align:center}.list-end-indicator{background:linear-gradient(90deg,#0000,var(--border-primary),#0000);border-radius:1px;display:inline-block;height:2px;opacity:.6;width:60px}.post-content-spacer{height:1rem}.post-content-separator{background:var(--border-primary);border:none;border-radius:1px;height:2px;margin:.5rem 0;opacity:.8;transition:opacity .3s ease}.post-content-separator-light{background:var(--border-primary);border:none;height:1px;margin:.1rem 0}@media (max-width:1024px){.post-container{max-width:800px;padding:0 1.5rem}.post-header h1{font-size:2.2rem}.post-content-h1{font-size:1.8rem}.image-gallery{gap:1.5rem;margin:1.5rem 0}.post-image-container{margin:1.25rem 0}}@media (max-width:768px){.post-container{padding:0 1rem}.post-header{margin-bottom:2rem}.post-header h1{font-size:1.8rem;line-height:1.3}.post-meta-detailed{align-items:center;flex-direction:column;gap:.75rem}.meta-item{font-size:.85rem;padding:.4rem .6rem}.post-content{font-size:1rem}.post-content ol,.post-content ul{margin:1.5rem 0;padding-left:2rem}.post-content li{margin-bottom:.5rem}.post-content-ul{list-style:none;margin:0 0 .5rem;padding-left:1.5rem}.post-content-li{color:var(--text-primary);display:block;line-height:1.6;margin-bottom:.75rem;min-height:1.6em;padding-left:.5rem;position:relative;text-align:left}.post-content-li:before{align-items:center;color:var(--accent-primary);content:"•";display:flex;font-size:1.2em;font-weight:700;height:1.6em;justify-content:center;left:-1.2rem;position:absolute;text-align:center;top:.15em;width:1.2rem}.post-content-li:last-child{margin-bottom:0}.post-content-ul-nested{margin:0 0 .25rem;padding-left:1.2rem}.post-content-ul-nested .post-content-li:before{font-size:1em;height:1.5em;left:-1rem;width:1rem}.post-content-list-end{margin:.5rem 0}.list-end-indicator{height:1px;width:50px}.post-content-h1{font-size:1.5rem;margin:1.5rem 0 .75rem}.post-content-h2{font-size:1.3rem;margin:1.25rem 0 .75rem}.post-content-h3{font-size:1.1rem;margin:.75rem 0 .5rem}.post-content-separator{margin:.5rem 0}.back-link{font-size:.95rem;margin-bottom:1.5rem}.post-not-found h1{font-size:1.75rem}.post-not-found p{font-size:1rem}.image-gallery{gap:1.25rem;margin:1.25rem 0}.post-image-container{border-radius:8px;margin:1rem 0}.image-caption{font-size:.85rem;padding:.75rem}}@media (max-width:480px){.post-container{padding:0 .75rem}.post-header{margin-bottom:1.5rem}.post-header h1{font-size:1.6rem;line-height:1.3}.post-meta-detailed{gap:.5rem}.meta-item{font-size:.8rem;gap:.4rem;padding:.35rem .5rem}.post-content{font-size:.95rem;line-height:1.7}.post-content-h1{font-size:1.3rem;margin:1.25rem 0 .75rem}.post-content-h2{font-size:1.1rem;margin:1rem 0 .5rem}.post-content-h3{font-size:1rem;margin:.75rem 0 .4rem}.post-content-p{line-height:1.6}.post-content-separator{margin:.5rem 0}.back-link{font-size:.9rem;margin-bottom:1.25rem;padding:.4rem 0}.back-link:hover{padding:.4rem .6rem}.post-not-found{padding:3rem 0}.post-not-found h1{font-size:1.5rem}.post-not-found p{font-size:.95rem}.image-gallery{gap:1rem;margin:1rem 0}.post-image-container{border-radius:6px;margin:.75rem 0}.image-caption{font-size:.8rem;padding:.5rem}}.post-content a{border-bottom:1px solid #0000;color:#3b82f6;color:var(--accent-primary,#3b82f6);font-weight:500;text-decoration:none;transition:all .2s ease}.post-content a:hover{border-bottom-color:#1d4ed8;border-bottom-color:var(--accent-secondary,#1d4ed8);color:#1d4ed8;color:var(--accent-secondary,#1d4ed8)}.post-content a:focus{border-radius:4px;outline:2px solid #3b82f6;outline:2px solid var(--accent-primary,#3b82f6);outline-offset:2px}@media (prefers-color-scheme:dark){.post-content a{color:#60a5fa;color:var(--accent-primary-dark,#60a5fa)}.post-content a:hover{border-bottom-color:#93c5fd;border-bottom-color:var(--accent-secondary-dark,#93c5fd);color:#93c5fd;color:var(--accent-secondary-dark,#93c5fd)}}@media (max-width:360px){.post-container{padding:0 .5rem}.post-header-top{align-items:center;flex-direction:column;gap:1rem}.post-header h1{font-size:1.4rem;text-align:center}.meta-item{font-size:.75rem;padding:.3rem .4rem}.post-content-h1{font-size:1.2rem}.post-content-h2{font-size:1rem}.post-content-h3{font-size:.95rem}.back-link{font-size:.85rem}.image-gallery{gap:.75rem}.post-image-container{margin:.5rem 0}.image-caption{font-size:.75rem;padding:.4rem}}@media (max-width:768px){.post-header-top{align-items:center;flex-direction:column;gap:1.5rem}.post-header h1{text-align:center}}@media (max-height:500px) and (orientation:landscape){.post-header{margin-bottom:1rem}.post-header h1{font-size:1.5rem}.post-meta-detailed{gap:.5rem}.meta-item{font-size:.8rem;padding:.3rem .5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.back-link,.meta-item{border-width:.5px}}.privacy-container{margin:0 auto;max-width:800px;padding:2rem 1rem}.privacy-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.privacy-content h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.privacy-section{margin-bottom:2rem}.privacy-section h2{border-bottom:2px solid var(--accent-color);font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.privacy-section h2,.privacy-section h3{color:var(--text-primary);font-weight:600}.privacy-section h3{font-size:1.2rem;margin:1.5rem 0 .75rem}.privacy-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.privacy-section ul{color:var(--text-secondary);margin:1rem 0;padding-left:1.5rem}.privacy-section li{line-height:1.5;margin-bottom:.5rem}@media (max-width:768px){.privacy-container{padding:1rem .5rem}.privacy-content{padding:1.5rem}.privacy-content h1{font-size:2rem}.privacy-section h2{font-size:1.3rem}.privacy-section h3{font-size:1.1rem}}@media (max-width:480px){.privacy-content{padding:1rem}.privacy-content h1{font-size:1.75rem}.contact-info{padding:1rem}}.terms-container{margin:0 auto;max-width:800px;padding:2rem 1rem}.terms-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.terms-content h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.last-updated{color:var(--text-secondary);font-style:italic;text-align:center}.last-updated,.terms-section{margin-bottom:2rem}.terms-section h2{border-bottom:2px solid var(--accent-color);font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.terms-section h2,.terms-section h3{color:var(--text-primary);font-weight:600}.terms-section h3{font-size:1.2rem;margin:1.5rem 0 .75rem}.terms-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.terms-section ul{color:var(--text-secondary);margin:1rem 0;padding-left:1.5rem}.terms-section li{line-height:1.5;margin-bottom:.5rem}.contact-info{background:var(--bg-primary);border-left:4px solid var(--accent-color);border-radius:8px;margin-top:1rem;padding:1.5rem}.contact-info p{margin-bottom:.5rem}.contact-info a{color:var(--accent-color);font-weight:500;text-decoration:none}.contact-info a:hover{text-decoration:underline}@media (max-width:768px){.terms-container{padding:1rem .5rem}.terms-content{padding:1.5rem}.terms-content h1{font-size:2rem}.terms-section h2{font-size:1.3rem}.terms-section h3{font-size:1.1rem}}@media (max-width:480px){.terms-content{padding:1rem}.terms-content h1{font-size:1.75rem}.contact-info{padding:1rem}}.post-editor{background:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.editor-header{align-items:center;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.editor-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.editor-actions{align-items:center;display:flex;gap:.75rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;outline:none;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3);color:#fff}.btn-primary:hover{box-shadow:0 6px 16px rgba(var(--accent-primary-rgb),.4);transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.btn-danger:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.btn-small{font-size:.8rem;padding:.5rem .75rem}.error-messages{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.error-message{color:#ef4444;font-weight:600;margin-bottom:.5rem}.error-message:last-child{margin-bottom:0}.editor-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:400px 1fr}.editor-form{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;max-height:calc(100vh - 4rem);overflow-y:auto;padding:1.5rem;position:sticky;top:2rem}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.form-section h3{border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:.75rem;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1);outline:none}.form-textarea{min-height:80px;resize:vertical}.form-group small{color:var(--text-secondary);display:block;font-size:.75rem;margin-top:.25rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:rgba(var(--accent-primary-rgb),.1);border:1px solid rgba(var(--accent-primary-rgb),.3);border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.tag,.tag-remove{align-items:center;color:var(--accent-primary)}.tag-remove{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:all .3s ease;width:16px}.tag-remove:hover{background:rgba(var(--accent-primary-rgb),.2);color:#ef4444}.add-tag{align-items:flex-end;display:flex;gap:.5rem}.add-tag .form-input{flex:1 1}.image-item{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;margin-bottom:1rem;padding:1rem}.image-item,.image-preview{align-items:center;display:flex;gap:1rem}.image-preview{flex:1 1}.image-preview img{border:1px solid var(--border-primary);border-radius:6px;height:60px;object-fit:cover;width:60px}.image-info{flex:1 1}.image-info strong{color:var(--text-primary);display:block;font-size:.875rem;margin-bottom:.25rem}.image-info p{color:var(--text-secondary);font-size:.75rem;margin:0}.add-image{background:var(--bg-primary);border:2px dashed var(--border-primary);border-radius:8px;padding:1rem}.add-image .form-row{margin-bottom:1rem}.editor-content-area{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.content-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);padding:1.5rem}.content-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.content-help{color:var(--text-secondary);font-size:.875rem}.content-help code{background:rgba(var(--accent-primary-rgb),.1);border-radius:4px;color:var(--accent-primary);font-family:Fira Code,monospace;font-size:.8rem;padding:.2rem .4rem}.content-editor{background:var(--bg-secondary);border:none;color:var(--text-primary);font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.6;min-height:600px;outline:none;padding:1.5rem;resize:vertical;width:100%}.content-editor:focus{outline:none}@media (max-width:1200px){.editor-content{gap:1.5rem;grid-template-columns:1fr}.editor-form{max-height:none;position:static}}@media (max-width:768px){.post-editor{padding:1rem}.editor-header{align-items:stretch;flex-direction:column;gap:1rem}.editor-actions{flex-wrap:wrap;justify-content:center}.form-row{grid-template-columns:1fr}.add-tag,.image-item{align-items:stretch;flex-direction:column}.image-preview{flex-direction:column;text-align:center}.content-editor{font-size:.8rem;min-height:400px}}@media (max-width:480px){.post-editor{padding:.5rem}.editor-content-area,.editor-form{border-radius:8px}.form-section{margin-bottom:1.5rem}.content-header{padding:1rem}.content-editor{min-height:300px;padding:1rem}}.editor-form::-webkit-scrollbar{width:6px}.editor-form::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.editor-form::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.editor-form::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-editor{animation:slideInUp .3s ease-out}.btn:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.form-input.is-valid{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-input.is-invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.post-editor-page{background:var(--bg-primary);min-height:100vh;position:relative}.saving-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.saving-spinner{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 20px 40px #0000004d;padding:2rem;text-align:center}.saving-spinner p{color:var(--text-primary);font-weight:600;margin:1rem 0 0}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.saving-spinner{margin:1rem;padding:1.5rem}.spinner{height:32px;width:32px}.saving-spinner p{font-size:.875rem}}.series-sidebar{border-left:1px solid var(--border-primary);border-right:none;flex-direction:column;height:calc(100vh - 80px);max-height:calc(100vh - 80px);order:2;overflow-y:auto;top:80px;width:380px}.series-sidebar,.series-sidebar-header{background:var(--bg-primary);display:flex;position:sticky}.series-sidebar-header{align-items:center;border-bottom:1px solid var(--border-primary);gap:.75rem;justify-content:space-between;padding:1.25rem;top:0;z-index:10}.series-header-content{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.series-icon{align-items:center;background:linear-gradient(135deg,var(--accent-primary),#667eea);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.series-info{flex:1 1;min-width:0}.series-title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem}.series-dot{color:var(--border-primary)}.series-progress{color:var(--accent-primary);font-weight:500}.expand-toggle{align-items:center;background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.expand-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.expand-toggle svg{transition:transform .2s ease}.expand-toggle svg.expanded{transform:rotate(90deg)}.series-content{flex:1 1;overflow:visible;transition:all .3s ease}.series-content.collapsed{max-height:0;overflow:hidden}.series-content.expanded{max-height:none;overflow:visible}.series-stats{border-bottom:1px solid var(--border-primary);margin-bottom:.75rem;padding:1rem 1.25rem .75rem}.stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.5rem;margin-bottom:.5rem}.stat-item:last-child{margin-bottom:0}.stat-item svg{color:var(--accent-primary)}.series-nav{padding:0 .75rem 1rem}.nav-section{margin-bottom:1rem}.nav-title{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 .75rem;padding:0 .5rem;text-transform:uppercase}.nav-items{display:flex;flex-direction:column;gap:.25rem;padding-bottom:1rem}.nav-item{border:2px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);display:block;position:relative;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:var(--bg-hover);transform:translateX(2px)}.nav-item.active{background:var(--bg-tertiary);border:2px solid var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary);color:var(--text-primary)}.nav-item.completed{color:var(--text-secondary)}.nav-item-content{align-items:center;display:flex;gap:.75rem;padding:.75rem}.nav-item-indicator{flex-shrink:0}.completed-indicator,.nav-item-indicator{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.completed-indicator{background:#10b981;border-radius:50%;color:#fff;font-size:.7rem;font-weight:600}.active-indicator{background:var(--accent-primary);border-radius:50%;box-shadow:0 0 0 3px #6366f133;box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb,99,102,241),.2);height:12px;width:12px}.pending-indicator{background:var(--border-primary);border-radius:50%;height:8px;width:8px}.nav-item-text{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.nav-item-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.complexity-badge{background:var(--bg-tertiary);border-radius:4px;color:#ff6b35;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.125rem .375rem;transition:all .2s ease;white-space:nowrap}.nav-item-number{color:inherit;font-size:.7rem;font-weight:600;opacity:.8}.nav-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;font-weight:400;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.post-nav-group{display:flex;flex-direction:column;width:100%}.post-nav-header{align-items:center;display:flex;position:relative}.post-nav-header .nav-item{flex:1 1;position:relative;z-index:1}.post-nav-header .nav-item.has-subnav{cursor:pointer}.post-nav-header .nav-item.has-subnav:hover{background:var(--bg-hover);transform:translateX(2px)}.post-collapse-indicator{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;height:24px;justify-content:center;pointer-events:none;position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:24px;z-index:2}.post-collapse-indicator svg{transition:transform .2s ease}.post-collapse-indicator svg.expanded{transform:rotate(90deg)}.post-nav-header .nav-item.active+.post-collapse-indicator{color:var(--accent-primary)}.post-subnav{border-left:2px solid var(--border-secondary);margin-bottom:.5rem;margin-left:1.5rem;margin-top:.25rem;padding-left:.75rem}.subnav-section{margin-bottom:1rem}.subnav-section:last-child{margin-bottom:0}.subnav-section-title{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;padding-left:.5rem;text-transform:uppercase}.post-subnav .nav-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;margin-bottom:.25rem;padding:.25rem .5rem;transition:all .2s ease}.post-subnav .nav-item:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateX(4px)}.post-subnav .nav-item-content{padding:0}.post-subnav .nav-item-indicator{height:16px;width:16px}.callout-nav-item{background:#0000;border:none;cursor:pointer;text-align:left;width:100%}.callout-nav-item:hover{background:var(--bg-hover);transform:translateX(2px)}.callout-icon{align-items:center;background:var(--bg-tertiary);border-radius:6px;color:var(--accent-primary);display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.callout-nav-item:hover .callout-icon{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.subnav-item .callout-icon{height:16px;width:16px}.quick-nav-grid{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:1fr 1fr;margin-top:.5rem}.quick-nav-grid .nav-item{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:6px;margin-bottom:0;min-height:auto;padding:.25rem .5rem;transition:all .2s ease}.quick-nav-grid .nav-item:hover{background:var(--bg-hover);border-color:var(--accent-primary);transform:translateX(2px)}.quick-nav-grid .nav-item-content{gap:.125rem;padding:0}.quick-nav-grid .callout-icon,.quick-nav-grid .nav-item-indicator{height:12px;width:12px}.quick-nav-grid .nav-item-text{flex:1 1;min-width:0}.quick-nav-grid .nav-item-title{font-size:.65rem;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subnav-item .nav-item-title{font-size:.75rem;font-weight:500}.header-nav-item{background:#0000;border:none;cursor:pointer;text-align:left;width:100%}.header-nav-item:hover{background:var(--bg-hover);transform:translateX(2px)}.header-icon{align-items:center;background:var(--bg-tertiary);border-radius:6px;color:var(--accent-secondary);display:flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.header-nav-item:hover .header-icon{background:var(--accent-secondary);color:#fff;transform:scale(1.1)}.subnav-item .header-icon{height:16px;width:16px}@media (max-width:1400px){.series-sidebar{width:360px}}@media (max-width:1200px){.series-sidebar{width:340px}}@media (max-width:768px){.series-sidebar{border-left:none;border-right:none;border-top:1px solid var(--border-primary);height:auto;order:2;position:relative;top:auto;width:100%}.series-sidebar-header{padding:1rem;position:relative;top:auto}.series-stats{padding:.75rem 1rem .5rem}.series-nav{padding:0 .5rem .75rem}.nav-item-content{padding:.75rem}.post-collapse-indicator{height:20px;right:-2px;width:20px}}.series-sidebar::-webkit-scrollbar{width:6px}.series-sidebar::-webkit-scrollbar-track{background:#0000}.series-sidebar::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}.series-sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}
/*# sourceMappingURL=main.ddb8bd38.css.map*/