.comments-section{border-top:1px solid #ffffff14;margin-top:5rem;padding-top:3rem}.comments-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.comments-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:700}.comments-count{color:#fff6;margin-left:.4rem;font-size:1.1rem;font-weight:500}.comment-form{background:#ffffff05;border:1px solid #ffffff26;border-radius:14px;flex-direction:column;gap:1.25rem;margin-bottom:3rem;padding:1.5rem;transition:border-color .2s;display:flex}.comment-form:focus-within{border-color:#ffffff4d}.reply-indicator{color:#ffffffe6;background:#ffffff0f;border-left:3px solid #fff;border-radius:6px;justify-content:space-between;align-items:center;padding:.6rem .9rem;font-size:.88rem;display:flex}.reply-indicator strong{color:#fff}.cancel-reply-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;font-size:.8rem;transition:color .2s}.cancel-reply-btn:hover{color:#ff6b6b}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:600}.form-input,.form-textarea{color:#fff;background:#ffffff0a;border:1px solid #fff3;border-radius:8px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.form-input:focus,.form-textarea:focus,.captcha-input:focus{background:#ffffff12;border-color:#ffffff73}.form-input::placeholder,.form-textarea::placeholder,.captcha-input::placeholder{color:#ffffff59}.form-textarea{resize:vertical;min-height:90px;line-height:1.6}.captcha-row{background:#ffffff05;border:1px dashed #fff3;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;display:flex}.captcha-box{flex-wrap:wrap;align-items:center;gap:.4rem .5rem;min-width:0;font-size:.88rem;display:flex}.captcha-icon{color:#fff6;flex-shrink:0}.captcha-label{color:#ffffff80;white-space:nowrap;flex-shrink:0}.captcha-question{color:#fff;letter-spacing:.03em;white-space:nowrap;background:#ffffff1a;border-radius:4px;padding:.2rem .6rem;font-weight:700}.captcha-input{color:#fff;text-align:center;-moz-appearance:textfield;appearance:textfield;background:#ffffff0d;border:1px solid #ffffff40;border-radius:6px;outline:none;flex-shrink:0;width:110px;padding:.45rem .75rem;font-weight:600}.captcha-input::-webkit-outer-spin-button,.captcha-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-message{min-height:1.2rem;font-size:.88rem}.form-message.error{color:#ff6b6b}.form-message.success{color:#51cf66}.form-actions{justify-content:flex-end;display:flex}.submit-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:.65rem 1.75rem;font-size:.9rem;font-weight:600;transition:all .2s}.submit-btn:hover{background:#ffffffd9;transform:translateY(-1px)}.submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.comments-list{flex-direction:column;gap:1.5rem;display:flex}.loading-state,.empty-state{text-align:center;color:#fff6;padding:2.5rem;font-size:.95rem;font-style:italic}.comment-card-wrapper{flex-direction:column;gap:.8rem;display:flex}.comment-card{background:#ffffff05;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:.85rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.comment-card:hover{background:#ffffff09;border-color:#ffffff4d}.comment-header{justify-content:space-between;align-items:center;display:flex}.author-info{align-items:center;gap:.75rem;display:flex}.avatar{color:#fff;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.avatar-small{width:26px;height:26px;font-size:.75rem}.author-name{color:#fff;font-size:.95rem;font-weight:600}.comment-date{color:#fff6;font-size:.8rem}.comment-body{color:#ffffffe6;white-space:pre-line;font-size:.95rem;line-height:1.6}.comment-footer{justify-content:flex-end;margin-top:.25rem;display:flex}.reply-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.reply-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px)}.comment-replies{border-left:2px solid #ffffff1f;flex-direction:column;gap:.8rem;margin-left:1.75rem;padding-left:1rem;display:flex}.reply-card{background:#ffffff04;border:1px solid #ffffff1a}@media (width<=600px){.comment-form{gap:1rem;padding:1rem}.captcha-row{flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem}.captcha-box{justify-content:flex-start}.captcha-input{width:100%;height:38px;font-size:.95rem}.submit-btn{width:100%;padding:.75rem}.comment-replies{margin-left:.75rem;padding-left:.6rem}}.post{max-width:700px;margin:0 auto;padding:4rem 0}.post-header{margin-bottom:4rem}.meta{opacity:.5;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}.tags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;max-width:70%;display:flex}.tag-link{color:inherit;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;align-items:center;gap:.75rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.tag-link:not(:last-child):after{content:"•";opacity:.3;color:#fff;font-size:.8rem;font-weight:900}.tag-link:hover{color:#fff;opacity:1;transform:translateY(-1px)}.post-header h1{margin-bottom:1rem;padding-bottom:.1em;font-size:3.5rem;font-weight:700;line-height:1.2}.description{opacity:.7;font-size:1.4rem;font-style:italic;line-height:1.5}.content{color:#ffffffe6;font-size:1.15rem;line-height:1.8}.content h2{color:#fff;margin-top:3rem;margin-bottom:1.5rem;font-size:2rem}.content a{color:#fff;background:linear-gradient(90deg,#fff6,#fff6) 0 100%/100% 1px no-repeat;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.content a:hover{color:#fff;background-image:linear-gradient(90deg,#fff,#fff);background-size:100% 2px}.content p{margin-bottom:1.5rem}.content ul,.content ol{margin-bottom:1.5rem;padding-left:1.5rem}.content li{margin-bottom:.5rem}.content blockquote{color:#fffc;background:#ffffff08;border-left:3px solid #fff;border-radius:0 12px 12px 0;margin:2.5rem 0;padding:1.5rem 2rem;font-style:italic}.content blockquote p{margin-bottom:0;line-height:1.6}.content pre{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:2rem 0;padding:1.5rem;overflow-x:auto}.content code{font-family:JetBrains Mono,monospace;font-size:.9em}.content img{border-radius:12px;max-width:100%;height:auto;margin:2rem auto;display:block}.image-medium img{max-width:50%}.image-caption{text-align:center;color:#fff6;margin-top:-1.5rem;margin-bottom:2rem;font-size:.8rem;font-style:italic;display:block}.match-metadata,.music-metadata{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;margin:3rem 0;padding:2rem 0}.match-metadata{margin-top:0;margin-bottom:4rem}.label{text-transform:uppercase;letter-spacing:.2em;color:#ffffff4d;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:block}.match-title{color:#fff;margin-bottom:1.5rem;font-size:1.75rem;font-weight:600}.match-grid{flex-wrap:wrap;gap:2.5rem;display:flex}.match-item{color:#fff9;align-items:center;gap:.75rem;font-size:1rem;display:flex}.match-item svg{opacity:.4}.music-header{flex-direction:column;gap:.5rem;display:flex}.music-info{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.music-title{color:#fff;font-size:1.5rem;font-weight:600}.music-author{color:#ffffff80;font-size:1.1rem}.music-verse-simple{color:#fff6;border-left:2px solid #ffffff1a;margin-top:1.5rem;padding-left:1.5rem;font-size:1.1rem;font-style:italic}@media (width<=600px){.match-grid{flex-direction:column;gap:1rem}.music-info{flex-direction:column;align-items:flex-start;gap:.25rem}.meta{flex-direction:column;align-items:flex-start;gap:.85rem}.tags{justify-content:flex-start;max-width:100%}}.post-nav{border-top:1px solid #ffffff0d;margin-top:8rem;padding-top:4rem}.nav-wrapper{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:2rem;display:grid}.nav-card{background:#ffffff05;border:1px solid #ffffff08;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.5rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.nav-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-4px)}.nav-card.next{text-align:right}.nav-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;font-size:.7rem;font-weight:700}.nav-title{color:#fffc;font-size:1rem;font-weight:600;line-height:1.4}.nav-card:hover .nav-title{color:#fff}.back-link{color:#ffffff4d;background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;justify-content:center;align-self:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.back-link:hover{color:#fff;background:#ffffff0f;border-color:#ffffff1a;transform:scale(1.05)}.nav-empty{width:100%}@media (width<=768px){.post-header h1{font-size:2.5rem}.nav-wrapper{grid-template-columns:1fr;gap:1rem}.back-link{grid-row:1;width:100%;height:40px}.nav-card.prev{grid-row:2}.nav-card.next{grid-row:3}.nav-empty{display:none}}