.comic-navigator{position:relative}.comic-loading-indicator{position:absolute;top:10px;right:10px;background:#000c;color:#fff;padding:8px 16px;border-radius:4px;font-size:14px;z-index:1000;pointer-events:none}.comic-viewer-wrapper{position:relative;width:100%;margin:20px 0}.comic-viewer-aspect-ratio{position:relative;width:100%;height:0}.comic-viewer-container{position:absolute;top:0;left:0;width:100%;height:100%}.comic-viewer-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;filter:blur(10px);opacity:.8;transition:opacity .3s ease}.comic-viewer-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.comic-viewer-image.loaded{opacity:1}.comic-viewer-nav-zones{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:10}.comic-nav-zone{flex:1;height:100%;cursor:default}.comic-nav-zone.clickable{cursor:pointer}.comic-nav-zone.clickable:focus{outline:2px solid #007bff;outline-offset:-2px}.comic-nav-zone.clickable:focus:not(:focus-visible){outline:none}.comments-section{width:100%;margin-top:0;min-height:auto}.comments-section h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.comment-form{background:#eadcbf;padding:0;border:2px solid #4a4a4a;margin-top:2rem;margin-bottom:1rem;border-radius:16px;overflow:hidden}.reply-context{background:#b29c6e;padding:.75rem 1rem;margin-bottom:0}.reply-header{font-size:.9rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;color:#e0e0e0}.reply-header strong{color:#fff}.cancel-reply{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#e0e0e0;padding:0;width:24px;height:24px;line-height:1}.cancel-reply:hover{color:#fff}.reply-preview{font-style:italic;color:#e0e0e0;font-size:.9rem}.form-group{margin-bottom:0;padding:1rem}.form-group:first-of-type{padding-top:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#333}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid #ccc;border-radius:4px;font-family:Arial,sans-serif;font-size:1rem;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#666}.form-textarea{resize:vertical;min-height:100px}.char-count{text-align:right;font-size:.85rem;color:#666;margin-top:.25rem}.error-message{background:#fee;color:#c00;padding:.75rem 1rem;margin:0 1rem .5rem;border-radius:4px;border:1px solid #fcc}.success-message{background:#efe;color:#060;padding:.75rem 1rem;margin:0 1rem .5rem;border-radius:4px;border:1px solid #cfc}.submit-button{background:#b29c6e;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:0;cursor:pointer;font-weight:700;transition:background .2s;width:100%;margin-top:.5rem}.submit-button:hover:not(:disabled){background:#9a8456}.submit-button:disabled{background:#999;cursor:not-allowed}.comments-list{margin-top:1rem;margin-bottom:1rem}.no-comments{text-align:center;color:#666;font-style:italic;padding:2rem;background:#f8f8f8;border-radius:4px}.comment-wrapper{margin-bottom:1.5rem;padding:0 1.5rem}.comment{background:#eadcbf;border:2px solid #4a4a4a;border-radius:16px;padding:0;transition:border-color .3s,background-color .3s;overflow:hidden}.comment.highlight{border-color:#ffeb3b}.comment-user-wrote{padding:.75rem 1rem .5rem;color:#e0e0e0;font-size:.95rem;background:#b29c6e}.comment-username{color:#fff;font-size:1rem}.comment-header{display:flex;justify-content:flex-end;align-items:baseline;padding:0 1rem .5rem;background:#eadcbf}.comment-date{color:#666;font-size:.85rem}.parent-comment-reference{padding:.5rem 1rem;background:#eadcbf}.parent-link{background:#f0f0f0;border:1px solid #ddd;border-left:3px solid #999;padding:.5rem .75rem;border-radius:3px;cursor:pointer;font-size:.9rem;color:#555;width:100%;text-align:left;transition:background .2s,border-left-color .2s}.parent-link:hover{background:#e8e8e8;border-left-color:#666}.reply-arrow{color:#999;margin-right:.25rem}.comment-content{padding:.75rem 1rem;color:#333;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.comment-actions{display:flex;gap:1rem;padding:.5rem 1rem .75rem}.read-more-button{background:none;border:none;color:#007acc;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;font-weight:700;transition:color .2s}.read-more-button:hover{color:#005a9c;text-decoration:underline}.reply-button{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;text-decoration:underline;transition:color .2s}.reply-button:hover{color:#333}.load-more-container{text-align:center;margin:1rem 0}.load-more-button{background:#333;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s}.load-more-button:hover{background:#555}@media(max-width:768px){.comment-form{padding:1rem}.comment-header{flex-direction:column;align-items:flex-start;gap:.25rem}}