.comment-section{margin-top:2rem;padding-top:1.5rem;border-top:1px dashed var(--border)}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.comment-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--accent);margin:0}.comment-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .4rem;border-radius:9999px;background-color:var(--accent);color:var(--background);font-size:.75rem;font-weight:600}.admin-toggle{background:none;border:1px solid var(--border);border-radius:.375rem;padding:.35rem;cursor:pointer;color:var(--foreground);opacity:.4;transition:opacity .2s}.admin-toggle:hover{opacity:.8}.admin-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .5rem;border-radius:9999px;background-color:var(--accent);color:var(--background)}.admin-input-row{display:flex;gap:.5rem;margin-bottom:1rem;animation:slideDown .2s ease-out}.admin-input{flex:1;padding:.4rem .75rem;border:1px solid var(--border);border-radius:.375rem;background-color:var(--card-bg, var(--background));color:var(--foreground);font-size:.85rem}.admin-btn{padding:.4rem 1rem;border:none;border-radius:.375rem;background-color:var(--accent);color:var(--background);font-weight:600;font-size:.85rem;cursor:pointer;transition:opacity .2s}.admin-btn:hover{opacity:.85}.comment-list{max-height:500px;overflow-y:auto;margin-bottom:1.25rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.comment-loading,.comment-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1rem;color:var(--foreground);opacity:.5;font-size:.9rem}.spinner{width:24px;height:24px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.spinner.small{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.comment-item{display:flex;gap:.75rem;padding:.85rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);animation:fadeIn .3s ease-out;transition:opacity .3s}.comment-item:last-child{border-bottom:none}.comment-item.deleting{opacity:.4;pointer-events:none}.comment-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.2rem}.comment-name{font-weight:600;font-size:.9rem;color:var(--foreground)}.comment-time{font-size:.75rem;color:var(--foreground);opacity:.45}.comment-message{margin:0;font-size:.9rem;line-height:1.55;color:var(--foreground);opacity:.85;word-break:break-word;white-space:pre-wrap}.delete-btn{flex-shrink:0;align-self:flex-start;margin-top:.2rem;background:none;border:none;padding:.3rem;cursor:pointer;color:var(--foreground);opacity:0;transition:opacity .2s,color .2s;border-radius:.25rem}.comment-item:hover .delete-btn{opacity:.4}.delete-btn:hover{opacity:1!important;color:#ef4444}.comment-form{display:flex;flex-direction:column;gap:.6rem}.form-row{display:flex;gap:.5rem}.form-message-row{position:relative}.input-name{width:100%;max-width:220px;padding:.6rem .85rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--card-bg, var(--background));color:var(--foreground);font-size:.9rem;transition:border-color .2s}.input-name:focus{outline:none;border-color:var(--accent)}.input-message{flex:1;width:100%;padding:.6rem 3rem .6rem .85rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--card-bg, var(--background));color:var(--foreground);font-size:.9rem;font-family:inherit;resize:vertical;min-height:3rem;max-height:12rem;transition:border-color .2s}.input-message:focus{outline:none;border-color:var(--accent)}.submit-btn{position:absolute;right:.5rem;bottom:.5rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:.5rem;background-color:var(--accent);color:var(--background);cursor:pointer;transition:opacity .2s,transform .15s}.submit-btn:hover:not(:disabled){opacity:.85;transform:scale(1.05)}.submit-btn:disabled{opacity:.35;cursor:not-allowed}.char-count{font-size:.7rem;color:var(--foreground);opacity:.35;text-align:right}@media (max-width: 640px){.input-name{max-width:100%}.comment-avatar{width:32px;height:32px;font-size:.65rem}}.youtube-embed-container[data-astro-cid-vj4tpspi]{margin:2rem 0;position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden}.youtube-embed-container[data-astro-cid-vj4tpspi] iframe[data-astro-cid-vj4tpspi]{position:absolute;top:0;left:0;width:100%;height:100%;border:0}