nav{background:#0f111cf2;border-bottom:1px solid rgba(201,168,76,.2);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.nav-inner{max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0;align-items:center}.nav-links a{color:#e8e0d0;text-decoration:none;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;font-family:Playfair Display,Georgia,serif;transition:color .3s}.nav-links a:hover{color:#c9a84c}.nav-btn{background:#c9a84c!important;color:#0f111c!important;padding:.5rem 1.25rem;border-radius:4px;font-weight:600}article{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.article-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(201,168,76,.2)}.back-link{color:#c9a84c;text-decoration:none;font-size:.9rem;letter-spacing:.05em;display:inline-block;margin-bottom:1rem;transition:opacity .3s}.back-link:hover{opacity:.7}.date{color:#e8e0d080;font-size:.85rem;display:block;margin-bottom:.75rem}.article-header h1{font-family:Playfair Display,Georgia,serif;font-size:2.5rem;color:#e8e0d0;line-height:1.2;margin:0 0 .75rem}.subtitle{color:#e8e0d0b3;font-size:1.1rem;line-height:1.5;margin:0 0 1rem}.article-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.author{color:#e8e0d099;font-size:.9rem}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:#c9a84c26;color:#c9a84c;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.locked-content.is-locked{position:relative;max-height:300px;overflow:hidden;filter:blur(4px);pointer-events:none;user-select:none}.locked-content.is-locked:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(transparent,#0f111cf7);pointer-events:none}.content-lock-overlay{display:none}.content-lock-overlay.is-visible{display:block}.content-lock-overlay.is-visible{text-align:center;padding:2.5rem;margin:0 0 2rem;background:#1e223499;border:1px solid rgba(201,168,76,.2);border-radius:12px}.lock-icon{font-size:2rem;margin-bottom:1rem}.lock-title{font-family:Playfair Display,Georgia,serif;font-size:1.75rem;color:#e8e0d0;margin:0 0 .5rem}.lock-subtitle{color:#e8e0d099;margin:0 0 1.5rem;font-size:1rem}.lock-buttons{display:flex;gap:1rem;justify-content:center}.btn-primary{background:#c9a84c;color:#0f111c;border:none;padding:.75rem 2rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .2s}.btn-primary:hover{background:#d4b356}.btn-secondary{background:transparent;color:#c9a84c;border:1px solid #c9a84c;padding:.75rem 2rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:1rem;transition:all .2s}.btn-secondary:hover{background:#c9a84c1a}.article-content{line-height:1.8;color:#e0e0e0;font-size:1.05rem}.article-content p{margin:0 0 1.5rem}.article-content h2{font-family:Playfair Display,Georgia,serif;font-size:1.75rem;color:#e8e0d0;margin:2.5rem 0 1rem}.article-content h3{font-family:Playfair Display,Georgia,serif;font-size:1.4rem;color:#e8e0d0;margin:2rem 0 .75rem}.article-content img{width:100%;border-radius:8px;margin:1.5rem 0}.article-content blockquote{border-left:3px solid #c9a84c;padding-left:1.5rem;margin:1.5rem 0;color:#e8e0d0cc;font-style:italic}.article-content a{color:#c9a84c;text-decoration:underline;text-underline-offset:3px}.article-footer{text-align:center;padding:2rem 0;margin-top:2rem}.comment-reactions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.reaction-btn-sm{padding:.25rem .5rem;font-size:.8rem;border-radius:16px}.reaction-btn-sm .reaction-emoji{font-size:.9rem}.reaction-btn-sm .reaction-count{font-size:.75rem}.comment-actions{display:flex;flex-direction:column;gap:.5rem}.comment-actions .btn-reply{align-self:flex-start}.reaction-bar-wrapper{margin:2rem auto;padding:1.5rem 0;border-top:1px solid rgba(201,168,76,.2);border-bottom:1px solid rgba(201,168,76,.2);max-width:800px}.reaction-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.reaction-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1e223480;border:1px solid rgba(201,168,76,.2);border-radius:20px;color:#e0e0e0;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:inherit}.reaction-btn:hover{background:#c9a84c1a;border-color:#c9a84c66}.reaction-btn.active{background:#c9a84c33;border-color:#c9a84c;color:#c9a84c}.reaction-emoji{font-size:1.2rem}.reaction-count{font-size:.85rem;color:#8a8a8a}.reaction-btn.active .reaction-count{color:#c9a84c}.discussion-section{max-width:800px;margin:0 auto;padding:3rem 0}.discussion-heading{font-family:Playfair Display,serif;font-size:1.75rem;color:#c9a84c;margin-bottom:.5rem}.discussion-intro{color:#8a8a8a;margin-bottom:2rem;line-height:1.6}.sign-in-prompt{background:#1e2234cc;border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:1.5rem;text-align:center}.sign-in-prompt p{color:#e0e0e0;margin-bottom:1rem}.btn-sign-in,.btn-submit{background:#c9a84c;color:#0f111c;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;font-family:inherit;font-size:.95rem;transition:all .2s}.btn-sign-in:hover,.btn-submit:hover:not(:disabled){background:#d4b356}.btn-submit:disabled{background:#666;cursor:not-allowed;opacity:.6}.comment-form{background:#1e2234cc;border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.reply-indicator{display:flex;align-items:center;justify-content:space-between;background:#c9a84c1a;border-left:3px solid #c9a84c;padding:.75rem 1rem;margin-bottom:1rem;border-radius:4px}.reply-indicator-text{color:#c9a84c;font-size:.9rem}.btn-cancel-reply{background:none;border:none;color:#8a8a8a;cursor:pointer;font-size:1.2rem;padding:0}.form-user-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.user-avatar-form{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(201,168,76,.3)}.form-user-name{color:#e0e0e0;font-weight:600}.form-textarea{width:100%;min-height:100px;padding:.75rem;background:#0f111c99;border:1px solid rgba(201,168,76,.2);border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:.95rem;resize:vertical;margin-bottom:1rem;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#c9a84c}.form-textarea::placeholder{color:#5a5a5a}.form-actions{display:flex;justify-content:flex-end}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.comment-thread{width:100%}.comment-card{background:#1e223499;border:1px solid rgba(201,168,76,.1);border-radius:8px;padding:1.25rem;transition:all .2s}.comment-card:hover{border-color:#c9a84c33;background:#1e2234cc}.comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(201,168,76,.2)}.comment-meta{display:flex;flex-direction:column}.comment-author{color:#e0e0e0;font-weight:600;font-size:.95rem}.comment-time{color:#8a8a8a;font-size:.85rem}.comment-content{color:#e0e0e0;line-height:1.6;margin-bottom:1rem;word-wrap:break-word}.comment-actions{display:flex;gap:1rem;align-items:center}.btn-heart{background:none;border:none;color:#8a8a8a;cursor:pointer;padding:.25rem .5rem;transition:all .2s;display:flex;align-items:center;gap:.3rem;font-size:.85rem}.btn-heart:hover{color:#e0e0e0}.btn-heart.active{color:#c9a84c}.btn-reply{background:none;border:none;color:#8a8a8a;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:color .2s;font-family:inherit}.btn-reply:hover{color:#c9a84c}.replies-container{margin-top:1rem;padding-left:2rem;border-left:2px solid rgba(201,168,76,.1);display:flex;flex-direction:column;gap:1rem}.replies-container .comment-card{background:#1e223466}.empty-state{text-align:center;padding:3rem 1rem;color:#8a8a8a}.loading-state{display:flex;flex-direction:column;align-items:center;padding:3rem 1rem;gap:1rem}.spinner{width:40px;height:40px;border:3px solid rgba(201,168,76,.2);border-top-color:#c9a84c;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:#8a8a8a}.error-state{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:1.5rem;text-align:center;margin:2rem 0}.error-state p{color:#fca5a5;margin-bottom:1rem}.btn-retry{background:#dc2626;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-family:inherit;font-weight:600}@media(max-width:640px){.replies-container{padding-left:1rem}.reaction-buttons{gap:.5rem}.reaction-btn{padding:.4rem .8rem;font-size:.85rem}}.code-of-conduct{margin-bottom:2rem;border:1px solid rgba(201,168,76,.3);border-radius:12px;overflow:hidden}.code-of-conduct summary{padding:14px 20px;background:#c9a84c14;color:#c9a84c;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;gap:8px}.code-of-conduct summary::-webkit-details-marker{display:none}.code-of-conduct summary:before{content:"▶";font-size:.7rem;transition:transform .2s ease}.code-of-conduct[open] summary:before{transform:rotate(90deg)}.code-of-conduct summary:hover{background:#c9a84c26}.coc-content{padding:20px 24px;background:#0f111c80}.coc-content p{color:#b0b0b0;font-size:.92rem;line-height:1.7;margin:0 0 12px}.coc-content p:last-child{margin-bottom:0}.coc-content em{color:#999}