@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#comments-block{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999}#comments-btn{align-items:center;background:#ff4b37;border:none;border-radius:12px 0 0 12px;box-shadow:-4px 0 20px rgba(255,76,41,.4);color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:50px;justify-content:center;padding:16px 12px 16px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}#comments-btn:hover{box-shadow:-8px 0 25px rgba(255,76,41,.6)}#comments-sidebar{background:linear-gradient(180deg,#2a2d3a,#1e2028);border-left:1px solid #ff4c29;box-shadow:-10px 0 30px rgba(0,0,0,.6);color:#e1e5e9;height:100vh;max-width:100%;overflow-y:scroll;position:fixed;right:-420px;top:0;transition:right .4s cubic-bezier(.4,0,.2,1);width:420px;z-index:10000}.comments-header{background:linear-gradient(135deg,#ff4c29,#ff6b35);border-bottom:2px solid #3a3d4a;color:#fff;padding:16px 20px}.comments-title{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin:0}.comments-title-text{align-items:center;display:flex;gap:10px}#comments-close{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}#comments-close:hover{background:hsla(0,0%,100%,.3)}#comments-content{padding:12px 16px}.comments-loading{color:#9ca3af;font-size:14px;padding:24px 16px;text-align:center}.comments-spinner{animation:spin 1s linear infinite;border:3px solid #ff4c29;border-radius:50%;border-top-color:transparent;height:48px;margin:0 auto 16px;width:48px}#comments-overlay{background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9998}#comments-sidebar::-webkit-scrollbar{width:6px}#comments-sidebar::-webkit-scrollbar-track{background:#1e2028}#comments-sidebar::-webkit-scrollbar-thumb{background:#ff4c29;border-radius:3px}#comments-sidebar::-webkit-scrollbar-thumb:hover{background:#ff6b35}@media (max-width:768px){#comments-sidebar{max-width:100vw!important;width:100vw!important}#comments-block{right:0!important}#comments-btn{border-radius:22px 0 0 22px!important;font-size:18px!important;height:44px!important;padding:12px 8px 12px 16px!important;width:50px!important}}@media (max-width:480px){#comments-sidebar{width:100vw!important}#comments-content{padding:10px 12px!important}#comments-btn{border-radius:20px 0 0 20px!important;font-size:16px!important;height:40px!important;padding:10px 6px 10px 14px!important;width:45px!important}}