.comments-toggle-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--purple));color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;z-index:999;display:flex;align-items:center;justify-content:center}.comments-toggle-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.comments-toggle-btn:disabled{cursor:wait}.comments-badge{position:absolute;top:-5px;right:-5px;background-color:#ef4444;color:#fff;border-radius:50%;min-width:24px;height:24px;display:none;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid var(--body-bg);padding:0 4px}.comments-badge.show{display:flex}.comments-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.comments-overlay.show{opacity:1;visibility:visible}.comments-panel{position:fixed;top:0;right:0;width:100%;max-width:450px;height:100vh;background-color:var(--gray-1100);box-shadow:-4px 0 20px #0000004d;z-index:1000;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.comments-panel.open{transform:translate(0)}.comments-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border);background-color:var(--gray-1000)}.comments-header-content h2{color:var(--header-text);font-size:1.5rem;margin:0}.comments-subtitle{color:var(--text-muted);font-size:.85rem;margin:.25rem 0 0}.comments-close-btn{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.comments-close-btn:hover{background-color:var(--blue)}.comments-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.comments-empty,.comments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center;padding:2rem}.comments-loading .spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.comments-empty svg{margin-bottom:1rem;opacity:.5}.comments-empty p,.comments-loading p{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.comments-empty span{font-size:.9rem}.comment-item{display:flex;gap:.75rem;padding:1rem;background-color:var(--gray-700);border-radius:var(--border-radius);border:1px solid var(--border);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comment-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.comment-author{color:var(--header-text);font-size:.9rem}.comment-time{color:var(--text-muted);font-size:.75rem}.comment-text{color:var(--text-color);font-size:.9rem;line-height:1.5;margin:0;word-wrap:break-word;white-space:pre-wrap}.comments-form{padding:1rem;border-top:1px solid var(--border);background-color:var(--gray-1400)}.user-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.user-inputs input{padding:.75rem;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--gray-1100);color:var(--text-color);font-size:.9rem}.user-inputs input:focus{outline:none;border-color:var(--accent-primary)}.message-input-wrapper{position:relative}.message-input-wrapper textarea{width:stretch;padding:.75rem;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--gray-1100);color:var(--text-color);font-size:.9rem;resize:none;font-family:inherit}.message-input-wrapper textarea:focus{outline:none;border-color:var(--accent-primary)}.input-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.char-counter{color:var(--text-muted);font-size:.8rem}.submit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--accent-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn .spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;width:16px;height:16px;animation:spin .8s linear infinite;margin:0}.form-note{margin-top:.5rem;font-size:.75rem;color:var(--text-muted);text-align:center}.comment-notification{position:fixed;top:2rem;right:2rem;background-color:var(--purple);color:var(--gray-500);padding:1rem 1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000004d;z-index:1001;opacity:0;transform:translate(100px);transition:all .3s ease}.comment-notification.show{opacity:1;transform:translate(0)}.comment-notification.error{background-color:#ef4444}@media(max-width:768px){.comments-panel{max-width:100%}.comments-toggle-btn{bottom:1rem;right:1rem;width:56px;height:56px}.user-inputs{grid-template-columns:1fr}}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-sans-3-cyrillic-ext-wght-normal.DzyfIafT.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-sans-3-cyrillic-wght-normal.BMDVbyM7.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-sans-3-greek-ext-wght-normal.BWSLJLk6.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-sans-3-greek-wght-normal.C9H9m1vD.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-sans-3-vietnamese-wght-normal.C1uRvKPU.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-sans-3-latin-ext-wght-normal.C8iNium2.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Sans 3 Variable";font-style:normal;font-display:swap;font-weight:200 900;src:url(/_astro/source-sans-3-latin-wght-normal.BqRLTx4X.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}