.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:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-primary) 100%);color:var(--text-primary);margin-top:auto;position:relative;overflow:hidden}.footer-top-border{height:3px;background:linear-gradient(90deg,transparent 0,var(--accent-primary) 20%,var(--accent-light) 50%,var(--accent-primary) 80%,transparent 100%);position:relative;animation:shimmer 3s ease-in-out infinite}.footer-content{max-width:1280px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-2xl) var(--spacing-xl);position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}}.footer-brand{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{display:inline-block;text-decoration:none;margin-bottom:var(--spacing-sm)}.footer-logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--text-heading) 0,var(--accent-primary) 50%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;transition:all .3s ease}.footer-logo:hover .footer-logo-text{transform:scale(1.05);filter:brightness(1.2)}.footer-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);max-width:300px;margin:0}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-heading);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.05em;position:relative;padding-bottom:var(--spacing-xs)}.footer-section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);border-radius:2px}.footer-nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:all .2s ease;padding:var(--spacing-xs) 0;position:relative;display:inline-block;width:-moz-fit-content;width:fit-content}.footer-link:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--accent-primary);transition:width .3s ease}.footer-link:hover{color:var(--accent-primary);transform:translateX(4px)}.footer-link:hover:before{width:100%}.footer-telegram-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md);transition:all .3s ease;width:-moz-fit-content;width:fit-content}.footer-telegram-link:hover{color:var(--accent-primary);background:var(--accent-bg);transform:translateY(-2px)}.footer-telegram-link svg{flex-shrink:0;transition:transform .3s ease}.footer-telegram-link:hover svg{transform:scale(1.1)}.footer-bottom{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);position:relative}.footer-disclaimer{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-md)}.footer-disclaimer-text{color:var(--text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);text-align:center;max-width:900px;margin:0 auto}.footer-bottom-content{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-md)}.footer-domain{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0;letter-spacing:.05em}.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;align-items:center;gap:var(--spacing-xs)}.header-download-link svg{flex-shrink:0;display:block}.header-download-link:hover{color:var(--accent-light);background:var(--bg-primary)}@media (min-width:768px){.header-download-link{display:flex}}.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-content{display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-lg)}.mobile-menu-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-menu-section.akk{position:relative;padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.mobile-menu-section.akk:after{content:"";position:absolute;bottom:0;left:var(--spacing-md);right:var(--spacing-md);height:1px;background:linear-gradient(to right,transparent,var(--border-default),transparent)}.mobile-menu-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:0 var(--spacing-md);margin-bottom:var(--spacing-xs)}.mobile-menu-section.akk .mobile-menu-nav{gap:var(--spacing-sm)}.mobile-menu-section.akk .mobile-menu-link{height:49px}.mobile-menu-section.akk .mobile-menu-link,.mobile-menu-section.akk .mobile-menu-link-button{padding:var(--spacing-lg) var(--spacing-xl);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:all .2s ease;border-radius:var(--radius-md)}.mobile-menu-nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mobile-menu-link{display:flex;align-items:center;gap:var(--spacing-sm);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-active,.mobile-menu-link:hover{background:var(--bg-primary);color:var(--accent-primary)}.mobile-menu-category{display:flex;align-items:center;justify-content:space-between}.mobile-menu-category-count{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-sm)}.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)}.mobile-menu-comments{display:flex;flex-direction:column;gap:var(--spacing-md)}.mobile-menu-comment-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-primary);border-radius:var(--radius-md)}.mobile-menu-comment-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);text-decoration:none;color:inherit;transition:opacity .2s}.mobile-menu-comment-header:hover{opacity:.8}.mobile-menu-comment-avatar-wrapper{flex-shrink:0;align-self:flex-start}.mobile-menu-comment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.mobile-menu-comment-meta{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:nowrap}.mobile-menu-comment-author{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm);flex-shrink:0}.mobile-menu-comment-in-post{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.mobile-menu-comment-post-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.mobile-menu-comment-content{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.mobile-menu-comment-date{font-size:var(--font-size-xs);color:var(--text-muted)}.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,.admin-nav-links-desktop{display:flex;align-items:center;gap:var(--spacing-lg)}.admin-nav-actions,.admin-nav-actions-desktop{display:flex;align-items:center;gap:var(--spacing-md)}.admin-nav-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.admin-nav-site-link,.admin-nav-title{color:var(--text-primary);text-decoration:none}.admin-nav-site-link{font-size:var(--font-size-base);transition:color .2s}.admin-nav-site-link:hover{color:var(--accent-primary)}.admin-main{max-width:1280px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md)}@media (max-width:767px){.admin-main{padding:var(--spacing-lg) var(--spacing-sm)}.admin-header,div[style*="display: flex"][style*="justify-content: space-between"]{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.admin-header .admin-button,div[style*="display: flex"] .admin-button{width:100%;text-align:center}.admin-nav-actions-desktop,.admin-nav-links-desktop{display:none}.admin-nav-site-link{display:block}}.admin-mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0}@media (max-width:767px){.admin-mobile-menu-toggle{display:flex}}.admin-mobile-menu-icon{display:flex;flex-direction:column;gap:5px;width:24px;height:18px;position:relative}.admin-mobile-menu-icon span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s}.admin-mobile-menu-icon-open span:first-child{transform:rotate(45deg) translate(7px,7px)}.admin-mobile-menu-icon-open span:nth-child(2){opacity:0}.admin-mobile-menu-icon-open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.admin-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}.admin-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}.admin-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-default)}.admin-mobile-menu-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);text-decoration:none}.admin-mobile-menu-close{background:none;border:none;font-size:2rem;color:var(--text-primary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1}.admin-mobile-menu-nav{flex:1;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-mobile-menu-link{display:block;padding:var(--spacing-md);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);font-size:var(--font-size-base);transition:background .2s}.admin-mobile-menu-link:hover{background:var(--bg-primary)}.admin-mobile-menu-link-active{background:var(--accent-primary);color:var(--text-inverse)}.admin-mobile-menu-link-active:hover{background:var(--accent-light)}.admin-mobile-menu-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-default);display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-mobile-menu-logout{width:100%}.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)}@media (max-width:767px){.admin-section-title{font-size:var(--font-size-2xl)}}.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)}@media (max-width:767px){.admin-table td,.admin-table th{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}.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}@media (max-width:767px){.admin-button{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}}.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="Удалить"]{background:none;color:var(--error)}.admin-button-danger[title="Удалить"] 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)}.admin-delete-button{background:none;border:none;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);cursor:pointer;text-decoration:none}.admin-delete-button svg{width:18px;height:18px;fill:var(--error)}.admin-delete-button:hover svg{fill:var(--error-hover)}.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{width:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.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;position:relative}.markdown-editor-wrapper :global(.w-md-editor-toolbar li>button){height:29px!important;border-radius:5px!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-toolbar ul:last-child){display:none!important}.markdown-editor-wrapper :global(.w-md-editor-toolbar button[data-name=edit]),.markdown-editor-wrapper :global(.w-md-editor-toolbar button[data-name=fullscreen]),.markdown-editor-wrapper :global(.w-md-editor-toolbar button[data-name=live]),.markdown-editor-wrapper :global(.w-md-editor-toolbar button[data-name=preview]){display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;padding:0!important;margin:0!important}.markdown-editor-wrapper :global(.w-md-editor-toolbar li:has(button[data-name=edit])),.markdown-editor-wrapper :global(.w-md-editor-toolbar li:has(button[data-name=fullscreen])),.markdown-editor-wrapper :global(.w-md-editor-toolbar li:has(button[data-name=live])),.markdown-editor-wrapper :global(.w-md-editor-toolbar li:has(button[data-name=preview])){display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;padding:0!important;margin:0!important}.markdown-editor-toolbar-container{position:relative}.markdown-editor-preview-toggle{position:absolute;top:0;right:var(--spacing-md);display:flex;align-items:center;height:40px;z-index:10;pointer-events:none}.markdown-editor-preview-toggle>*{pointer-events:all}.markdown-editor-toggle-switch{display:none}.markdown-editor-preview-toggle label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0}.markdown-editor-preview-toggle label:before{content:"";width:36px;height:20px;background:var(--bg-secondary);border-radius:10px;position:relative;transition:background-color .2s;flex-shrink:0}.markdown-editor-preview-toggle label{position:relative}.markdown-editor-preview-toggle label:after{content:"";width:16px;height:16px;background:var(--text-muted);border-radius:50%;position:absolute;left:2px;top:50%;transform:translateY(-50%);transition:all .2s ease;pointer-events:none}.markdown-editor-toggle-switch:checked+label:before{background:var(--accent-primary)}.markdown-editor-toggle-switch:checked+label:after{left:18px;background:var(--bg-primary)}.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%;margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg);overflow:hidden;display:block}.article-cover-image{display:block;max-width:100%;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;-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;word-wrap:break-word;word-break:break-word}.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:flex;align-items:center;gap:var(--spacing-sm);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:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.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);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-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}.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{width:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.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:white}.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-4xl) var(--spacing-lg);margin-bottom:var(--spacing-3xl);border-radius:var(--radius-lg);position:relative;overflow:hidden;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center}.download-hero:after{content:"";position:absolute;top:-20%;left:-20%;right:-20%;bottom:-20%;background-image:url(/app-screenshots/1.png);background-size:120%;background-position:50%;background-repeat:no-repeat;filter:blur(8px) brightness(.4);transform:scale(1.1);z-index:0;animation:backgroundMove 20s ease-in-out infinite}@keyframes backgroundMove{0%,to{transform:scale(1.1) translate(0)}50%{transform:scale(1.15) translate(-2%,-2%)}}.download-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.5) 50%,rgba(0,0,0,.7));z-index:1}.download-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--white);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight);position:relative;z-index:1}.download-subtitle{font-size:var(--font-size-xl);color:rgba(255,255,255,.9);margin-bottom:var(--spacing-2xl);max-width:800px;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed);position:relative;z-index:1}.download-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.download-button,.download-button-wrapper{position:relative;display:inline-block}.download-button{padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-family:var(--font-family);overflow:hidden;box-shadow:0 4px 20px rgba(168,85,247,.3)}.download-button-primary{background:linear-gradient(135deg,var(--accent-primary) 0,#9333ea 50%,var(--accent-primary) 100%);background-size:200% 200%;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.2);animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.download-button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.download-button-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(168,85,247,.5);animation:none;background-position:100% 50%}.download-button-primary:hover:before{left:100%}.download-button-primary:active{transform:translateY(-1px) scale(1.02)}.download-button-secondary{background:var(--bg-secondary);color:var(--text-primary)}.download-button-secondary:hover{background:var(--bg-secondary-alpha-80);transform:translateY(-2px)}.download-button-disabled{opacity:.6;cursor:not-allowed}.download-button-disabled:hover{transform:none;box-shadow:none;background:var(--accent-primary)}.download-button-secondary.download-button-disabled:hover{background:var(--bg-secondary)}.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);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(--bg-secondary);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:rgba(255,255,255,.8);margin-top:var(--spacing-md);position:relative;z-index:1}.download-partner{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(168,85,247,.08),rgba(168,85,247,.03));border-radius:var(--radius-lg);border:1px solid rgba(168,85,247,.2);position:relative;z-index:1}.download-partner-text{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.download-partner-link{color:var(--accent-primary);text-decoration:none;font-weight:var(--font-weight-semibold);transition:all .2s ease;position:relative}.download-partner-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s ease}.download-partner-link:hover{color:var(--accent-hover)}.download-partner-link:hover:after{width:100%}.download-multiplayer-info{margin:var(--spacing-3xl) 0;padding:var(--spacing-2xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.download-multiplayer-content{position:relative}.download-multiplayer-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-heading);margin-bottom:var(--spacing-lg)}.download-multiplayer-text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.download-multiplayer-text p{margin-bottom:var(--spacing-md)}.download-multiplayer-text p:last-child{margin-bottom:0}.download-multiplayer-text strong{color:var(--text-heading);font-weight:var(--font-weight-semibold)}.download-multiplayer-list{list-style:none;padding:0;margin:var(--spacing-lg) 0;display:grid;gap:var(--spacing-sm)}.download-multiplayer-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;color:var(--text-secondary)}.download-multiplayer-list li:before{content:"•";position:absolute;left:0;color:var(--text-muted);font-weight:var(--font-weight-bold)}.download-screenshots-section{margin:var(--spacing-3xl) 0}.download-screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.download-screenshot-item{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:all .3s ease}.download-screenshot-item>div{position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation}.download-screenshot-item>div img{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.download-screenshot-image{width:100%;height:auto;display:block;border-radius:var(--radius-lg)}.download-screenshot-caption{padding:var(--spacing-md);text-align:center;font-size:var(--font-size-base);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin:0}.screenshot-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);backdrop-filter:blur(10px);cursor:pointer}.screenshot-viewer-container{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.screenshot-viewer-container>*{pointer-events:auto}.screenshot-viewer-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);z-index:10000;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--white);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.screenshot-viewer-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.screenshot-viewer-controls{position:absolute;top:var(--spacing-lg);left:var(--spacing-lg);z-index:10000;display:flex;gap:var(--spacing-sm);background:rgba(0,0,0,.6);padding:var(--spacing-sm);border-radius:var(--radius-md);backdrop-filter:blur(10px)}.screenshot-viewer-controls button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--white);width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.screenshot-viewer-controls button:hover:not(:disabled){background:rgba(255,255,255,.2);transform:scale(1.1)}.screenshot-viewer-controls button:disabled{opacity:.3;cursor:not-allowed}.screenshot-viewer-image-container{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.screenshot-viewer-image-wrapper{transition:transform .1s ease-out;will-change:transform}.screenshot-viewer-image{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.screenshot-viewer-info{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);color:var(--white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;gap:var(--spacing-md);backdrop-filter:blur(10px)}.screenshot-viewer-info span{color:rgba(255,255,255,.9)}@media (max-width:768px){.download-screenshots-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.screenshot-viewer-controls{top:var(--spacing-sm);left:var(--spacing-sm);flex-direction:column}.screenshot-viewer-close{top:var(--spacing-sm);right:var(--spacing-sm);width:40px;height:40px}.screenshot-viewer-info{bottom:var(--spacing-sm);flex-direction:column;gap:var(--spacing-xs);text-align:center}}.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;position:relative;padding-bottom:var(--spacing-md)}.download-section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-light));border-radius:2px}.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:linear-gradient(135deg,var(--bg-secondary) 0,rgba(168,85,247,.03) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);position:relative;overflow:hidden}.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(3,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}@media (max-width:1400px){.requirements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.requirements-grid{grid-template-columns:1fr}}.requirements-card{background:linear-gradient(135deg,var(--bg-secondary) 0,rgba(168,85,247,.05) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);position:relative;overflow:hidden}.requirements-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-heading);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);position:relative}.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:linear-gradient(135deg,var(--bg-secondary) 0,rgba(168,85,247,.03) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 12px rgba(168,85,247,.1)}.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:linear-gradient(135deg,rgba(168,85,247,.1),rgba(168,85,247,.05) 50%,transparent);border-radius:var(--radius-xl);margin-top:var(--spacing-3xl);position:relative;overflow:hidden}.download-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-light))}.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-note{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-md);text-align:center}.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{grid-template-columns:1fr}.requirements-grid{grid-template-columns:1fr!important}.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-item{display:flex;align-items:center;gap:var(--spacing-xs)}.sidebar-menu-item svg{flex-shrink:0;display:block}.sidebar-menu-category,.sidebar-menu-item{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{display:block}.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}.page-sidebar-right{width:320px;flex-shrink:0}@media (max-width:1200px){.page-sidebar-right{display:none}}.latest-comments{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.latest-comments-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.latest-comments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.latest-comment-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.latest-comment-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);text-decoration:none;color:inherit;transition:opacity .2s}.latest-comment-header:hover{opacity:.8}.latest-comment-avatar-wrapper{flex-shrink:0;align-self:flex-start}.latest-comment-avatar{width:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.latest-comment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.latest-comment-meta{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:nowrap}.latest-comment-author{font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm);flex-shrink:0}.latest-comment-in-post{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.latest-comment-post-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.latest-comment-content{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest-comment-date{font-size:var(--font-size-xs);color:var(--text-muted)}.article-list-feed{display:flex;flex-direction:column;gap:var(--spacing-lg)}.article-card-link{display:flex;flex-direction:column;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-image{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.article-card-image-img{width:100%;height:auto;display:block}.article-card-content{display:flex;flex-direction:column;padding:var(--spacing-lg)}.article-card-meta{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.article-card-author-avatar,.user-avatar{width:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;flex-shrink:0;display:block}.article-card-author-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:var(--accent-primary);display:flex;align-items:center;justify-content:center;color:var(--bg-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.article-card-meta-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.article-card-author-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.article-card-meta-secondary{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--text-muted)}.article-card-category{font-weight:var(--font-weight-medium)}.article-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;line-height:1.3}.article-card-excerpt{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-md) 0}.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;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{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-image{width:100%;height:400px}.skeleton-title{height:24px;width:80%;margin-bottom:var(--spacing-md);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-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)}.article-image-gallery{margin:var(--spacing-xl) 0;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-secondary)}.article-image-gallery-single{background:transparent}.article-image-gallery-main{aspect-ratio:16/9;background:var(--bg-secondary)}.article-image-gallery-item,.article-image-gallery-main{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.article-image-gallery-item{height:100%}.article-image-gallery-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg)}.article-image-gallery-watermark{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);z-index:5;opacity:.7;transition:opacity .2s ease}.article-image-gallery-watermark:hover{opacity:1}.article-image-gallery-watermark-image{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.article-image-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.6);border:none;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(8px)}.article-image-gallery-nav:hover{background:rgba(0,0,0,.8);transform:translateY(-50%) scale(1.1)}.article-image-gallery-nav-prev{left:var(--spacing-md)}.article-image-gallery-nav-next{right:var(--spacing-md)}.article-image-gallery-counter{text-align:center;padding:var(--spacing-sm) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.article-image-gallery-counter,.article-image-gallery-thumbnails{background:var(--bg-secondary);border-top:1px solid var(--border-default)}.article-image-gallery-thumbnails{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;align-items:center}.article-image-gallery-thumbnails::-webkit-scrollbar{height:6px}.article-image-gallery-thumbnails::-webkit-scrollbar-track{background:transparent}.article-image-gallery-thumbnails::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.article-image-gallery-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;background:var(--bg-primary);cursor:pointer;transition:all .2s ease;padding:0;margin:0;display:flex;align-items:center;justify-content:center;line-height:0}.article-image-gallery-thumbnail:hover{transform:scale(1.05);border-color:var(--accent-primary)}.article-image-gallery-thumbnail-active{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.article-image-gallery-thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;vertical-align:top}.hardware-requirements-card-wrapper{margin-bottom:var(--spacing-2xl)}.hardware-requirements-card{display:block;background:linear-gradient(135deg,var(--bg-secondary) 0,rgba(168,85,247,.08) 100%);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-default);text-decoration:none;transition:all .3s ease;position:relative}.hardware-requirements-card:hover{border-color:var(--accent-primary);box-shadow:0 12px 32px rgba(168,85,247,.2);transform:translateY(-4px)}.hardware-requirements-card-image{position:relative;width:100%;height:400px;overflow:hidden}.hardware-requirements-card-image-content{-o-object-fit:cover;object-fit:cover}.hardware-requirements-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.7));display:flex;align-items:flex-end;padding:var(--spacing-xl)}.hardware-requirements-card-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--accent-primary);color:white;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em}.hardware-requirements-card-content{padding:var(--spacing-2xl)}.hardware-requirements-card-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-heading);margin-bottom:var(--spacing-md);line-height:var(--line-height-tight)}.hardware-requirements-card-description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.hardware-requirements-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--border-default)}.hardware-requirements-card-category{font-size:var(--font-size-sm);color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.hardware-requirements-card-date,.hardware-requirements-card-stats{font-size:var(--font-size-sm);color:var(--text-muted)}@media (max-width:768px){.hardware-requirements-card-image{height:250px}.hardware-requirements-card-title{font-size:var(--font-size-2xl)}.hardware-requirements-card-content{padding:var(--spacing-xl)}.hardware-requirements-card-footer{flex-direction:column;align-items:flex-start}}.hardware-requirements-promo-small{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.hardware-requirements-promo-small-link{display:block;background:linear-gradient(135deg,var(--bg-secondary) 0,rgba(168,85,247,.08) 100%);border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease;padding:var(--spacing-xl)}.hardware-requirements-promo-small-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.hardware-requirements-promo-small-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-heading);line-height:var(--line-height-tight);margin:0}.hardware-requirements-promo-small-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.hardware-requirements-promo-small-footer{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.hardware-requirements-promo-small-arrow{font-size:var(--font-size-lg);color:var(--accent-primary)}.hardware-requirements-promo-small-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--accent-primary)}.relative-date{position:relative;cursor:help}.relative-date-tooltip{bottom:100%;margin-bottom:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-xs);white-space:nowrap;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;pointer-events:none}.relative-date-tooltip,.relative-date-tooltip:after{position:absolute;left:50%;transform:translateX(-50%)}.relative-date-tooltip:after{content:"";top:100%;border:4px solid transparent;border-top:4px solid var(--bg-primary)}.pagination{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-2xl);padding:var(--spacing-xl) 0}.pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary)}.pagination-nav{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s}.pagination-page:hover{background:var(--bg-primary);border-color:var(--accent-primary);color:var(--accent-primary)}.pagination-page-active{cursor:default}.pagination-page-active,.pagination-page-active:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--white)}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--text-muted);font-size:var(--font-size-sm)}@media (max-width:640px){.pagination-nav,.pagination-pages{flex-wrap:wrap;justify-content:center}}.gallery-upload{margin-top:var(--spacing-md)}.gallery-upload-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.gallery-upload-controls{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.gallery-upload-preview{margin-top:var(--spacing-md)}.gallery-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-sm)}.gallery-upload-item{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-default)}.gallery-upload-image-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden}.gallery-upload-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1}.gallery-upload-spinner{color:white;font-size:var(--font-size-sm)}.gallery-upload-remove{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.7);border:none;color:white;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:background .2s}.gallery-upload-remove:hover:not(:disabled){background:rgba(220,38,38,.9)}.gallery-upload-remove:disabled{opacity:.5;cursor:not-allowed}.gallery-upload-copy{position:absolute;left:50%;bottom:var(--spacing-xs);transform:translateX(-50%);padding:4px 8px;border-radius:var(--radius-full);border:none;background:rgba(15,23,42,.85);color:#e5e7eb;font-size:var(--font-size-xs);cursor:pointer;z-index:2;white-space:nowrap;transition:background .15s,transform .1s}.gallery-upload-copy:hover{background:rgba(59,130,246,.9)}@media (max-width:640px){.gallery-upload-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}}