*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}#main-container{max-width:1200px;margin:0 auto;padding:20px;display:flex;gap:20px}#article-container{flex:3;background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}#article-content{font-size:16px;line-height:1.8;cursor:text}#article-content p{margin-bottom:20px}#review-panel{flex:1;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:80vh;overflow-y:auto}#review-panel h2{margin-bottom:15px;color:#2c3e50;border-bottom:2px solid #e0e0e0;padding-bottom:10px}#annotations-list{display:flex;flex-direction:column;gap:15px}#context-menu{position:fixed;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;padding:8px 0;min-width:150px;z-index:1000;display:none}#context-menu.visible{display:block}#context-menu button{padding:8px 16px;cursor:pointer;font-size:14px;color:#333;background:none;border:none;width:100%;text-align:left}#context-menu button:hover{background-color:#f5f5f5}.rated-text{background-color:#fff9c4;cursor:pointer;border-bottom:1px dashed #ffc107}.rated-text:hover{background-color:#fff59d}.rated-text.has-comment{background-color:#e3f2fd;border-bottom:1px dashed #2196f3}.rated-text.has-comment:hover{background-color:#bbdefb}.annotation-highlight{background-color:#ffeb3b66;border-bottom:2px solid #ffc107;transition:background-color .2s ease}.annotation-highlight:hover{background-color:#ffeb3b99}.annotation-highlight-indicator{position:fixed;padding:5px 10px;background-color:#ffeb3be6;color:#333;border-radius:4px;font-size:12px;z-index:1000;pointer-events:none}.annotation-highlight-fallback{position:fixed;bottom:20px;right:20px;padding:10px 15px;background-color:#ffeb3be6;color:#333;border-radius:4px;font-size:14px;z-index:1000;cursor:pointer;box-shadow:0 2px 8px #0003;transition:background-color .2s ease}.annotation-highlight-fallback:hover{background-color:#ffeb3b}.tree-comment-container{margin-top:40px;padding:20px;background-color:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.comment-form{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.comment-form h3{margin-top:0;margin-bottom:15px;font-size:18px;color:#333}.rating-selection{margin-bottom:15px}.rating-selection label{display:inline-block;margin-right:10px;font-weight:500;color:#555}.rating-stars{display:inline-flex;gap:5px;margin-bottom:15px}.rating-stars .star{display:inline-block;font-size:24px;color:#ddd;cursor:pointer;transition:color .2s;margin-right:2px}.rating-stars .star:hover,.rating-stars .star.active{color:#fc0}#root-comment-text{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;resize:vertical;box-sizing:border-box;font-family:inherit}#submit-root-comment{margin-top:10px;padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}#submit-root-comment:hover{background-color:#45a049}.comment-item{margin-bottom:20px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;position:relative}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px}.comment-rating{font-weight:600;color:#ff6b6b}.comment-time{color:#999}.comment-content{margin-bottom:10px;line-height:1.6;color:#333;word-wrap:break-word}.comment-actions{display:flex;gap:10px}.comment-actions button{padding:4px 12px;background-color:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;color:#666;transition:all .2s}.comment-actions button:hover{background-color:#f0f0f0;border-color:#bbb}.comment-actions .delete-btn{color:#f44;border-color:#f44}.comment-actions .delete-btn:hover{background-color:#f44;color:#fff}.comment-actions .edit-rating-btn{color:#ff9800;border-color:#ff9800}.comment-actions .edit-rating-btn:hover{background-color:#ff9800;color:#fff}.comment-actions .edit-content-btn{color:#4caf50;border-color:#4caf50}.comment-actions .edit-content-btn:hover{background-color:#4caf50;color:#fff}.comment-replies{margin-top:10px;margin-left:20px}.comment-replies .comment-item{margin-left:30px;margin-bottom:15px;padding-left:20px;border-left:2px solid #e0e0e0}.comment-replies.collapsed{display:none}.comment-toggle-replies{margin-top:10px;padding:6px 10px;background-color:#f0f0f0;border-radius:4px;cursor:pointer;font-size:12px;color:#666;transition:background-color .2s;display:inline-flex;align-items:center;gap:5px}.comment-toggle-replies:hover{background-color:#e0e0e0}.toggle-icon{font-size:10px}.reply-form{margin-bottom:15px;padding:15px;background-color:#f9f9f9;border-radius:6px;border:1px solid #e0e0e0}.reply-form .rating-selection.reply-rating{margin-bottom:10px}.reply-form .rating-selection.reply-rating label{font-size:13px;margin-right:8px}.reply-form .rating-stars .star{font-size:18px;margin-right:1px}.reply-textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:13px;resize:vertical;box-sizing:border-box;font-family:inherit}.reply-form-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.reply-form-actions button{padding:4px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.submit-reply-btn{background-color:#2196f3;color:#fff}.submit-reply-btn:hover{background-color:#0b7dda}.cancel-reply-btn{background-color:#ccc;color:#333}.cancel-reply-btn:hover{background-color:#999;color:#fff}.rating-dialog{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:400px;text-align:center}.dialog-content h4{margin-top:0;margin-bottom:20px;color:#333}.dialog-content .rating-stars{margin-bottom:20px}.dialog-actions{display:flex;gap:10px;justify-content:center}.dialog-actions button{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}#confirm-rating{background-color:#4caf50;color:#fff}#confirm-rating:hover{background-color:#45a049}#cancel-rating{background-color:#ccc;color:#333}#cancel-rating:hover{background-color:#999;color:#fff}.reply-form-like-option{margin:10px 0;padding:8px;background-color:#f8f9fa;border-radius:4px;display:flex;align-items:center}.reply-form-like-option label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#495057}.reply-form-like-option input[type=checkbox]{margin-right:8px;accent-color:#007bff;cursor:pointer}.reply-form-like-option input[type=checkbox]:checked{accent-color:#0056b3}@media screen and (max-width: 768px){.tree-comment-container{padding:15px}.comment-replies .comment-item{margin-left:15px;padding-left:15px}.comment-actions{flex-wrap:wrap}.dialog-content{padding:20px;margin:20px}}.sentence{display:inline;white-space:pre-wrap}.sentence:hover{background-color:#4caf501a}.rated-text{background-color:#4caf5033;border-radius:2px}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 1280px){body,html{margin:0;padding:0;height:100%;overflow-x:hidden}#main-container{max-width:none;width:100%!important;height:calc(100vh - 60px);margin:0!important;padding:0;flex-direction:column;gap:0;position:relative;box-sizing:border-box;overflow-y:auto}#article-container{flex:1;width:100%;padding:15px;border-radius:0;box-shadow:none;display:flex;flex-direction:column}#article-content{font-size:14px;line-height:1.7;width:100%;flex:1}#article-content>div{width:100%!important;max-width:100%!important}#article-content p,#article-content h1,#article-content h2,#article-content h3,#article-content h4,#article-content h5,#article-content h6,#article-content ul,#article-content ol,#article-content blockquote,#article-content pre{width:100%!important;max-width:100%!important}#article-title{font-size:1.8rem;margin-top:.5em;margin-bottom:.5em}#article-content p{margin-bottom:15px}.meta-info{flex-direction:column;gap:.3em;font-size:.9rem}#review-panel,.article-table-of-contents{display:none!important}body{font-size:14px}.cover-image{border-radius:6px;width:100%;height:auto}#context-menu{min-width:120px;font-size:14px}.user-header{width:100%!important;max-width:none!important;margin:0!important;padding:.8rem 0!important;box-shadow:0 2px 4px #0000001a;font-size:14px}.header-content{width:100%!important;max-width:none!important;padding:0 1rem!important;justify-content:space-between}.tree-comment-container{width:100%!important;margin:15px 0 0!important;padding:15px 0 0!important;border-top:1px solid #e0e0e0}.main-comment-section{width:100%!important}.reply-input{width:100%!important;box-sizing:border-box}}.user-header[data-astro-cid-ekaltbia]{background-color:#2196f3;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-content[data-astro-cid-ekaltbia]{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 1.5rem}.header-nav[data-astro-cid-ekaltbia]{display:flex;align-items:center;gap:1rem;margin-right:1rem}.nav-link[data-astro-cid-ekaltbia]{color:#fff;text-decoration:none;padding:.7rem 1.2rem;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;letter-spacing:.5px;font-size:.9rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.short-text[data-astro-cid-ekaltbia]{display:none}.nav-link[data-astro-cid-ekaltbia]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nav-link[data-astro-cid-ekaltbia]:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a);transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#ffffff4d}.nav-link[data-astro-cid-ekaltbia]:hover:before{left:100%}.nav-link[data-astro-cid-ekaltbia]:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.back-button-container[data-astro-cid-ekaltbia]{display:flex;align-items:center}.back-button[data-astro-cid-ekaltbia]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.back-button[data-astro-cid-ekaltbia]:hover{background-color:#ffffff1a}.header-title[data-astro-cid-ekaltbia]{flex:1;text-align:center}.header-title[data-astro-cid-ekaltbia] h1[data-astro-cid-ekaltbia]{margin:0;font-size:1.5rem;font-weight:500}.user-info-container[data-astro-cid-ekaltbia]{display:flex;align-items:center}.username[data-astro-cid-ekaltbia]{font-weight:500;font-size:1rem;margin-right:1rem;color:#fff;text-decoration:none;padding:.5rem;border-radius:4px;transition:background-color .3s}.username[data-astro-cid-ekaltbia]:hover{background-color:#ffffff1a}.logout-button[data-astro-cid-ekaltbia]{background-color:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.logout-button[data-astro-cid-ekaltbia]:hover{background-color:#ffffff4d}@media (max-width: 768px){.header-content[data-astro-cid-ekaltbia]{padding:0 1rem}.header-title[data-astro-cid-ekaltbia] h1[data-astro-cid-ekaltbia]{font-size:1.2rem}.back-button[data-astro-cid-ekaltbia],.username[data-astro-cid-ekaltbia]{font-size:.9rem}.full-text[data-astro-cid-ekaltbia]{display:none}.short-text[data-astro-cid-ekaltbia]{display:inline}.nav-link[data-astro-cid-ekaltbia]{padding:.6rem .9rem;font-size:.9rem}.header-nav[data-astro-cid-ekaltbia]{gap:.6rem;margin-right:.6rem}}