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