@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-primary:#7c3aed;--color-primary-light:#a78bfa;--color-primary-dark:#5b21b6;--color-primary-glow:#7c3aed4d;--color-accent:#6366f1;--color-accent-light:#818cf8;--color-bg:#0a0810;--color-bg-secondary:#110e1a;--color-surface:#1a1625;--color-surface-hover:#231f2e;--color-card:#1e1a29;--color-card-hover:#2a2539;--color-border:#7c3aed26;--color-border-hover:#7c3aed59;--color-text:#f5f5f5;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-text-inverse:#0a0810;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--glass-bg:#1a1625b3;--glass-border:#7c3aed1f;--glass-blur:blur(20px);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 30px var(--color-primary-glow);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--max-width:1280px;--header-height:72px;--sidebar-width:300px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 20% 0,#7c3aed14 0%,#0000 50%),radial-gradient(60% 40% at 80% 100%,#6366f10f 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:var(--font-sans);cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:var(--font-sans);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);width:100%;font-size:.95rem}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}textarea{resize:vertical;min-height:120px}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:700;line-height:1.3}h1{letter-spacing:-.02em;font-size:2.5rem}h2{letter-spacing:-.01em;font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--color-text-secondary);line-height:1.8}code{font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-primary-light);padding:.15em .4em;font-size:.875em}pre{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-lg) 0;overflow-x:auto;background:var(--color-surface)!important}pre code{color:var(--color-text);background:0 0;padding:0;font-size:.85rem}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.gradient-text{background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:0 2px 10px var(--color-primary-glow)}.btn-primary:hover{box-shadow:0 4px 20px var(--color-primary-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.8rem}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-primary-light);background:#7c3aed26}.badge-accent{color:var(--color-accent-light);background:#6366f126}.badge-success{color:var(--color-success);background:#10b98126}.badge-warning{color:var(--color-warning);background:#f59e0b26}.badge-danger{color:var(--color-danger);background:#ef444426}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{padding:var(--space-3xl);justify-content:center;align-items:center;display:flex}.grid-posts{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--color-primary-glow)}50%{box-shadow:0 0 20px var(--color-primary-glow)}}.fade-in{animation:.5s forwards fadeIn}.slide-up{animation:.6s forwards slideUp}@media (width<=768px){:root{--header-height:64px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.container{padding:0 var(--space-md)}.grid-posts{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (width<=480px){h1{font-size:1.5rem}}.header{z-index:100;height:var(--header-height);transition:all var(--transition-base);background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#0a0810d9;box-shadow:0 4px 30px #0000004d}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-xl);width:100%;display:flex}.header__logo{align-items:center;gap:var(--space-sm);color:var(--color-text);letter-spacing:.02em;flex-shrink:0;font-size:1.2rem;font-weight:800;display:flex}.header__logo:hover{color:var(--color-text)}.header__logo-icon{align-items:center;display:flex}.header__logo-highlight{color:var(--color-primary)}.header__nav{align-items:center;gap:var(--space-xs);display:flex}.header__nav-link{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.header__nav-link:hover{color:var(--color-text);background:var(--color-surface)}.header__nav-link--active{color:var(--color-primary-light)}.header__nav-link--active:after{content:"";background:var(--color-primary);border-radius:var(--radius-full);width:20px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.header__actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.header__search{align-items:center;display:flex;position:relative}.header__search-input{opacity:0;width:0;transition:all var(--transition-base);background:var(--color-surface);border-radius:var(--radius-full);border:none;padding:0;font-size:.85rem}.header__search--open .header__search-input{opacity:1;border:1px solid var(--color-border);width:200px;padding:8px 36px 8px 16px}.header__search-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;right:0}.header__search-btn:hover{color:var(--color-primary-light);background:var(--color-surface)}.header__menu-toggle{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:none}.header__menu-toggle:hover{background:var(--color-surface);color:var(--color-text)}@media (width<=768px){.header__menu-toggle{display:flex}.header__nav{top:var(--header-height);background:var(--color-bg);padding:var(--space-xl);gap:var(--space-sm);transition:transform var(--transition-base);z-index:99;flex-direction:column;position:fixed;bottom:0;left:0;right:0;transform:translate(100%)}.header__nav--open{transform:translate(0)}.header__nav-link{padding:var(--space-md);width:100%;font-size:1.1rem}.header__search--open .header__search-input{width:150px}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-3xl) 0 var(--space-lg);margin-top:auto}.footer__grid{gap:var(--space-2xl);margin-bottom:var(--space-2xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer__brand{max-width:320px}.footer__logo{color:var(--color-text);letter-spacing:.02em;margin-bottom:var(--space-md);font-size:1.3rem;font-weight:800;display:inline-block}.footer__logo:hover{color:var(--color-text)}.footer__logo-highlight{color:var(--color-primary)}.footer__description{color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.875rem;line-height:1.7}.footer__social{gap:var(--space-sm);display:flex}.footer__social a{border-radius:var(--radius-md);background:var(--color-surface);width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.footer__social a:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.footer__links h4{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text);margin-bottom:var(--space-md);font-size:.85rem;font-weight:700}.footer__links a{color:var(--color-text-muted);padding:var(--space-xs) 0;transition:color var(--transition-fast);font-size:.875rem;display:block}.footer__links a:hover{color:var(--color-primary-light)}.footer__cta{justify-content:space-between;align-items:center;gap:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);margin-bottom:var(--space-2xl);background:linear-gradient(135deg,#7c3aed1a,#6366f11a);display:flex}.footer__cta h3{margin-bottom:var(--space-xs);font-size:1.15rem}.footer__cta p{color:var(--color-text-muted);font-size:.875rem}.footer__bottom{padding-top:var(--space-lg);border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.footer__made-with{align-items:center;gap:4px;display:flex}.footer__heart{color:var(--color-danger);animation:2s ease-in-out infinite pulse-glow}@media (width<=768px){.footer__grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1;max-width:none}.footer__cta{text-align:center;padding:var(--space-lg);flex-direction:column}.footer__bottom{gap:var(--space-sm);text-align:center;flex-direction:column}}@media (width<=480px){.footer__grid{grid-template-columns:1fr}}.inline-editable{cursor:pointer;transition:outline var(--transition-fast), box-shadow var(--transition-fast);border-radius:var(--radius-sm);position:relative}.inline-editable:after{content:"";border-radius:inherit;pointer-events:none;transition:border-color var(--transition-fast);border:2px dashed #0000;position:absolute;inset:-3px}.inline-editable:hover:after{border-color:var(--color-primary)}.inline-editable:hover{box-shadow:0 0 12px var(--color-primary-glow)}.inline-editable__hint{background:var(--color-primary);color:#fff;opacity:0;width:22px;height:22px;transition:opacity var(--transition-fast), transform var(--transition-fast);z-index:10;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:-8px;right:-8px;transform:scale(.7);box-shadow:0 2px 8px #7c3aed66}.inline-editable:hover .inline-editable__hint{opacity:1;transform:scale(1)}.inline-text-editor{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-md);width:100%;color:var(--color-text);padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;box-shadow:0 0 20px var(--color-primary-glow);resize:vertical;outline:none}.inline-text-editor:focus{box-shadow:0 0 30px var(--color-primary-glow)}.inline-text__actions{gap:var(--space-xs);margin-top:var(--space-xs);justify-content:flex-end;display:flex}.inline-text__actions button{border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:4px 12px;font-size:.78rem;font-weight:600}.inline-text__save{background:var(--color-primary);color:#fff}.inline-text__save:hover{background:var(--color-primary-dark)}.inline-text__cancel{background:var(--color-surface-hover);color:var(--color-text-secondary)}.inline-text__cancel:hover{background:var(--color-surface);color:var(--color-text)}.inline-saving{align-items:center;gap:var(--space-xs);color:var(--color-primary-light);font-size:.75rem;animation:1.2s infinite inlinePulse;display:inline-flex}@keyframes inlinePulse{0%,to{opacity:.6}50%{opacity:1}}.inline-saved{animation:1.5s forwards inlineSavedFlash}@keyframes inlineSavedFlash{0%{box-shadow:0 0 0 3px #10b98180}to{box-shadow:0 0 #10b98100}}.inline-markdown{position:relative}.inline-markdown__edit-btn{z-index:5;align-items:center;gap:var(--space-xs);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);cursor:pointer;padding:6px 14px;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:0;right:0;transform:translateY(-4px);box-shadow:0 2px 12px #7c3aed66}.inline-markdown:hover .inline-markdown__edit-btn{opacity:1;transform:translateY(0)}.inline-markdown__editor{border:2px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-md);box-shadow:0 0 30px var(--color-primary-glow)}.inline-markdown__editor-header{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.inline-markdown__editor-header h4{color:var(--color-primary-light);align-items:center;gap:var(--space-xs);font-size:.9rem;display:flex}.inline-markdown__editor-actions{gap:var(--space-sm);display:flex}.inline-markdown__textarea{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;min-height:300px;color:var(--color-text);padding:var(--space-md);font-family:var(--font-mono);resize:vertical;outline:none;font-size:.9rem;line-height:1.6}.inline-markdown__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.inline-image{cursor:pointer;position:relative}.inline-image__overlay{justify-content:center;align-items:center;gap:var(--space-sm);opacity:0;transition:opacity var(--transition-base);border-radius:inherit;z-index:5;background:#0a0810bf;flex-direction:column;display:flex;position:absolute;inset:0}.inline-image:hover .inline-image__overlay{opacity:1}.inline-image__overlay-actions{gap:var(--space-sm);display:flex}.inline-image__overlay-btn{align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.inline-image__overlay-btn--change{background:var(--color-primary);color:#fff}.inline-image__overlay-btn--change:hover{background:var(--color-primary-dark);transform:scale(1.05)}.inline-image__overlay-btn--remove{color:#fff;background:#ef4444cc}.inline-image__overlay-btn--remove:hover{background:var(--color-danger);transform:scale(1.05)}.inline-image__modal{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0810d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.inline-image__modal-content{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);min-width:380px;max-width:500px;box-shadow:0 8px 40px #0009}.inline-image__modal-content h3{margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);display:flex}.inline-image__modal-content input{margin-bottom:var(--space-md)}.inline-image__modal-actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.inline-toolbar{z-index:9999;align-items:center;gap:var(--space-sm);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:10px 16px;animation:.4s slideUp;display:flex;position:fixed;bottom:24px;right:24px}.inline-toolbar--active{border-color:var(--color-primary);box-shadow:0 4px 30px var(--color-primary-glow);animation:2s infinite toolbarGlow}@keyframes toolbarGlow{0%,to{box-shadow:0 4px 20px var(--color-primary-glow)}50%{box-shadow:0 4px 35px #7c3aed80}}.inline-toolbar__toggle{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer;padding:6px 14px;font-size:.8rem;font-weight:600;display:flex}.inline-toolbar__toggle--off{background:var(--color-surface);color:var(--color-text-secondary)}.inline-toolbar__toggle--off:hover{background:var(--color-surface-hover);color:var(--color-text)}.inline-toolbar__toggle--on{background:var(--color-primary);color:#fff;box-shadow:0 2px 10px var(--color-primary-glow)}.inline-toolbar__toggle--on:hover{background:var(--color-primary-dark)}.inline-toolbar__divider{background:var(--color-border);width:1px;height:20px}.inline-toolbar__link{align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast);padding:6px 10px;font-size:.78rem;text-decoration:none;display:flex}.inline-toolbar__link:hover{color:var(--color-text);background:var(--color-surface)}.inline-toast{z-index:9999;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);pointer-events:none;padding:10px 18px;font-size:.85rem;font-weight:500;animation:.3s slideUp,.3s 2s forwards fadeOut;display:flex;position:fixed;bottom:80px;right:24px}.inline-toast--success{color:var(--color-success);background:#10b98126;border:1px solid #10b9814d}.inline-toast--error{color:var(--color-danger);background:#ef444426;border:1px solid #ef44444d}@keyframes fadeOut{to{opacity:0;transform:translateY(5px)}}.post-card{flex-direction:column;display:flex}.post-card__image-link{display:block}.post-card__image{background-position:50%;background-size:cover;height:200px;position:relative;overflow:hidden}.post-card--featured .post-card__image{height:300px}.post-card__image-placeholder{height:100%;color:var(--color-primary);opacity:.3;justify-content:center;align-items:center;display:flex}.post-card__image-overlay{transition:opacity var(--transition-base);background:linear-gradient(#0000 40%,#0a081099);position:absolute;inset:0}.post-card:hover .post-card__image-overlay{opacity:.8}.post-card__category{top:var(--space-md);left:var(--space-md);z-index:2;position:absolute}.post-card__ai-badge{top:var(--space-md);right:var(--space-md);z-index:2;position:absolute}.post-card__body{padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.post-card__title{margin-bottom:var(--space-sm);color:var(--color-text);transition:color var(--transition-fast);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.post-card:hover .post-card__title{color:var(--color-primary-light)}.post-card__excerpt{color:var(--color-text-muted);margin-bottom:var(--space-md);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card__meta{align-items:center;gap:var(--space-md);color:var(--color-text-muted);margin-top:auto;font-size:.8rem;display:flex}.post-card__meta-item{align-items:center;gap:4px;display:flex}.post-card--featured{grid-column:1/-1}@media (width>=769px){.post-card--featured{flex-direction:row}.post-card--featured .post-card__image-link{flex-shrink:0;width:55%}.post-card--featured .post-card__image{height:100%;min-height:300px}.post-card--featured .post-card__body{padding:var(--space-xl) var(--space-2xl);justify-content:center}.post-card--featured .post-card__title{-webkit-line-clamp:3;font-size:1.5rem}.post-card--featured .post-card__excerpt{-webkit-line-clamp:4;font-size:.95rem}}.home__hero{padding:var(--space-3xl) 0;align-items:center;min-height:480px;display:flex;position:relative;overflow:hidden}.home__hero .container{justify-content:space-between;align-items:center;gap:var(--space-2xl);z-index:1;display:flex;position:relative}.home__hero-content{max-width:640px}.home__hero-badge{margin-bottom:var(--space-lg)}.home__hero-title{letter-spacing:-.03em;margin-bottom:var(--space-lg);font-size:3rem;font-weight:900;line-height:1.15}.home__hero-subtitle{color:var(--color-text-muted);margin-bottom:var(--space-xl);max-width:540px;font-size:1.15rem;line-height:1.7}.home__hero-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.home__hero-visual{flex-shrink:0;width:400px;height:400px;position:relative}.home__hero-glow{background:radial-gradient(circle at center, var(--color-primary-glow) 0%, transparent 70%);opacity:.5;border-radius:50%;animation:4s ease-in-out infinite pulse-glow;position:absolute;inset:0}.home__topics{padding:var(--space-2xl) 0}.home__topics-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.home__topic-card{padding:var(--space-xl);text-align:center;color:var(--color-text);opacity:0;animation:.5s forwards slideUp}.home__topic-card:hover{color:var(--color-text)}.home__topic-icon{border-radius:var(--radius-lg);width:52px;height:52px;color:var(--color-primary-light);margin-bottom:var(--space-md);background:#7c3aed1f;justify-content:center;align-items:center;display:inline-flex}.home__topic-card h3{margin-bottom:var(--space-xs);font-size:1rem}.home__topic-card p{color:var(--color-text-muted);font-size:.8rem}.home__posts{padding:var(--space-2xl) 0 var(--space-3xl)}.home__section{margin-bottom:var(--space-3xl)}.home__section-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.home__section-header h2{padding-left:var(--space-md);font-size:1.5rem;position:relative}.home__section-header h2:before{content:"";background:var(--color-primary);border-radius:var(--radius-full);width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.home__empty{text-align:center;padding:var(--space-3xl);color:var(--color-text-muted)}.home__empty svg{margin-bottom:var(--space-lg);opacity:.3;color:var(--color-primary)}.home__empty h2{margin-bottom:var(--space-sm);font-size:1.5rem}.home__empty p{color:var(--color-text-muted)}@media (width<=768px){.home__hero{min-height:auto;padding:var(--space-2xl) 0}.home__hero-title{font-size:2rem}.home__hero-visual{display:none}.home__topics-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.home__hero-title{font-size:1.75rem}.home__topics-grid{grid-template-columns:1fr}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#adbac7;background:#22272e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#6cb6ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-comment,.hljs-code,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{color:#b4f1b4;background-color:#1b4721}.hljs-deletion{color:#ffd8d3;background-color:#78191b}.post-content{color:var(--color-text-secondary);font-size:1.05rem;line-height:1.85}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:var(--color-text);scroll-margin-top:calc(var(--header-height) + 1rem);margin-top:2em;margin-bottom:.75em}.post-content h2{border-bottom:1px solid var(--color-border);padding-bottom:.5em;font-size:1.6rem}.post-content h3{font-size:1.3rem}.post-content h4{font-size:1.1rem}.post-content p{margin-bottom:1.25em}.post-content ul,.post-content ol{margin-bottom:1.25em;padding-left:1.5em}.post-content ul{list-style:outside}.post-content ol{list-style:decimal}.post-content li{margin-bottom:.4em}.post-content li::marker{color:var(--color-primary)}.post-content a{color:var(--color-primary-light);text-underline-offset:3px;transition:all var(--transition-fast);-webkit-text-decoration:underline #a78bfa4d;text-decoration:underline #a78bfa4d}.post-content a:hover{-webkit-text-decoration-color:var(--color-primary-light);text-decoration-color:var(--color-primary-light)}.post-content strong{color:var(--color-text);font-weight:600}.post-content em{color:var(--color-text-secondary)}.post-content pre{border-radius:var(--radius-md);border:1px solid var(--color-border);margin:1.5em 0;position:relative}.post-content code{font-family:var(--font-mono);font-size:.85em}.post-content :not(pre)>code{color:var(--color-primary-light);border-radius:var(--radius-sm);background:#7c3aed1a;padding:.15em .4em}.post-content__figure{border-radius:var(--radius-lg);border:1px solid var(--color-border);margin:2em 0;overflow:hidden}.post-content__figure img{width:100%;display:block}.post-content__figure figcaption{padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);text-align:center;background:var(--color-surface);font-size:.85rem;font-style:italic}.post-content__blockquote{border-left:3px solid var(--color-primary);padding:var(--space-md) var(--space-lg);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#7c3aed0d;margin:1.5em 0}.post-content__blockquote p{color:var(--color-text-secondary);margin-bottom:0}.post-content__table-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);margin:1.5em 0;overflow-x:auto}.post-content table{border-collapse:collapse;width:100%}.post-content th{background:var(--color-surface);color:var(--color-text);text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:.85rem;font-weight:600}.post-content td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:.9rem}.post-content tr:last-child td{border-bottom:none}.post-content tr:hover td{background:#7c3aed08}.post-content hr{background:var(--color-border);border:none;height:1px;margin:2em 0}.post-page__hero{background-position:50%;background-size:cover;background-color:var(--color-surface);align-items:flex-end;min-height:400px;display:flex;position:relative}.post-page__hero-overlay{background:linear-gradient(to top, var(--color-bg) 0%, #0a0810b3 50%, #0a08104d 100%);position:absolute;inset:0}.post-page__hero-content{z-index:1;padding-bottom:var(--space-2xl);width:100%;position:relative}.post-page__back{margin-bottom:var(--space-lg)}.post-page__hero-meta{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.post-page__title{letter-spacing:-.02em;margin-bottom:var(--space-lg);max-width:800px;font-size:2.5rem;font-weight:800;line-height:1.2}.post-page__info{gap:var(--space-lg);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.9rem;display:flex}.post-page__info span{align-items:center;gap:6px;display:flex}.post-page__body{padding:var(--space-2xl) 0 var(--space-3xl)}.post-page__content-wrapper{max-width:780px;margin:0 auto}.post-page__tags{align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.post-page__cta{margin-top:var(--space-2xl);padding:var(--space-xl) var(--space-2xl);border:1px solid var(--color-border);background:linear-gradient(135deg,#7c3aed14,#6366f114)}.post-page__cta h3{margin-bottom:var(--space-sm);font-size:1.15rem}.post-page__cta p{margin-bottom:var(--space-lg);color:var(--color-text-muted);font-size:.9rem}.post-page__related{padding:var(--space-2xl) 0 var(--space-3xl);background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.post-page__related h2{margin-bottom:var(--space-xl);font-size:1.5rem}.post-page__not-found{text-align:center;padding:var(--space-3xl) 0}.post-page__not-found h1{margin-bottom:var(--space-md)}.post-page__not-found p{margin-bottom:var(--space-xl);color:var(--color-text-muted)}@media (width<=768px){.post-page__hero{min-height:300px}.post-page__title{font-size:1.75rem}.post-page__info{gap:var(--space-md);font-size:.8rem}.post-page__cta{padding:var(--space-lg)}}.login-page{min-height:calc(100vh - var(--header-height));padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.login-page__card{width:100%;max-width:440px;padding:var(--space-2xl) var(--space-2xl);border-radius:var(--radius-xl);text-align:center;animation:.5s forwards fadeIn}.login-page__icon-wrapper{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));width:64px;height:64px;margin:0 auto var(--space-lg);color:#fff;box-shadow:0 4px 20px var(--color-primary-glow);justify-content:center;align-items:center;display:flex}.login-page__logo{letter-spacing:.02em;margin-bottom:var(--space-xl);font-size:1.6rem;font-weight:900}.login-page__logo-highlight{color:var(--color-primary)}.login-page__card h1{margin-bottom:var(--space-md);font-size:1.3rem}.login-page__card>p{color:var(--color-text-muted);margin-bottom:var(--space-xl);font-size:.9rem;line-height:1.6}.login-page__error{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-danger);margin-bottom:var(--space-lg);text-align:left;background:#ef44441a;border:1px solid #ef444440;font-size:.85rem;animation:.3s forwards fadeIn;display:flex}.login-page__google-btn{align-items:center;gap:var(--space-sm);color:#333;border-radius:var(--radius-md);transition:all var(--transition-fast);background:#fff;border:1px solid #ddd;justify-content:center;width:100%;padding:12px 32px;font-size:.95rem;font-weight:600;display:inline-flex}.login-page__google-btn:hover:not(:disabled){box-shadow:var(--shadow-md);background:#f5f5f5;transform:translateY(-1px)}.login-page__google-btn:disabled{opacity:.7;cursor:not-allowed}.login-page__btn-spinner{border:2px solid #ccc;border-top-color:var(--color-primary);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.login-page__note{margin-top:var(--space-lg);color:var(--color-text-muted);font-size:.8rem}.admin-layout{min-height:calc(100vh - var(--header-height));display:flex}.admin-sidebar{border-right:1px solid var(--color-border);width:260px;top:var(--header-height);height:calc(100vh - var(--header-height));flex-direction:column;flex-shrink:0;display:flex;position:sticky;overflow-y:auto}.admin-sidebar__header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.admin-sidebar__logo{color:var(--color-text);letter-spacing:.02em;font-size:1rem;font-weight:900}.admin-sidebar__logo:hover{color:var(--color-text)}.admin-sidebar__logo span{color:var(--color-primary)}.admin-sidebar__nav{padding:var(--space-md);flex-direction:column;flex:1;gap:2px;display:flex}.admin-sidebar__link{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.9rem;font-weight:500;display:flex}.admin-sidebar__link:hover{color:var(--color-text);background:var(--color-surface)}.admin-sidebar__link--active{color:var(--color-primary-light);background:#7c3aed1a}.admin-sidebar__link-arrow{opacity:.5;margin-left:auto}.admin-sidebar__footer{padding:var(--space-md);border-top:1px solid var(--color-border);gap:var(--space-sm);flex-direction:column;display:flex}.admin-sidebar__user{align-items:center;gap:var(--space-sm);padding:var(--space-sm);display:flex}.admin-sidebar__avatar{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.admin-sidebar__user-info{flex-direction:column;min-width:0;display:flex}.admin-sidebar__user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.admin-sidebar__user-email{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.admin-content{padding:var(--space-xl) var(--space-2xl);flex:1;min-width:0;overflow-y:auto}@media (width<=768px){.admin-sidebar{z-index:90;transition:left var(--transition-base);position:fixed;left:-260px}.admin-sidebar--open{left:0}.admin-content{padding:var(--space-lg)}}.social-panel-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--space-lg);background:#0a0810d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.social-panel{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:720px;max-height:85vh;box-shadow:0 24px 80px #0009, 0 0 40px var(--color-primary-glow);flex-direction:column;animation:.3s slideUp;display:flex;overflow:hidden}.social-panel-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.social-panel-header h2{align-items:center;gap:var(--space-sm);font-size:1.15rem;display:flex}.social-panel-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-fast);cursor:pointer;justify-content:center;align-items:center;display:flex}.social-panel-close:hover{background:var(--color-surface);color:var(--color-text)}.social-tabs{padding:var(--space-sm) var(--space-xl);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:2px;display:flex;overflow-x:auto}.social-tab{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;display:flex}.social-tab:hover{color:var(--color-text-secondary);background:var(--color-surface)}.social-tab.active{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-hover)}.social-tab-icon{font-size:1.1rem;line-height:1}.social-panel-content{padding:var(--space-xl);flex:1;overflow-y:auto}.social-text-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);position:relative}.social-text-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600}.social-text-content{color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;max-height:240px;padding-right:var(--space-sm);font-size:.9rem;line-height:1.7;overflow-y:auto}.social-copy-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-primary-light);background:#7c3aed1f;border:1px solid #7c3aed33;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.social-copy-btn:hover{background:#7c3aed33;border-color:#7c3aed59;transform:translateY(-1px)}.social-copy-btn.copied{color:var(--color-success);background:#10b98126;border-color:#10b9814d}.social-hashtags{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:6px;display:flex}.social-hashtag{border-radius:var(--radius-full);color:var(--color-accent-light);cursor:pointer;transition:all var(--transition-fast);background:#6366f11a;border:1px solid #6366f126;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.social-hashtag:hover{background:#6366f133;border-color:#6366f159;transform:scale(1.05)}.social-keywords{margin-bottom:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.social-keyword{border-radius:var(--radius-sm);color:var(--color-warning);background:#f59e0b14;border:1px solid #f59e0b1f;align-items:center;padding:3px 8px;font-size:.72rem;font-weight:500;display:inline-flex}.social-copy-all-bar{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:var(--space-sm);display:flex}.social-image-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden}.social-image-preview{aspect-ratio:1200/630;width:100%;position:relative;overflow:hidden}.social-image-preview.square{aspect-ratio:1}.social-image-preview canvas{object-fit:contain;width:100%;height:100%;display:block}.social-image-actions{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);display:flex}.social-download-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:0 2px 8px var(--color-primary-glow);align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.social-download-btn:hover{box-shadow:0 4px 16px var(--color-primary-glow);transform:translateY(-1px)}.social-empty{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--color-text-muted)}.social-empty-icon{margin-bottom:var(--space-md);opacity:.4;font-size:3rem}@media (width<=768px){.social-panel-overlay{padding:var(--space-sm);align-items:flex-end}.social-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh}.social-tabs{padding:var(--space-sm) var(--space-md)}.social-panel-content{padding:var(--space-md)}.social-panel-header{padding:var(--space-md) var(--space-lg)}}.admin-editor__header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.admin-editor__header-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.admin-editor__form{gap:var(--space-xl);grid-template-columns:1fr 300px;align-items:start;display:grid}.admin-editor__main{gap:var(--space-md);flex-direction:column;display:flex}.admin-editor__title-input{font-weight:700;padding:var(--space-sm) 0!important;border:none!important;border-bottom:1px solid var(--color-border)!important;background:0 0!important;border-radius:0!important;font-size:1.5rem!important}.admin-editor__title-input:focus{border-color:var(--color-primary)!important;box-shadow:none!important}.admin-editor__md-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);overflow:hidden}.admin-editor__md-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.admin-editor__md-wrapper .admin-editor__content-input{box-shadow:none!important;border:none!important;border-radius:0!important}.admin-editor__md-wrapper .admin-editor__content-input:focus{box-shadow:none!important}.admin-editor__content-input{font-family:var(--font-mono);resize:vertical;min-height:500px;font-size:.9rem;line-height:1.7}.md-toolbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:2px;padding:6px 8px;display:flex}.md-toolbar__group{border-right:1px solid var(--color-border);gap:1px;margin-right:4px;padding-right:8px;display:flex}.md-toolbar__group:last-child{border-right:none;margin-right:0;padding-right:0}.md-toolbar__btn{border-radius:var(--radius-sm);width:30px;height:28px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .12s;display:flex}.md-toolbar__btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.md-toolbar__btn:active{color:var(--color-primary-light);background:#7c3aed26;transform:scale(.92)}.admin-editor__preview{max-width:780px;padding:var(--space-xl);background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}@media (width<=900px){.admin-editor__form{grid-template-columns:1fr}.md-toolbar__group{border-right:none;margin-right:0;padding-right:4px}}