:root{--bg-primary:#16181c;--bg-secondary:#27292e;--bg-light:#f8fafc;--bg-white:#fff;--text-primary:#afb6be;--text-secondary:#afb6be;--text-dark:#16181c;--text-muted:#6b7280;--text-heading:#e5e7eb;--accent-primary:#a855f7;--accent-hover:#9333ea;--accent-light:#c084fc;--accent-bg:rgba(168,85,247,.1);--accent-shadow-sm:rgba(168,85,247,.15);--accent-shadow-md:rgba(168,85,247,.2);--border-default:#3a3d42;--border-light:#e2e8f0;--success:#10b981;--success-light:#22c55e;--success-dark:#16a34a;--success-darker:#15803d;--success-bg:rgba(16,185,129,.2);--success-bg-alt:rgba(34,197,94,.2);--success-border:rgba(34,197,94,.3);--success-shadow:rgba(34,197,94,.3);--success-shadow-hover:rgba(34,197,94,.4);--error:#ef4444;--error-primary:#ef4444;--error-hover:#dc2626;--error-dark:#b91c1c;--error-bg:rgba(239,68,68,.1);--error-bg-alt:rgba(239,68,68,.2);--error-border:rgba(239,68,68,.3);--error-shadow:rgba(239,68,68,.15);--error-shadow-md:rgba(239,68,68,.2);--error-shadow-lg:rgba(239,68,68,.3);--error-shadow-hover:rgba(239,68,68,.4);--warning:#f59e0b;--warning-light:#fbbf24;--warning-bg:rgba(245,158,11,.2);--warning-bg-alt:rgba(251,191,36,.2);--bg-primary-alpha-80:rgba(22,24,28,.8);--bg-primary-alpha-90:rgba(22,24,28,.9);--bg-secondary-alpha-60:rgba(39,41,46,.6);--bg-secondary-alpha-80:rgba(39,41,46,.8);--bg-secondary-alpha-95:rgba(39,41,46,.95);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-family:"Inter",system-ui,sans-serif;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--shadow-black-sm:rgba(0,0,0,.1);--shadow-black-md:rgba(0,0,0,.2);--shadow-black-lg:rgba(0,0,0,.3);--white:#fff;--white-alpha-30:hsla(0,0%,100%,.3)}.link-hover{color:var(--text-secondary);text-decoration:none;transition:color .2s}.link-hover:hover{color:var(--accent-light)}.link-hover-dark{color:var(--text-secondary);text-decoration:none;transition:color .2s}.link-hover-dark:hover{color:var(--accent-light)}.button-primary{background:var(--accent-primary);color:var(--text-primary);border:none;cursor:pointer;transition:background .2s}.button-primary:hover{background:var(--accent-hover)}.input-field{width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);outline:none;transition:border-color .2s}.input-field:focus{border-color:var(--accent-primary)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.header{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-lg)}.header-content{justify-content:space-between;height:4rem;gap:var(--spacing-lg)}.header-content,.header-left{display:flex;align-items:center}.header-left{gap:var(--spacing-xl)}.header-logo{display:block;width:120px;height:40px;background-image:url(/logo.webp);background-size:contain;background-repeat:no-repeat;background-position:50%;text-decoration:none;text-indent:-9999px;overflow:hidden}.main-content{flex-grow:1;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer{background:var(--bg-secondary);color:var(--text-primary);margin-top:auto}.footer-content{max-width:1280px;margin:0 auto;padding:var(--spacing-md) var(--spacing-2xl)}.footer-text{text-align:center;color:var(--text-muted)}.nav{display:none;align-items:center;gap:var(--spacing-lg)}@media (min-width:768px){.nav{display:flex}}.header-categories-menu-desktop{display:none}@media (max-width:767px){.header-categories-menu-desktop{display:block}}.categories-menu{display:flex;align-items:center;position:relative}.categories-menu-button{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-base);font-family:var(--font-family);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s}.categories-menu-button:hover{color:var(--accent-light);background:var(--bg-primary)}.categories-menu-button[aria-expanded=true]{color:var(--accent-primary);background:var(--bg-primary)}.categories-menu-icon{transition:transform .3s}.categories-menu-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:220px;max-width:320px;max-height:500px;overflow-y:auto;z-index:1000;padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-menu-item{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s;font-size:var(--font-size-base)}.categories-menu-item:hover{background:var(--bg-primary);color:var(--accent-primary)}.categories-menu-dropdown::-webkit-scrollbar{width:6px}.categories-menu-dropdown::-webkit-scrollbar-track{background:transparent}.categories-menu-dropdown::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.categories-menu-dropdown::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.header-download-link{display:none;color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-base);font-family:var(--font-family);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s;white-space:nowrap}.header-download-link:hover{color:var(--accent-light);background:var(--bg-primary)}@media (min-width:768px){.header-download-link{display:block}}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0}@media (min-width:768px){.mobile-menu-toggle{display:none}}.mobile-menu-icon{display:flex;flex-direction:column;gap:5px;width:24px;height:18px;position:relative}.mobile-menu-icon span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s}.mobile-menu-icon-open span:first-child{transform:rotate(45deg) translate(7px,7px)}.mobile-menu-icon-open span:nth-child(2){opacity:0}.mobile-menu-icon-open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:85vw;background:var(--bg-secondary);box-shadow:var(--shadow-xl);z-index:1001;display:flex;flex-direction:column;animation:slideIn .3s;overflow-y:auto}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-default)}.mobile-menu-logo{display:block;width:120px;height:40px;background-image:url(/logo.webp);background-size:contain;background-repeat:no-repeat;background-position:50%;text-decoration:none;text-indent:-9999px;overflow:hidden}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:0;border-radius:var(--radius-md);transition:background .2s}.mobile-menu-close:hover{background:var(--bg-primary)}.mobile-menu-nav{display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-xs)}.mobile-menu-link{display:block;padding:var(--spacing-md);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s;font-size:var(--font-size-base)}.mobile-menu-link:hover{background:var(--bg-primary);color:var(--accent-primary)}.mobile-menu-link-nested{padding-left:var(--spacing-2xl);font-size:var(--font-size-sm);color:var(--text-secondary)}.mobile-menu-categories{display:flex;flex-direction:column}.mobile-menu-categories-button{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:none;border:none;color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-md);transition:all .2s;text-align:left}.mobile-menu-categories-button:hover{background:var(--bg-primary);color:var(--accent-primary)}.mobile-menu-categories-button[aria-expanded=true]{color:var(--accent-primary)}.mobile-menu-categories-list{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.mobile-menu-categories-list-open{max-height:500px;transition:max-height .3s ease-in}.mobile-menu-divider{height:1px;background:var(--border-default);margin:var(--spacing-md) 0}.mobile-menu-link-button{background:none;border:none;width:100%;text-align:left;cursor:pointer;color:var(--error)}.mobile-menu-link-button:hover{background:var(--error-bg);color:var(--error)}.admin-layout{min-height:100vh;background:var(--bg-primary)}.admin-nav{background:var(--bg-secondary);box-shadow:var(--shadow-sm);border-bottom:1px solid var(--border-default)}.admin-nav-content{display:flex;align-items:center;justify-content:space-between;height:4rem}.admin-nav-links{display:flex;align-items:center;gap:var(--spacing-lg)}.admin-nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.admin-nav-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none}.admin-main{max-width:1280px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-card{background:var(--bg-secondary);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:28rem}.login-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.login-form-group{margin-bottom:var(--spacing-md)}.login-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.login-error,.login-label{font-size:var(--font-size-sm)}.login-error{color:var(--error);margin-bottom:var(--spacing-md)}.login-button{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.admin-card{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.admin-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.admin-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.admin-card-link{color:var(--accent-primary);text-decoration:none;margin-top:var(--spacing-sm);display:inline-block}.admin-card-link:hover{text-decoration:underline}.admin-section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.admin-section-subtitle{color:var(--text-secondary)}.admin-table{width:100%;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow-x:auto}.admin-table table{width:100%;border-collapse:collapse}.admin-table thead{background:var(--bg-primary)}.admin-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-transform:uppercase}.admin-table tbody{border-top:1px solid var(--border-default)}.admin-table tbody tr{border-bottom:1px solid var(--border-default)}.admin-table tbody tr:hover{background:var(--bg-primary)}.admin-table td{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary)}.admin-table-empty{text-align:center;color:var(--text-muted)}.admin-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all .2s;cursor:pointer}.admin-button-primary{background:var(--accent-primary);color:var(--white)}.admin-button-primary:hover{background:var(--accent-hover)}.admin-button-danger{background:var(--error-primary);color:var(--text-primary)}.admin-button-danger:hover{background:var(--error-hover)}.admin-button-danger[title=\423\434\430\43B\438\442\44C]{background:none;color:var(--error)}.admin-button-danger[title=\423\434\430\43B\438\442\44C] svg{width:18px;height:18px;fill:var(--error)}.admin-button-secondary{background:var(--bg-secondary)}.admin-button-secondary:hover{background:var(--bg-primary)}.admin-edit-button{background:none;border:none;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);cursor:pointer;text-decoration:none}.admin-edit-button svg{width:18px;height:18px;fill:var(--accent-primary)}.admin-view-button{background:none;border:none;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);cursor:pointer;text-decoration:none}.admin-view-button svg{width:18px;height:18px;fill:var(--accent-primary)}.view-icon{width:16px;height:16px;fill:var(--text-muted);flex-shrink:0}.article-meta{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-default)}.article-meta-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.article-meta-row:not(:last-child){margin-bottom:var(--spacing-md)}.article-meta-category{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--accent-primary)}.article-meta-date{font-size:var(--font-size-sm);color:var(--text-muted)}.article-meta-author{display:flex;align-items:center;gap:var(--spacing-sm)}.article-meta-avatar{-o-object-fit:cover;object-fit:cover;width:24px;height:24px}.article-meta-author-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.article-meta-views{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-muted);margin-left:auto}.markdown-editor-wrapper{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);overflow:hidden}.markdown-editor-wrapper :global(.w-md-editor){background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:none!important}.markdown-editor-wrapper :global(.w-md-editor-text-pre){background:var(--bg-secondary)!important;color:var(--text-primary)!important}.markdown-editor-wrapper :global(.w-md-editor-text){background:var(--bg-secondary)!important;color:var(--text-primary)!important}.markdown-editor-wrapper :global(.w-md-editor-text-textarea){background:var(--bg-secondary)!important;color:var(--text-primary)!important;font-family:var(--font-family)!important}.markdown-editor-wrapper :global(.w-md-editor-text-textarea::-moz-placeholder){color:var(--text-muted)!important}.markdown-editor-wrapper :global(.w-md-editor-text-textarea::placeholder){color:var(--text-muted)!important}.markdown-editor-wrapper :global(.w-md-editor-toolbar){background:var(--bg-primary)!important;border-bottom:1px solid var(--border-default)!important}.markdown-editor-wrapper :global(.w-md-editor-toolbar button){color:var(--text-primary)!important;background:transparent!important;border:none!important}.markdown-editor-wrapper :global(.w-md-editor-toolbar button:hover){background:var(--bg-secondary)!important}.markdown-editor-wrapper :global(.w-md-editor-toolbar button.active){background:var(--accent-primary)!important;color:var(--text-primary)!important}.markdown-editor-wrapper :global(.w-md-editor-toolbar svg){fill:var(--text-primary)!important;stroke:var(--text-primary)!important}.markdown-editor-wrapper :global(.w-md-editor-preview){background:var(--bg-secondary)!important;color:var(--text-primary)!important}.markdown-editor-wrapper :global(.w-md-editor-preview h1),.markdown-editor-wrapper :global(.w-md-editor-preview h2),.markdown-editor-wrapper :global(.w-md-editor-preview h3),.markdown-editor-wrapper :global(.w-md-editor-preview h4),.markdown-editor-wrapper :global(.w-md-editor-preview h5),.markdown-editor-wrapper :global(.w-md-editor-preview h6){color:var(--text-primary)!important}.markdown-editor-wrapper :global(.w-md-editor-preview p){color:var(--text-primary)!important}.markdown-editor-wrapper :global(.w-md-editor-preview code){background:var(--bg-primary)!important;color:var(--accent-light)!important}.markdown-editor-wrapper :global(.w-md-editor-preview pre){background:var(--bg-primary)!important;color:var(--text-primary)!important}.markdown-editor-wrapper :global(.w-md-editor-preview a){color:var(--accent-primary)!important}.markdown-editor-wrapper :global(.w-md-editor-preview blockquote){border-left-color:var(--accent-primary)!important;color:var(--text-secondary)!important}.markdown-editor-content :global(p){margin:var(--spacing-sm) 0}.markdown-editor-content :global(h1),.markdown-editor-content :global(h2),.markdown-editor-content :global(h3),.markdown-editor-content :global(h4),.markdown-editor-content :global(h5),.markdown-editor-content :global(h6){margin:var(--spacing-lg) 0 var(--spacing-md) 0;font-weight:var(--font-weight-bold);color:var(--text-primary)}.markdown-editor-content :global(h1){font-size:var(--font-size-3xl)}.markdown-editor-content :global(h2){font-size:var(--font-size-2xl)}.markdown-editor-content :global(h3){font-size:var(--font-size-xl)}.markdown-editor-content :global(ol),.markdown-editor-content :global(ul){margin:var(--spacing-sm) 0;padding-left:var(--spacing-xl)}.markdown-editor-content :global(li){margin:var(--spacing-xs) 0}.markdown-editor-content :global(blockquote){border-left:4px solid var(--accent-primary);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--text-secondary);font-style:italic}.markdown-editor-content :global(code){background:var(--bg-primary);padding:2px 6px;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9em;color:var(--accent-light)}.markdown-editor-content :global(pre){background:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-md) 0}.markdown-editor-content :global(pre code){background:transparent;padding:0}.markdown-editor-content :global(a){color:var(--accent-primary);text-decoration:none}.markdown-editor-content :global(a:hover){text-decoration:underline}.markdown-editor-content :global(img){max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-md) 0}.markdown-editor-content :global(table){width:100%;border-collapse:collapse;margin:var(--spacing-md) 0}.markdown-editor-content :global(table td),.markdown-editor-content :global(table th){border:1px solid var(--border-default);padding:var(--spacing-sm);text-align:left}.markdown-editor-content :global(table th){background:var(--bg-primary);font-weight:var(--font-weight-semibold)}.admin-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (min-width:768px){.admin-grid{grid-template-columns:repeat(3,1fr)}}.admin-list-item{display:block;padding:var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary)}.admin-list-item:hover{background:var(--bg-primary)}.admin-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.admin-status-published{background:var(--success-bg);color:var(--success)}.admin-status-draft{background:var(--warning-bg);color:var(--warning)}.admin-form{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.admin-form-error{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--error-bg);color:var(--error);border-radius:var(--radius-md)}.admin-form-group{margin-bottom:var(--spacing-lg)}.admin-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.admin-form-input{width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);outline:none;transition:border-color .2s}.admin-form-input:focus{border-color:var(--accent-primary)}.admin-form-textarea{width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);outline:none;transition:border-color .2s;font-family:monospace;resize:vertical}.admin-form-textarea:focus{border-color:var(--accent-primary)}.admin-form-select{width:100%;padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);outline:none;transition:border-color .2s}.admin-form-select:focus{border-color:var(--accent-primary)}.admin-form-actions{display:flex;gap:var(--spacing-md)}.admin-button-secondary{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-default);cursor:pointer;transition:all .2s}.admin-button-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.admin-form-checkbox{width:1rem;height:1rem;accent-color:var(--accent-primary);cursor:pointer}.admin-form-checkbox-label{margin-left:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:var(--spacing-xl)}.auth-card{background:var(--bg-secondary);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-default);width:100%;max-width:28rem}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--text-muted);font-size:var(--font-size-base)}.auth-form{gap:var(--spacing-xl)}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:var(--spacing-sm);position:relative}.auth-label-top{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.025em;margin-bottom:var(--spacing-xs);transition:color .3s ease}.auth-input-group:focus-within .auth-label-top{color:var(--accent-primary)}.auth-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-primary-alpha-80) 100%);border:2px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-family);position:relative;box-shadow:0 2px 8px var(--shadow-black-sm)}.auth-input::-moz-placeholder{color:var(--text-muted);opacity:.5;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.auth-input::placeholder{color:var(--text-muted);opacity:.5;transition:opacity .3s ease}.auth-input:hover{border-color:var(--accent-light);background:linear-gradient(135deg,var(--bg-secondary-alpha-60) 0,var(--bg-primary-alpha-90) 100%);box-shadow:0 4px 12px var(--accent-shadow-sm),0 2px 8px var(--shadow-black-md);transform:translateY(-2px)}.auth-input:hover::-moz-placeholder{opacity:.7}.auth-input:hover::placeholder{opacity:.7}.auth-input:focus{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-secondary-alpha-95) 100%);box-shadow:0 0 0 4px var(--accent-shadow-sm),0 8px 24px var(--accent-shadow-md),0 4px 12px var(--shadow-black-lg);transform:translateY(-2px)}.auth-input:focus::-moz-placeholder{opacity:.4}.auth-input:focus::placeholder{opacity:.4}.auth-input-focused{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-secondary-alpha-95) 100%);box-shadow:0 0 0 4px var(--accent-shadow-sm),0 8px 24px var(--accent-shadow-md),0 4px 12px var(--shadow-black-lg);transform:translateY(-2px)}.auth-input-error{border-color:var(--error)!important;background:linear-gradient(135deg,var(--error-bg) 0,var(--bg-primary) 100%)!important}.auth-input-error:focus{border-color:var(--error)!important;box-shadow:0 0 0 4px var(--error-shadow),0 8px 24px var(--error-shadow-md),0 4px 12px var(--shadow-black-lg)!important}.auth-field-error{color:var(--error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);padding-left:var(--spacing-xs)}.auth-button{width:100%;padding:var(--spacing-md) var(--spacing-xl);background:var(--accent-primary);color:var(--text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .2s;font-family:var(--font-family);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.auth-button:hover{background:var(--accent-hover)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-button-loading{pointer-events:none}.auth-button-spinner{width:16px;height:16px;border:2px solid var(--white-alpha-30);border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-error{padding:var(--spacing-md);background:var(--error-shadow);border:1px solid var(--error-border);border-radius:var(--radius-md);color:var(--error);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.auth-error,.auth-footer{font-size:var(--font-size-sm)}.auth-footer{margin-top:var(--spacing-xl);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.auth-footer,.auth-footer-text{color:var(--text-muted)}.auth-link{color:var(--accent-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:all .2s ease;position:relative}.auth-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.auth-link:hover{color:var(--accent-light)}.auth-link:hover:after{width:100%}.turnstile-wrapper{display:flex;justify-content:center;margin:var(--spacing-md) 0}.turnstile-wrapper :global(iframe){border-radius:var(--radius-md)}.article-cover-container{position:relative;width:100%;aspect-ratio:16/9;margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg);overflow:hidden}.article-cover-image{position:absolute!important;width:100%!important;height:auto!important;left:0!important;top:0!important;right:0!important;bottom:0!important;color:transparent!important;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.breadcrumbs{margin-bottom:var(--spacing-xl);padding:var(--spacing-md) 0}.breadcrumbs-list{flex-wrap:wrap;list-style:none;padding:0;margin:0}.breadcrumbs-item,.breadcrumbs-list{display:flex;align-items:center;gap:var(--spacing-md)}.breadcrumbs-link{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s;display:inline-block}.breadcrumbs-link:hover{transform:translateY(-1px)}.breadcrumbs-current{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs-separator{color:var(--accent-primary);font-size:var(--font-size-lg);margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.6;font-weight:var(--font-weight-normal)}.article-promo{background:var(--bg-secondary);border-radius:var(--radius-lg);margin:var(--spacing-2xl) 0;position:relative;overflow:hidden;padding:8px}.article-promo[data-bg-image]:after{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background-image:var(--bg-image);background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(20px);z-index:0}.article-promo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(22,24,28,.85);z-index:1}.article-promo-inner{position:relative;z-index:2}.article-promo:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover));z-index:3}.article-promo-label{color:var(--accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md)}.article-promo-link{display:block;text-decoration:none;transition:transform .2s}.article-promo-link:hover{transform:translateY(-2px)}.article-promo-content{display:flex;flex-direction:column}.article-promo-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.article-promo-category{color:var(--accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.article-promo-excerpt{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.related-articles{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border-default)}.related-articles-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xl)}.related-articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.user-menu-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);min-width:200px;z-index:1000;overflow:hidden}.user-menu-item{display:block;padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary);text-decoration:none;transition:background .2s;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:var(--font-size-sm)}.user-menu-item:hover{background:var(--accent-bg)}.user-menu-item-danger{color:var(--error)}.user-menu-item-danger:hover{background:var(--error-bg)}.user-menu-divider{height:1px;background:var(--border-default);margin:var(--spacing-xs) 0}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.profile-stat-card{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-default);text-align:center}.profile-stat-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}.profile-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.profile-articles-section{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.profile-section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-lg)}.profile-articles-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-article-item{display:block;padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);text-decoration:none;transition:all .2s}.profile-article-item:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-shadow-sm)}.profile-article-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-article-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.profile-article-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--text-muted)}.profile-article-category{color:var(--accent-primary);font-weight:var(--font-weight-medium)}.profile-settings{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-default);margin-bottom:var(--spacing-xl)}.profile-avatar-section{display:flex;align-items:flex-start;gap:var(--spacing-xl)}.profile-avatar-preview{flex-shrink:0}.profile-avatar-image{width:64px;height:64px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-avatar-placeholder{width:64px;height:64px;border-radius:50%;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.profile-avatar-controls{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-avatar-hint{color:var(--text-muted)}.profile-avatar-error,.profile-avatar-hint{font-size:var(--font-size-sm);margin:0}.profile-article-status{margin-top:var(--spacing-xs)}.profile-status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.profile-status-pending{background:var(--warning-bg-alt);color:var(--warning-light)}.profile-status-approved{background:var(--success-bg-alt);color:var(--success-light)}.profile-status-rejected{background:var(--error-bg-alt);color:var(--error)}.article-moderation-section{padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-md)}.article-moderation-status{display:flex;align-items:center;gap:var(--spacing-md)}.article-moderation-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.moderation-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.moderation-approved{background:var(--success-bg-alt);color:var(--success-light);border:1px solid var(--success-border)}.moderation-rejected{background:var(--error-bg-alt);color:var(--error);border:1px solid var(--error-border)}.moderation-button{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:var(--spacing-sm)}.moderation-button:disabled{opacity:.6;cursor:not-allowed}.moderation-button-approve{background:linear-gradient(135deg,var(--success-light) 0,var(--success-dark) 100%);color:var(--white);box-shadow:0 4px 12px var(--success-shadow)}.moderation-button-approve:hover:not(:disabled){background:linear-gradient(135deg,var(--success-dark) 0,var(--success-darker) 100%);transform:translateY(-2px);box-shadow:0 6px 16px var(--success-shadow-hover)}.moderation-button-reject{background:linear-gradient(135deg,var(--error) 0,var(--error-hover) 100%);color:var(--white);box-shadow:0 4px 12px var(--error-shadow-lg)}.moderation-button-reject:hover:not(:disabled){background:linear-gradient(135deg,var(--error-hover) 0,var(--error-dark) 100%);transform:translateY(-2px);box-shadow:0 6px 16px var(--error-shadow-hover)}.moderation-button-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.moderation-button-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-primary)}.related-article-card{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:all .3s;display:flex;flex-direction:column}.related-article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-black-lg)}.related-article-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.related-article-image-content{-o-object-fit:cover;object-fit:cover;transition:transform .3s}.related-article-card:hover .related-article-image-content{transform:scale(1.05)}.related-article-content{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.related-article-category{color:var(--accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.related-article-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-article-date{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:auto}@media (min-width:1200px){.article-toc-wrapper{display:block!important}}.article-toc{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-default);min-width:240px;max-width:280px;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.article-toc::-webkit-scrollbar{width:6px}.article-toc::-webkit-scrollbar-track{background:transparent}.article-toc::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.article-toc::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.article-toc-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.05em}.article-toc-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.article-toc-link{display:block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all .2s;border-left:2px solid transparent;background:transparent}.article-toc-link:hover{color:var(--text-primary);background:var(--bg-primary)}.article-toc-link-active{border-left:2px solid var(--accent-primary)}.article-toc-link-active,.article-toc-link-active:hover{color:var(--accent-primary);background:var(--accent-bg)}.comments-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border-default)}.comments-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.comments-empty,.comments-loading{color:var(--text-muted);text-align:center;padding:var(--spacing-xl)}.comments-login-prompt{margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.comments-login-link{color:var(--accent-primary);text-decoration:none;font-weight:var(--font-weight-semibold);text-decoration:underline}.comment-form{margin-bottom:var(--spacing-xl)}.comment-textarea{width:100%;min-height:100px;padding:var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);resize:vertical;transition:border-color .2s}.comment-textarea:focus{outline:none;border-color:var(--accent-primary)}.comment-form-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.comment-cancel-button,.comment-submit-button{font-size:var(--font-size-sm)}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.comment-item{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.comment-item-reply{margin-left:var(--spacing-2xl);padding-left:var(--spacing-xl);background:var(--bg-primary)}.comment-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.comment-avatar{-o-object-fit:cover;object-fit:cover;width:24px;height:24px}.comment-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--accent-primary);flex-shrink:0}.comment-meta{display:flex;flex-direction:column;gap:var(--spacing-xs)}.comment-author{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.comment-date{font-size:var(--font-size-sm);color:var(--text-muted)}.comment-content{color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.comment-reply-button{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:var(--font-size-sm);padding:0}.comment-actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.comment-admin-button{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s;font-weight:var(--font-weight-medium)}.comment-admin-button-approve{background:var(--success);color:#fff}.comment-admin-button-delete{background:none;color:var(--error);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs)}.comment-admin-button-delete svg{width:18px;height:18px;fill:var(--error)}.comment-admin-button-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.comment-replies,.comment-reply-form{margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.comment-replies{display:flex;flex-direction:column;gap:var(--spacing-md)}.comment-notification{padding:var(--spacing-sm) var(--spacing-md);background:var(--accent-bg);border:1px solid var(--accent-primary);border-radius:var(--radius-md);color:var(--accent-primary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.download-hero{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.download-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-heading);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.download-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:800px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}.download-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.download-button-wrapper{position:relative;display:inline-block}.download-button{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-family:var(--font-family)}.download-button-primary{background:var(--accent-primary);color:var(--white)}.download-button-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 16px var(--accent-shadow-md)}.download-button-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-default)}.download-button-secondary:hover{background:var(--bg-secondary-alpha-80);border-color:var(--accent-primary);transform:translateY(-2px)}.download-button-disabled{opacity:.6;cursor:not-allowed}.download-button-disabled:hover{transform:none;box-shadow:none;background:var(--accent-primary);border-color:var(--border-default)}.download-button-secondary.download-button-disabled:hover{background:var(--bg-secondary);border-color:var(--border-default)}.download-tooltip{position:absolute;bottom:calc(100% + var(--spacing-md));left:50%;transform:translateX(-50%) translateY(-5px);background:var(--bg-secondary);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);white-space:nowrap;text-align:center;box-shadow:0 8px 24px var(--shadow-black-lg);border:1px solid var(--border-default);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1000}.download-tooltip:after{border:8px solid transparent;border-top:8px solid var(--bg-secondary)}.download-tooltip:after,.download-tooltip:before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%)}.download-tooltip:before{border:9px solid transparent;border-top:9px solid var(--border-default);z-index:-1}.download-button-wrapper:hover .download-tooltip{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.download-version{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-md)}.download-section-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-heading);margin-bottom:var(--spacing-2xl);text-align:center}.download-features{margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.feature-card{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);transition:all .3s ease;border:1px solid var(--border-default)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--shadow-black-md);border-color:var(--accent-primary)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md);text-align:center}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-heading);margin-bottom:var(--spacing-sm)}.feature-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.download-requirements{margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl) 0}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.requirements-card{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.requirements-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-heading);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--accent-primary)}.requirements-list{list-style:none;padding:0;margin:0}.requirements-list li{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative;line-height:var(--line-height-relaxed)}.requirements-list li:before{content:"•";color:var(--accent-primary);font-weight:var(--font-weight-bold);position:absolute;left:0}.requirements-list li strong{color:var(--text-heading);font-weight:var(--font-weight-semibold)}.download-info{margin-bottom:var(--spacing-3xl);padding:var(--spacing-2xl) 0}.faq-list{max-width:900px;margin:var(--spacing-2xl) auto 0}.faq-item{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--border-default)}.faq-question{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-heading);margin-bottom:var(--spacing-md)}.faq-answer{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.download-cta{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-xl);margin-top:var(--spacing-3xl);border:1px solid var(--border-default)}.download-cta-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-heading);margin-bottom:var(--spacing-md)}.download-cta-text{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.download-cta-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}@media (max-width:768px){.download-title{font-size:var(--font-size-3xl)}.download-subtitle{font-size:var(--font-size-lg)}.download-buttons{flex-direction:column;align-items:stretch}.download-button{text-align:center}.download-tooltip{max-width:calc(100vw - var(--spacing-xl));left:50%;right:auto}.features-grid,.requirements-grid{grid-template-columns:1fr}.download-cta-buttons{flex-direction:column}.download-button{width:100%}}.sidebar-menu{display:none;width:240px;flex-shrink:0;padding-right:var(--spacing-xl)}@media (min-width:1024px){.sidebar-menu{display:block}}.sidebar-menu-section{margin-bottom:var(--spacing-2xl)}.sidebar-menu-section:last-child{margin-bottom:0}.sidebar-menu-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-default)}.sidebar-menu-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-menu-category,.sidebar-menu-item{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all .2s;font-weight:var(--font-weight-medium)}.sidebar-menu-category:hover,.sidebar-menu-item:hover{background:var(--bg-secondary);color:var(--accent-primary)}.sidebar-menu-item-active{font-weight:var(--font-weight-semibold)}.sidebar-menu-item-active,.sidebar-menu-item-active:hover{background:var(--accent-bg);color:var(--accent-primary)}.sidebar-menu-category{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs)}.sidebar-menu-category>span:first-child{flex:1}.sidebar-menu-category-count{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-primary);padding:2px 6px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium);flex-shrink:0;min-width:20px;text-align:center}.sidebar-menu-item-active .sidebar-menu-category-count{background:var(--accent-primary);color:var(--white)}.like-button{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s;font-family:var(--font-family)}.like-button:hover{background:var(--accent-bg)}.like-button-active,.like-button:hover{color:var(--accent-primary)}.like-button-active:hover{color:var(--accent-hover)}.like-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.like-button-active .like-icon{fill:var(--accent-primary);stroke:var(--accent-primary)}.like-button:disabled{opacity:.6;cursor:not-allowed}.page-with-sidebar{display:flex;gap:var(--spacing-2xl);max-width:1400px;margin:0 auto}.page-with-sidebar-content{flex:1;min-width:0}.article-card-link{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-decoration:none;overflow:hidden;transition:box-shadow .3s}.article-card-link:hover{box-shadow:var(--shadow-xl)}.article-card-content{display:flex;flex-direction:column;flex:1;padding:var(--spacing-lg)}.article-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-md)}.article-card-skeleton{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-base{border-radius:var(--radius-md)}.skeleton-base,.skeleton-image,.skeleton-title{background:linear-gradient(90deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-size:2000px 100%;animation:shimmer 2s infinite}.skeleton-title{height:24px;width:80%;margin-bottom:var(--spacing-md);border-radius:var(--radius-md)}.skeleton-badge{width:80px}.skeleton-badge,.skeleton-date{height:20px;background:linear-gradient(90deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-size:2000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-sm)}.skeleton-date{width:120px}.skeleton-description{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.skeleton-line{height:16px;width:100%;background:linear-gradient(90deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-size:2000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-sm)}.skeleton-line-short{width:60%}.skeleton-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(90deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-size:2000px 100%;animation:shimmer 2s infinite}.skeleton-author{width:60px}.skeleton-author,.skeleton-icon{height:16px;background:linear-gradient(90deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-size:2000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-sm)}.skeleton-icon{width:16px}.skeleton-text-small{height:16px;width:40px;border-radius:var(--radius-sm)}.skeleton-button,.skeleton-text-small{background:linear-gradient(90deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);background-size:2000px 100%;animation:shimmer 2s infinite}.skeleton-button{height:24px;width:50px;border-radius:var(--radius-md)}