body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:10vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.comments-container{min-height:100vh;padding:2rem 0}.comment-card{border-radius:25px;overflow:auto;transition:all .3s ease}.comment-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.comment-avatar{margin-right:.75rem}.comment-actions{align-items:center;display:flex;gap:.5rem}.comment-timestamp{font-size:.875rem;opacity:.7}.comment-text{line-height:1.6}.comment-rating,.comment-text{margin-bottom:1rem}.comment-replies{border-left:2px solid #e2e8f0;margin-left:2rem;padding-left:1rem}.nested-comment{position:relative;transition:all .3s ease}.nested-comment:hover{-webkit-transform:translateX(2px);transform:translateX(2px)}.nested-comment:before{background:linear-gradient(180deg,#3182ce,#63b3ed);border-radius:1px;bottom:0;content:"";left:-1rem;position:absolute;top:0;width:2px}.nested-comment .nested-comment:before{background:linear-gradient(180deg,#38a169,#68d391)}.nested-comment .nested-comment .nested-comment:before{background:linear-gradient(180deg,#d69e2e,#f6e05e)}.nested-comment .nested-comment .nested-comment .nested-comment:before{background:linear-gradient(180deg,#e53e3e,#fc8181)}.nested-comment .nested-comment .nested-comment .nested-comment .nested-comment:before{background:linear-gradient(180deg,#805ad5,#b794f4)}.reply-indicator{align-items:center;background:rgba(49,130,206,.1);border-radius:12px;color:#3182ce;display:inline-flex;font-size:.75rem;font-weight:500;margin-left:.5rem;padding:.25rem .5rem}.dark-mode .reply-indicator{background:rgba(99,179,237,.2);color:#63b3ed}.max-depth-warning{color:#e53e3e;font-size:.75rem;font-weight:500}.dark-mode .max-depth-warning{color:#fc8181}.comment-form{background:hsla(0,0%,100%,.05);border-radius:25px;margin-bottom:2rem;overflow:auto;padding:1.5rem}.comment-input{border:1px solid #e2e8f0;border-radius:8px;transition:border-color .3s ease}.comment-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1)}.submit-button{border-radius:8px;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.submit-button:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.alert-container{margin-bottom:1.5rem}.comment-count{align-items:center;display:flex;gap:.5rem}.empty-state{color:#718096;padding:3rem 1rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.reply-modal{border-radius:12px}.reply-modal .modal-header{border-bottom:1px solid #e2e8f0}.reply-modal .modal-footer{border-top:1px solid #e2e8f0}.action-buttons{display:flex;gap:.25rem}.action-button{border-radius:4px;padding:.25rem;transition:background-color .2s ease}.action-button:hover{background-color:rgba(0,0,0,.05)}.like-dislike-container{align-items:center;display:flex;gap:.5rem}.like-dislike-count{font-weight:500;min-width:1.5rem;text-align:center}.edited-badge{margin-left:.5rem}.comment-reply-indicator{color:#718096;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.dark-mode .comment-card{background-color:rgba(33,37,41,.8);border-color:#fff}.dark-mode .comment-form{background:rgba(33,37,41,.8);border-color:#fff}.dark-mode .comment-input{background-color:#1a202c;border-color:#4a5568;color:#e2e8f0}.dark-mode .comment-input:focus{border-color:#63b3ed;box-shadow:0 0 0 3px rgba(99,179,237,.1)}@media (max-width:768px){.comments-container{padding:1rem 0}.comment-replies{margin-left:1rem;padding-left:.75rem}.comment-actions{align-items:flex-start;flex-direction:column;gap:.75rem}.action-buttons{order:-1}}@-webkit-keyframes slideInFromTop{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.comment-card.new-comment{-webkit-animation:slideInFromTop .3s ease-out;animation:slideInFromTop .3s ease-out}.btn,.form-control,.form-select,button{transition:all .2s ease}.btn:focus,.form-control:focus,.form-select:focus,button:focus{outline:2px solid #3182ce;outline-offset:2px}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.comments-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark-mode .comments-list::-webkit-scrollbar-track{background:#2d3748}.dark-mode .comments-list::-webkit-scrollbar-thumb{background:#4a5568}.dark-mode .comments-list::-webkit-scrollbar-thumb:hover{background:#718096}.comment-action-btn{font-weight:500;transition:all .3s ease}.comment-action-btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.comment-action-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.dark-mode .comment-action-btn{color:#e2e8f0}.dark-mode .comment-action-btn:hover{background-color:hsla(0,0%,100%,.1)}.auto-refresh-indicator{border-radius:12px;color:#3182ce;display:block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-align:center}.dark-mode .auto-refresh-indicator{background:rgba(99,179,237,.2);color:#63b3ed}.auto-refresh-indicator i{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes newCommentPulse{0%{box-shadow:0 0 20px rgba(104,211,145,.3)}50%{box-shadow:0 0 30px rgba(104,211,145,.5)}to{box-shadow:0 0 20px rgba(104,211,145,.3)}}@keyframes newCommentPulse{0%{box-shadow:0 0 20px rgba(104,211,145,.3)}50%{box-shadow:0 0 30px rgba(104,211,145,.5)}to{box-shadow:0 0 20px rgba(104,211,145,.3)}}@-webkit-keyframes newCommentPulseDark{0%{box-shadow:0 0 20px rgba(56,161,105,.3)}50%{box-shadow:0 0 30px rgba(56,161,105,.5)}to{box-shadow:0 0 20px rgba(56,161,105,.3)}}@keyframes newCommentPulseDark{0%{box-shadow:0 0 20px rgba(56,161,105,.3)}50%{box-shadow:0 0 30px rgba(56,161,105,.5)}to{box-shadow:0 0 20px rgba(56,161,105,.3)}}.new-comment-highlight{transition:all .3s ease}.new-comment-badge,.new-comment-highlight{-webkit-animation:newCommentPulse 2s ease-in-out infinite;animation:newCommentPulse 2s ease-in-out infinite}.new-comment-badge{align-items:center;background:linear-gradient(45deg,#38a169,#68d391);border-radius:12px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.25rem .5rem}.dark-mode .new-comment-badge{-webkit-animation:newCommentPulseDark 2s ease-in-out infinite;animation:newCommentPulseDark 2s ease-in-out infinite;background:linear-gradient(45deg,#68d391,#38a169)}.new-comments-counter{align-items:center;-webkit-animation:newCommentPulse 2s ease-in-out infinite;animation:newCommentPulse 2s ease-in-out infinite;background:linear-gradient(45deg,#38a169,#68d391);border-radius:12px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.dark-mode .new-comments-counter{-webkit-animation:newCommentPulseDark 2s ease-in-out infinite;animation:newCommentPulseDark 2s ease-in-out infinite;background:linear-gradient(45deg,#68d391,#38a169)}@-webkit-keyframes upvotePulse{0%{box-shadow:0 0 15px rgba(251,191,36,.4)}50%{box-shadow:0 0 25px rgba(251,191,36,.6)}to{box-shadow:0 0 15px rgba(251,191,36,.4)}}@keyframes upvotePulse{0%{box-shadow:0 0 15px rgba(251,191,36,.4)}50%{box-shadow:0 0 25px rgba(251,191,36,.6)}to{box-shadow:0 0 15px rgba(251,191,36,.4)}}@-webkit-keyframes upvotePulseDark{0%{box-shadow:0 0 15px rgba(217,119,6,.4)}50%{box-shadow:0 0 25px rgba(217,119,6,.6)}to{box-shadow:0 0 15px rgba(217,119,6,.4)}}@keyframes upvotePulseDark{0%{box-shadow:0 0 15px rgba(217,119,6,.4)}50%{box-shadow:0 0 25px rgba(217,119,6,.6)}to{box-shadow:0 0 15px rgba(217,119,6,.4)}}.new-upvote-highlight{transition:all .3s ease}.new-upvote-highlight,.upvote-indicator{-webkit-animation:upvotePulse 1.5s ease-in-out infinite;animation:upvotePulse 1.5s ease-in-out infinite}.upvote-indicator{align-items:center;background:linear-gradient(45deg,#fbbf24,#f59e0b);border-radius:8px;color:#fff;display:inline-flex;font-size:.625rem;font-weight:600;padding:.125rem .25rem}.dark-mode .upvote-indicator{-webkit-animation:upvotePulseDark 1.5s ease-in-out infinite;animation:upvotePulseDark 1.5s ease-in-out infinite;background:linear-gradient(45deg,#f59e0b,#d97706)}.new-upvotes-counter{align-items:center;-webkit-animation:upvotePulse 1.5s ease-in-out infinite;animation:upvotePulse 1.5s ease-in-out infinite;background:linear-gradient(45deg,#fbbf24,#f59e0b);border-radius:12px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;padding:.25rem .5rem}.dark-mode .new-upvotes-counter{-webkit-animation:upvotePulseDark 1.5s ease-in-out infinite;animation:upvotePulseDark 1.5s ease-in-out infinite;background:linear-gradient(45deg,#f59e0b,#d97706)}.sort-indicator{align-items:center;border-radius:50%;display:inline-flex;font-size:.875rem;height:24px;justify-content:center;transition:all .3s ease;width:24px}.sort-top{background:linear-gradient(45deg,#e53e3e,#fc8181)}.sort-newest,.sort-top{-webkit-animation:sortPulse 2s ease-in-out infinite;animation:sortPulse 2s ease-in-out infinite;color:#fff}.sort-newest{background:linear-gradient(45deg,#3182ce,#63b3ed)}.sort-oldest{-webkit-animation:sortPulse 2s ease-in-out infinite;animation:sortPulse 2s ease-in-out infinite;background:linear-gradient(45deg,#38a169,#68d391);color:#fff}@-webkit-keyframes sortPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sortPulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.form-select{transition:all .3s ease}.form-select:focus{border-color:#3182ce;box-shadow:0 0 0 3px rgba(49,130,206,.1)}.dark-mode .form-select:focus{border-color:#63b3ed;box-shadow:0 0 0 3px rgba(99,179,237,.1)}.sort-badge{align-items:center;background:rgba(49,130,206,.1);border-radius:12px;color:#3182ce;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.dark-mode .sort-badge{background:rgba(99,179,237,.2);color:#63b3ed}.pagination-badge{align-items:center;background:rgba(139,92,246,.1);border-radius:12px;color:#8b5cf6;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.dark-mode .pagination-badge{background:rgba(167,139,250,.2);color:#a78bfa}.pagination{gap:.25rem}.pagination .page-link{border:2px solid;border-radius:8px;font-weight:500;transition:all .3s ease}.pagination .page-link:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.pagination .page-item.active .page-link{background-color:#3182ce;border-color:#3182ce;color:#fff;font-weight:600}.pagination .page-item.disabled .page-link{box-shadow:none;cursor:not-allowed;opacity:.5;-webkit-transform:none;transform:none}.dark-mode .pagination .page-link{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark-mode .pagination .page-link:hover{background-color:#4a5568;border-color:#718096;box-shadow:0 2px 8px rgba(0,0,0,.3)}.dark-mode .pagination .page-item.active .page-link{background-color:#4a5568;border-color:#718096;color:#e2e8f0}.page-info{background:rgba(49,130,206,.05);border:1px solid rgba(49,130,206,.1);border-radius:8px;margin:1rem 0;padding:.5rem;text-align:center}.dark-mode .page-info{background:rgba(99,179,237,.1);border-color:rgba(99,179,237,.2)}@media (max-width:768px){.pagination{flex-wrap:wrap;justify-content:center}.pagination .page-link{font-size:.875rem;padding:.375rem .5rem}.pagination-badge{font-size:.625rem;padding:.125rem .375rem}}
/*# sourceMappingURL=main.b28e4edb.css.map*/