body{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh}.main-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px rgb(0 0 0 / .1);overflow:hidden;margin:2rem 0}.note-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4rem 0;position:relative;overflow:hidden}.note-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.note-header .container{position:relative;z-index:1}.note-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.note-meta{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:15px;padding:2rem;margin-bottom:2rem;border:1px solid rgb(255 255 255 / .2);backdrop-filter:blur(10px)}.note-thumbnail-card{background:linear-gradient(135deg,rgb(13 110 253 / .08),rgb(99 102 241 / .08));border:1px solid rgb(13 110 253 / .15);border-radius:18px;padding:1rem;text-align:center;box-shadow:0 10px 30px rgb(13 110 253 / .08)}.note-thumbnail-img{width:100%;max-height:260px;object-fit:cover;border-radius:14px;box-shadow:0 12px 30px rgb(0 0 0 / .1)}.note-thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;border-radius:14px;background:#fff;color:#0d6efd;border:2px dashed rgb(13 110 253 / .3)}.note-thumbnail-placeholder i{font-size:2.5rem;margin-bottom:.5rem}.note-actions{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 10px 30px rgb(0 0 0 / .1);margin-bottom:2rem;border:1px solid rgb(255 255 255 / .2)}.note-actions .d-flex.flex-wrap{gap:.5rem}.action-btn{flex:1 1 calc(50% - 0.5rem);min-width:180px;margin:0;border-radius:12px;padding:.85rem 1.25rem;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(0 0 0 / .1);text-align:center}@media (max-width:576px){.action-btn{flex-basis:100%}}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(0 0 0 / .15)}.action-btn.btn-info{background:linear-gradient(135deg,#0dcaf0,#0d6efd);border:none;color:#fff}.action-btn.btn-success{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff}.action-btn.btn-outline-primary{border-width:2px;border-color:rgb(13 110 253 / .5);color:#0d6efd;background:rgb(13 110 253 / .05)}.action-btn.btn-outline-secondary{border-width:2px;color:#6c757d}.action-btn.flag-action{background:linear-gradient(135deg,#ff6b6b,#dc3545);border:none;color:#fff}.login-action-btn{border-width:2px;border-color:#0d6efd;color:#0d6efd;background:linear-gradient(135deg,rgb(13 110 253 / .08),rgb(99 102 241 / .08))}.login-action-btn:hover{background:linear-gradient(135deg,rgb(13 110 253 / .2),rgb(99 102 241 / .2));color:#0b5ed7;box-shadow:0 10px 25px rgb(13 110 253 / .2)}.login-link-highlight{font-weight:600;color:#0d6efd!important;text-decoration:underline;text-decoration-color:rgb(13 110 253 / .5)}.login-link-highlight:hover{color:#0b5ed7!important;text-decoration-color:rgb(13 110 253 / .9)}.flag-button-container .btn{border-radius:30px;padding:.45rem 1.2rem;font-weight:600;box-shadow:0 6px 18px rgb(220 53 69 / .15)}.flag-button-container .btn i{font-size:.9rem}.flag-button-container .btn:hover,.flag-button-container .btn:focus{box-shadow:0 10px 25px rgb(220 53 69 / .25);transform:translateY(-1px)}.comment-section{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-radius:25px;padding:3rem;box-shadow:0 15px 40px rgb(0 0 0 / .1);margin-bottom:3rem;border:1px solid rgb(102 126 234 / .1);position:relative;overflow:hidden}.comment-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%)}.comment-section h5{color:#2c3e50;font-weight:800;margin-bottom:2rem;position:relative;font-size:1.8rem;text-align:center;padding-bottom:1rem}.comment-section h5::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px}.comment-section h5 i{color:#667eea;margin-right:.75rem}.comments-list{max-height:none;overflow-y:visible;padding-right:1rem}.comments-list.scrollable{max-height:600px;overflow-y:auto}.comments-list::-webkit-scrollbar{width:8px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.comments-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}.comments-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}.related-notes{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:15px;padding:2rem;border:1px solid rgb(255 255 255 / .2)}.affiliate-section-wrapper{margin-top:0}.affiliate-links-section{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:24px;padding:0;border:none;box-shadow:0 20px 60px rgb(0 0 0 / .3);overflow:hidden;position:relative}.affiliate-links-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e94560,#ff6b6b,#feca57,#48dbfb,#1dd1a1)}.affiliate-header{background:linear-gradient(135deg,rgb(233 69 96 / .15) 0%,rgb(255 107 107 / .1) 100%);padding:1.5rem 2rem;border-bottom:1px solid rgb(255 255 255 / .1)}.affiliate-icon-box{width:55px;height:55px;background:linear-gradient(135deg,#e94560 0%,#ff6b6b 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 8px 20px rgb(233 69 96 / .4)}.affiliate-main-title{font-weight:800;font-size:1.3rem;color:#fff;letter-spacing:-.5px}.affiliate-header p{color:rgb(255 255 255 / .7)!important}.unlock-badge{background:linear-gradient(135deg,#e94560 0%,#ff6b6b 100%);color:#fff;padding:10px 18px;border-radius:25px;font-weight:600;font-size:.85rem;animation:glow 2s infinite;box-shadow:0 4px 15px rgb(233 69 96 / .4)}.promo-badge{background:linear-gradient(135deg,#feca57 0%,#ff9f43 100%);color:#1a1a2e;padding:10px 18px;border-radius:25px;font-weight:700;font-size:.85rem}@keyframes glow{0%,100%{box-shadow:0 4px 15px rgb(233 69 96 / .4)}50%{box-shadow:0 4px 25px rgb(233 69 96 / .7)}}.affiliate-links-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding:2rem;background:linear-gradient(180deg,transparent 0%,rgb(0 0 0 / .1) 100%)}.affiliate-item{background:linear-gradient(145deg,#ffffff 0%,#f8f9fa 100%);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgb(0 0 0 / .15);transition:all 0.4s cubic-bezier(.4,0,.2,1);border:none}.affiliate-item:hover{transform:translateY(-12px);box-shadow:0 25px 60px rgb(0 0 0 / .25)}.affiliate-item-inner{display:flex;flex-direction:row;height:100%}.affiliate-img-wrapper{position:relative;width:120px;min-width:120px;aspect-ratio:2/3;background:linear-gradient(145deg,#2c3e50 0%,#1a252f 100%);overflow:hidden;flex-shrink:0;border-radius:4px;margin:1rem;box-shadow:4px 4px 10px rgb(0 0 0 / .3),-2px -2px 5px rgb(255 255 255 / .05),inset 0 0 0 1px rgb(255 255 255 / .1)}.affiliate-img-wrapper::before{content:'';position:absolute;left:0;top:0;bottom:0;width:8px;background:linear-gradient(90deg,rgb(0 0 0 / .4) 0%,rgb(0 0 0 / .1) 40%,rgb(255 255 255 / .1) 60%,rgb(0 0 0 / .2) 100%);z-index:2}.affiliate-img-wrapper::after{content:'';position:absolute;right:-3px;top:3px;bottom:3px;width:6px;background:repeating-linear-gradient(180deg,#f5f5f5 0,#e8e8e8 1px,#f5f5f5 2px);border-radius:0 2px 2px 0;box-shadow:inset 1px 0 2px rgb(0 0 0 / .1)}.affiliate-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.affiliate-item:hover .affiliate-img-wrapper img{transform:scale(1.08)}.affiliate-img-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#34495e 0%,#2c3e50 100%);color:rgb(255 255 255 / .6)}.affiliate-img-placeholder i{font-size:2.5rem!important}.platform-tag{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:12px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(10px);z-index:3}.platform-tag.platform-amazon{background:linear-gradient(135deg,#ff9900 0%,#ff8000 100%);color:#000}.platform-tag.platform-flipkart{background:linear-gradient(135deg,#2874f0 0%,#1e5dc8 100%);color:#fff}.platform-tag.platform-meesho{background:linear-gradient(135deg,#f43397 0%,#d42880 100%);color:#fff}.platform-tag.platform-generic{background:linear-gradient(135deg,#667eea 0%,#5a67d8 100%);color:#fff}.affiliate-details{padding:1rem 1.25rem 1rem .5rem;display:flex;flex-direction:column;justify-content:center;gap:.6rem;flex:1}.affiliate-item-title{font-size:1rem;font-weight:700;color:#1a1a2e;margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.affiliate-item-desc{font-size:.8rem;color:#6c757d;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.affiliate-pricing{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.current-price{font-size:1.25rem;font-weight:800;color:#10b981}.old-price{font-size:.85rem;color:#adb5bd;text-decoration:line-through}.discount-tag{font-size:.65rem;background:linear-gradient(135deg,#e94560 0%,#ff6b6b 100%);color:#fff;padding:3px 8px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.affiliate-buy-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-size:.85rem;font-weight:700;border-radius:8px;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer;margin-top:auto}.affiliate-buy-btn.platform-amazon{background:linear-gradient(135deg,#ff9900 0%,#e68a00 100%);color:#000;box-shadow:0 4px 12px rgb(255 153 0 / .35)}.affiliate-buy-btn.platform-flipkart{background:linear-gradient(135deg,#2874f0 0%,#1a5dc8 100%);color:#fff;box-shadow:0 4px 12px rgb(40 116 240 / .35)}.affiliate-buy-btn.platform-meesho{background:linear-gradient(135deg,#f43397 0%,#c42878 100%);color:#fff;box-shadow:0 4px 12px rgb(244 51 151 / .35)}.affiliate-buy-btn.platform-generic{background:linear-gradient(135deg,#667eea 0%,#5a67d8 100%);color:#fff;box-shadow:0 4px 12px rgb(102 126 234 / .35)}.affiliate-buy-btn:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.1);color:inherit}.affiliate-footer{background:rgb(255 255 255 / .05);padding:1rem 2rem;border-top:1px solid rgb(255 255 255 / .1);color:rgb(255 255 255 / .6);font-size:.8rem}[data-theme="dark"] .affiliate-links-section{background:linear-gradient(145deg,#0d0d1a 0%,#1a1a2e 50%,#0f1729 100%);box-shadow:0 20px 60px rgb(0 0 0 / .5)}[data-theme="dark"] .affiliate-item{background:linear-gradient(145deg,#1e1e2e 0%,#252538 100%)}[data-theme="dark"] .affiliate-item-title{color:#f8f9fa}[data-theme="dark"] .affiliate-item-desc{color:#adb5bd}[data-theme="dark"] .support-section{background:#1a1a1a!important;border-color:#4dabf7!important;box-shadow:0 2px 8px rgb(77 171 247 / .15)!important}[data-theme="dark"] .support-section h6{color:#4dabf7!important}[data-theme="dark"] .support-section p{color:#a1a1aa!important}[data-theme="dark"] .support-section code{background:#2a2a2a!important;border-color:#374151!important;color:#e4e4e7!important}[data-theme="dark"] .support-section img{border-color:#374151!important}[data-theme="dark"] .support-section small{color:#a1a1aa!important}@media (max-width:768px){.affiliate-links-container{grid-template-columns:1fr;padding:1.25rem;gap:1rem}.affiliate-header{padding:1.25rem}.affiliate-icon-box{width:45px;height:45px;font-size:1.2rem}.affiliate-main-title{font-size:1.1rem}.affiliate-item-inner{flex-direction:row}.affiliate-img-wrapper{width:100px;min-width:100px;margin:.75rem}.affiliate-details{padding:.75rem .75rem .75rem 0}}@media (max-width:576px){.affiliate-header .d-flex{flex-direction:column;text-align:center}.affiliate-icon-box{margin:0 auto .75rem}.unlock-badge,.promo-badge{margin-top:.75rem}.affiliate-item-inner{flex-direction:column;align-items:center;text-align:center}.affiliate-img-wrapper{width:140px;min-width:140px;margin:1rem auto 0}.affiliate-details{padding:1rem;align-items:center}.affiliate-buy-btn{width:100%;justify-content:center}}.file-info{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:15px;padding:1.5rem;margin-bottom:1.5rem;border-left:5px solid #2196f3}.tag-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.5rem 1rem;border-radius:25px;margin:.25rem;display:inline-block;font-weight:600;box-shadow:0 4px 15px rgb(102 126 234 / .3);transition:all 0.3s ease}.tag-badge:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgb(102 126 234 / .4)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin:1.5rem 0}.stat-item{text-align:center;padding:1.5rem;background:#fff;border-radius:15px;box-shadow:0 8px 25px rgb(0 0 0 / .1);transition:all 0.3s ease;border:1px solid rgb(255 255 255 / .2)}.stat-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgb(0 0 0 / .15)}.stat-number{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#6c757d;font-weight:600}.rating-display .stars{font-size:1.5rem;margin-bottom:.5rem}.rating-star-interactive{cursor:pointer;transition:all 0.3s ease;margin-right:.3rem}.rating-star-interactive:hover{transform:scale(1.2)}.rating-form-section{border-top:2px solid #e9ecef;padding-top:2rem;margin-top:2rem}.rating-stats-section{border-top:2px solid #e9ecef;padding-top:2rem;margin-top:2rem}.rating-summary-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:15px;padding:1.5rem}.interaction-buttons{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.comment-item{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:20px;padding:2rem;margin-bottom:2rem;border-left:6px solid #667eea;box-shadow:0 10px 30px rgb(0 0 0 / .08);transition:all 0.3s ease;position:relative;border:1px solid rgb(102 126 234 / .1)}.comment-item:hover{transform:translateY(-3px);box-shadow:0 20px 50px rgb(0 0 0 / .15);border-left-color:#764ba2}.comment-item.comment-pinned{border-left-color:#ffc107;background:linear-gradient(135deg,#fff8e1 0%,#ffffff 100%);border:1px solid rgb(255 193 7 / .2)}.comment-item.comment-pinned:hover{border-left-color:#ff9800}.comment-header{display:flex;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgb(0 0 0 / .05)}.comment-avatar{position:relative}.comment-avatar img{width:50px;height:50px;border-radius:50%;border:4px solid #667eea;box-shadow:0 6px 20px rgb(102 126 234 / .3);transition:all 0.3s ease}.comment-avatar img:hover{transform:scale(1.05);box-shadow:0 8px 25px rgb(102 126 234 / .4)}.comment-meta{margin-left:1.25rem;flex-grow:1}.comment-author{font-weight:800;color:#2c3e50;font-size:1.2rem;margin-bottom:.25rem;display:block}.comment-date{color:#6c757d;font-size:.95rem;font-weight:500}.comment-content{margin-bottom:1.5rem;line-height:1.6;color:#2c3e50;font-size:.9rem;padding:1rem;background:rgb(255 255 255 / .5);border-radius:12px;border:1px solid rgb(0 0 0 / .05)}.comment-actions{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgb(0 0 0 / .05)}.comment-like-button,.reply-comment{border-radius:30px;padding:.75rem 1.5rem;font-weight:700;transition:all 0.3s ease;box-shadow:0 6px 20px rgb(0 0 0 / .1);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.comment-like-button:hover,.reply-comment:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgb(0 0 0 / .2)}.comment-like-button.liked{background:linear-gradient(135deg,#e91e63 0%,#c2185b 100%);border-color:#e91e63;color:#fff}.comment-like-button:not(.liked){background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;color:#6c757d}.reply-comment{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;color:#fff}.reply-comment:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}.comment-replies{margin-top:1.5rem;padding-left:0;border-left:none;position:relative;background:none;border-radius:0;padding:0;margin-left:0}.comment-replies:not(:empty){padding-left:2.5rem;border-left:4px solid #e9ecef;background:linear-gradient(135deg,#f8f9ff 0%,#ffffff 100%);border-radius:0 15px 15px 0;padding:1.5rem 1.5rem 1.5rem 2.5rem;margin-left:1rem}.comment-replies:not(:empty)::before{content:'';position:absolute;left:-4px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#667eea,#764ba2);border-radius:2px}.comment-replies:not(:empty)::after{content:'';position:absolute;left:-8px;top:20px;width:8px;height:8px;background:#667eea;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.comment-reply-form{background:linear-gradient(135deg,#f8f9ff 0%,#ffffff 100%);border-radius:20px;padding:2rem;margin-bottom:1.5rem;border:2px solid #e3f2fd;box-shadow:0 12px 30px rgb(0 0 0 / .1);position:relative;overflow:hidden}.comment-reply-form::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%)}.comment-reply-form textarea{border-radius:15px;border:2px solid #e9ecef;padding:1.25rem;font-size:1rem;transition:all 0.3s ease;background:rgb(255 255 255 / .8);resize:vertical;min-height:100px}.comment-reply-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px rgb(102 126 234 / .15);background:#fff}.comment-reply-form .btn{border-radius:30px;padding:.875rem 2rem;font-weight:700;transition:all 0.3s ease;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.comment-reply-form .btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgb(0 0 0 / .2)}.comment-reply-form .btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.comment-reply-form .btn-primary:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)}.comment-reply-form .btn-outline-secondary{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #dee2e6;color:#6c757d}.comment-reply-form .btn-outline-secondary:hover{background:linear-gradient(135deg,#e9ecef 0%,#dee2e6 100%);border-color:#adb5bd}.reply-indicator{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:15px;padding:.75rem 1.25rem;margin-bottom:1.5rem;font-size:.95rem;color:#1976d2;font-weight:700;border-left:5px solid #2196f3;box-shadow:0 4px 15px rgb(33 150 243 / .2);position:relative;overflow:hidden}.reply-indicator::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgb(255 255 255 / .3) 50%,transparent 70%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.reply-indicator i{margin-right:.75rem;color:#2196f3;font-size:1.1rem}.reply-indicator strong{color:#0d47a1;text-decoration:underline;text-decoration-color:#2196f3}.comment-replies:not(:empty) .comment-item[data-parent-id]{position:relative}.comment-replies:not(:empty) .comment-item[data-parent-id]::before{content:'';position:absolute;left:-2.5rem;top:20px;width:20px;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px}.comment-replies:not(:empty) .comment-item[data-parent-id]::after{content:'';position:absolute;left:-2.5rem;top:18px;width:6px;height:6px;background:#667eea;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.comment-pinned{border-left-color:#ffc107;background:#fff3cd}.comment-mod-actions .dropdown-toggle{border:none;background:none;color:#6c757d}.comment-mod-actions .dropdown-toggle:hover{color:var(--primary-color)}.rating-bar-item{margin-bottom:.5rem}.rating-label{min-width:30px;font-size:.875rem}.rating-bar .progress{height:8px;border-radius:4px}.rating-count{min-width:30px;text-align:right}@media (max-width:768px){.note-header{padding:1.5rem 0}.note-header h1{font-size:1.75rem}.note-meta,.note-actions,.comment-section,.related-notes{padding:1rem;margin-bottom:1rem}.file-info{padding:.75rem}.action-btn{width:100%;margin:.25rem 0;padding:.75rem}.interaction-buttons{flex-direction:column;align-items:stretch;gap:.5rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-item{padding:.75rem}.stat-number{font-size:1.25rem}}@media (max-width:576px){.note-header h1{font-size:1.5rem}.note-header .lead{font-size:1rem}.stats-grid{grid-template-columns:1fr}.breadcrumb{font-size:.875rem}.comment-item{padding:.75rem}}.author-points{background:linear-gradient(135deg,rgb(102 126 234 / .1),rgb(118 75 162 / .1));border-radius:15px;padding:1rem;border:1px solid rgb(102 126 234 / .2)}.author-points .fas.fa-trophy{font-size:1.2rem}.author-points .fw-bold{font-size:1.3rem}.level-badge .badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;font-size:.8rem;padding:.5rem .8rem}@media (max-width:768px){.author-points{padding:.8rem}.author-points .fw-bold{font-size:1.1rem}}.disclaimer-container{background:#fff8e1;border-left:4px solid #ffb300;border-radius:8px;padding:16px;margin:15px 0;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.disclaimer-title{font-size:15px;font-weight:600;margin:0 0 12px 0;color:#444;padding:6px 10px;background:linear-gradient(135deg,rgb(108 117 125 / .1) 0%,rgb(108 117 125 / .05) 100%);border-radius:6px;border:1px solid rgb(108 117 125 / .15)}.disclaimer-content{font-size:14px;color:#333;line-height:1.6}.disclaimer-content p{margin-bottom:12px}.disclaimer-content p:last-child{margin-bottom:0}.flag-report-section{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);border-radius:15px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 8px 25px rgb(0 0 0 / .08);border:1px solid rgb(102 126 234 / .1);position:relative;overflow:hidden}.flag-report-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc3545 0%,#ff6b6b 100%)}.flag-report-section h6{color:#dc3545;font-weight:700;font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center}.flag-report-content{background:rgb(255 255 255 / .8);border-radius:10px;padding:1rem;border:1px solid rgb(220 53 69 / .1)}.report-hint{background:rgb(220 53 69 / .05);border-left:4px solid #dc3545;padding:12px 16px;margin-bottom:1.5rem;font-size:.95rem;color:#721c24;border-radius:8px;font-weight:500}.flag-report-section .flag-button-container{display:inline-flex;align-items:center;margin-left:.5rem}.mini-disclaimer{font-size:.85rem;color:#6c757d;margin-bottom:.75rem;padding:.5rem .75rem;background:rgb(108 117 125 / .05);border-left:3px solid #6c757d;border-radius:4px;font-style:italic}.article-item{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgb(0 0 0 / .1)}[data-theme="dark"] .article-item{border-bottom:1px solid rgb(255 255 255 / .1)}.article-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.article-title{font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.article-title a{color:inherit;text-decoration:none}.article-title a:hover{text-decoration:underline}.article-content{line-height:1.6}.article-content p{margin-bottom:.75rem}.article-content p:last-child{margin-bottom:0}.share-card{background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);border-radius:16px;border:1px solid rgb(102 126 234 / .15);overflow:hidden;box-shadow:0 4px 20px rgb(102 126 234 / .08)}.share-card-header{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(135deg,rgb(102 126 234 / .08) 0%,rgb(118 75 162 / .08) 100%);border-bottom:1px solid rgb(102 126 234 / .1)}.share-icon-box{width:42px;height:42px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 12px rgb(102 126 234 / .3)}.share-card-header h6{font-weight:700;color:#1e293b;font-size:.95rem}.share-card-body{padding:16px 18px}.copy-link-box{display:flex;gap:8px;margin-bottom:14px}.copy-link-input{flex:1;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:.85rem;color:#475569;font-family:'Monaco','Menlo',monospace}.copy-link-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgb(102 126 234 / .15)}.btn-copy-link{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.85rem;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(102 126 234 / .25)}.btn-copy-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .35)}.btn-copy-link.copied{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.social-share-btns{display:flex;gap:10px;flex-wrap:wrap}.social-btn{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;transition:all 0.3s ease;text-decoration:none;border:none;cursor:pointer}.social-btn:hover{transform:translateY(-3px) scale(1.05);color:#fff}.social-btn.whatsapp{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);box-shadow:0 4px 12px rgb(37 211 102 / .3)}.social-btn.telegram{background:linear-gradient(135deg,#0088cc 0%,#006699 100%);box-shadow:0 4px 12px rgb(0 136 204 / .3)}.social-btn.facebook{background:linear-gradient(135deg,#1877f2 0%,#0d5bbd 100%);box-shadow:0 4px 12px rgb(24 119 242 / .3)}.social-btn.twitter{background:linear-gradient(135deg,#1da1f2 0%,#0c85d0 100%);box-shadow:0 4px 12px rgb(29 161 242 / .3)}.social-btn.linkedin{background:linear-gradient(135deg,#0077b5 0%,#005582 100%);box-shadow:0 4px 12px rgb(0 119 181 / .3)}.social-btn.more-share{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);box-shadow:0 4px 12px rgb(107 114 128 / .3)}.share-card-desktop{position:sticky;top:100px}[data-theme="dark"] .share-card{background:linear-gradient(145deg,#2a2a4a 0%,#1e1e2e 100%);border-color:rgb(102 126 234 / .25)}[data-theme="dark"] .share-card-header{background:linear-gradient(135deg,rgb(102 126 234 / .15) 0%,rgb(118 75 162 / .15) 100%);border-color:rgb(102 126 234 / .2)}[data-theme="dark"] .share-card-header h6{color:#e2e8f0}[data-theme="dark"] .share-card-header small{color:#94a3b8!important}[data-theme="dark"] .copy-link-input{background:#1e1e2e;border-color:#3f3f5a;color:#e2e8f0}.share-section-mobile{margin-top:1rem}@media (max-width:768px){.social-btn{width:38px;height:38px;font-size:1rem}.copy-link-input{font-size:.8rem;padding:8px 12px}.btn-copy-link{padding:8px 12px;font-size:.8rem}.btn-copy-link span{display:none}}[data-theme="dark"] body{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%)!important;color:#ffffff!important}[data-theme="dark"] .main-container{background:#2d2d2d!important;color:#ffffff!important;border:1px solid #444444!important}[data-theme="dark"] .note-meta{background:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%)!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .note-actions{background:#3a3a3a!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .comment-section{background:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%)!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .comment-section h5{color:#ffffff!important}[data-theme="dark"] .related-notes{background:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%)!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .file-info{background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6b 100%)!important;color:#ffffff!important;border-left-color:#4a90e2!important}[data-theme="dark"] .stat-item{background:#3a3a3a!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .stat-label{color:#cccccc!important}[data-theme="dark"] .comment-item{background:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%)!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .comment-author{color:#ffffff!important}[data-theme="dark"] .comment-date{color:#cccccc!important}[data-theme="dark"] .comment-content{background:rgb(255 255 255 / .05)!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .comment-reply-form{background:linear-gradient(135deg,#3a3a5f 0%,#2d2d2d 100%)!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .comment-reply-form textarea{background:rgb(255 255 255 / .1)!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .comment-reply-form textarea:focus{background:rgb(255 255 255 / .15)!important;border-color:#667eea!important}[data-theme="dark"] .reply-indicator{background:linear-gradient(135deg,#1e3a5f 0%,#2d4a6b 100%)!important;color:#4a90e2!important;border-left-color:#4a90e2!important}[data-theme="dark"] .comment-replies:not(:empty){background:linear-gradient(135deg,#2d2d5f 0%,#1a1a2d 100%)!important;border-left-color:#667eea!important}[data-theme="dark"] .rating-summary-card{background:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%)!important;color:#ffffff!important}[data-theme="dark"] .card{background:#3a3a3a!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .card-header{background:#2d2d2d!important;color:#ffffff!important;border-bottom-color:#555555!important}[data-theme="dark"] .card-body{color:#ffffff!important}[data-theme="dark"] .text-muted{color:#cccccc!important}[data-theme="dark"] .breadcrumb{background:transparent!important}[data-theme="dark"] .breadcrumb-item a{color:#ffffff!important}[data-theme="dark"] .breadcrumb-item.active{color:#cccccc!important}[data-theme="dark"] .badge.bg-light{background:#555555!important;color:#ffffff!important}[data-theme="dark"] .badge.bg-warning{background:#ffc107!important;color:#000000!important}[data-theme="dark"] .alert{background:#3a3a3a!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .alert-info{background:#1e3a5f!important;color:#4a90e2!important;border-color:#4a90e2!important}.download-restricted-message{padding:20px 25px;border-radius:12px;border-left:5px solid #dc3545;box-shadow:0 4px 15px rgb(220 53 69 / .2);background:linear-gradient(135deg,#f8d7da 0%,#f5c6cb 100%)}.download-restricted-icon{font-size:1.5rem;color:#dc3545}.download-restricted-heading{color:#721c24;font-weight:700;font-size:1.1rem}.download-restricted-text{color:#721c24;font-size:.95rem;line-height:1.6}.download-restricted-info{color:#856404!important}[data-theme="dark"] .download-restricted-message{background:linear-gradient(135deg,#4a1f1f 0%,#5a2a2a 100%)!important;border-color:#ff4757!important;border-left-color:#ff4757!important;box-shadow:0 4px 15px rgb(255 71 87 / .3)!important}[data-theme="dark"] .download-restricted-icon{color:#ff4757!important}[data-theme="dark"] .download-restricted-heading{color:#ff6b6b!important}[data-theme="dark"] .download-restricted-text{color:#ff9999!important}[data-theme="dark"] .download-restricted-info{color:#ffb3b3!important}[data-theme="dark"] .download-restricted-message i.fa-lock{color:#ff6b6b!important}[data-theme="dark"] .download-restricted-message i.fa-info-circle{color:#ffb3b3!important}[data-theme="dark"] .alert-danger{background:linear-gradient(135deg,#4a1f1f 0%,#5a2a2a 100%)!important;color:#ff6b6b!important;border-color:#ff4757!important;border-left-color:#ff4757!important;box-shadow:0 4px 15px rgb(255 71 87 / .3)!important}[data-theme="dark"] .alert-danger .alert-heading{color:#ff6b6b!important}[data-theme="dark"] .alert-danger p{color:#ff9999!important}[data-theme="dark"] .alert-danger small{color:#ffb3b3!important}[data-theme="dark"] .alert-danger i.fa-ban{color:#ff4757!important}[data-theme="dark"] .alert-danger i.fa-lock{color:#ff6b6b!important}[data-theme="dark"] .alert-danger i.fa-info-circle{color:#ffb3b3!important}[data-theme="dark"] .form-control{background:#2d2d2d!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .form-control:focus{background:#3a3a3a!important;color:#ffffff!important;border-color:#667eea!important}[data-theme="dark"] .btn-outline-primary{color:#667eea!important;border-color:#667eea!important}[data-theme="dark"] .btn-outline-primary:hover{background:#667eea!important;color:#ffffff!important}[data-theme="dark"] .btn-outline-secondary{color:#cccccc!important;border-color:#555555!important}[data-theme="dark"] .btn-outline-secondary:hover{background:#555555!important;color:#ffffff!important}[data-theme="dark"] .btn-outline-info{color:#17a2b8!important;border-color:#17a2b8!important}[data-theme="dark"] .btn-outline-info:hover{background:#17a2b8!important;color:#ffffff!important}[data-theme="dark"] .btn-outline-warning{color:#ffc107!important;border-color:#ffc107!important}[data-theme="dark"] .btn-outline-warning:hover{background:#ffc107!important;color:#000000!important}[data-theme="dark"] .dropdown-menu{background:#3a3a3a!important;border-color:#555555!important}[data-theme="dark"] .dropdown-item{color:#ffffff!important}[data-theme="dark"] .dropdown-item:hover{background:#555555!important;color:#ffffff!important}[data-theme="dark"] .dropdown-item-text{color:#cccccc!important}[data-theme="dark"] .author-points{background:linear-gradient(135deg,rgb(102 126 234 / .2),rgb(118 75 162 / .2))!important;border-color:#667eea!important}[data-theme="dark"] .author-points .text-primary{color:#667eea!important}[data-theme="dark"] .author-points .text-muted{color:#cccccc!important}[data-theme="dark"] .level-badge .badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#ffffff!important}[data-theme="dark"] .progress{background:#2d2d2d!important}[data-theme="dark"] .progress-bar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}[data-theme="dark"] .table{color:#ffffff!important}[data-theme="dark"] .table th{background:#3a3a3a!important;color:#ffffff!important;border-color:#555555!important}[data-theme="dark"] .table td{border-color:#555555!important}[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd){background:rgb(255 255 255 / .05)!important}[data-theme="dark"] .modal-content{background:#3a3a3a!important;color:#ffffff!important}[data-theme="dark"] .modal-header{border-bottom-color:#555555!important}[data-theme="dark"] .modal-footer{border-top-color:#555555!important}[data-theme="dark"] .close{color:#ffffff!important}[data-theme="dark"] .close:hover{color:#cccccc!important}.language-badge{background:linear-gradient(135deg,#0dcaf0 0%,#0d6efd 100%);color:#fff;border:none;box-shadow:0 4px 12px rgb(13 202 240 / .25)}.language-badge i{margin-right:.35rem}.flag-button-container{display:inline-flex;align-items:center;margin-left:.5rem}.flag-button-container .btn{border-radius:30px;padding:.6rem 1.4rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 6px 18px rgb(220 53 69 / .15);transition:all 0.3s ease}.flag-button-container .btn i{font-size:1rem}.flag-button-container .btn-outline-danger{border-width:2px;background:rgb(220 53 69 / .08);color:#dc3545}.flag-button-container .btn-outline-danger:hover,.flag-button-container .btn-outline-danger:focus{background:#dc3545;color:#fff;box-shadow:0 10px 25px rgb(220 53 69 / .25);transform:translateY(-2px)}[data-theme="dark"] .language-badge{box-shadow:0 4px 12px rgb(13 202 240 / .35)}[data-theme="dark"] .flag-button-container .btn-outline-danger{background:rgb(255 107 129 / .15)!important;border-color:#ff6b81!important;color:#ff6b81!important}[data-theme="dark"] .flag-button-container .btn-outline-danger:hover,[data-theme="dark"] .flag-button-container .btn-outline-danger:focus{background:#ff6b81!important;color:#1a1a1a!important;box-shadow:0 10px 25px rgb(255 107 129 / .35)!important}[data-theme="dark"] .disclaimer-container{background:linear-gradient(135deg,#2d3a2d 0%,#3a3a2d 100%)!important;border-left-color:#4a5d3a!important;box-shadow:0 2px 8px rgb(0 0 0 / .3)!important}[data-theme="dark"] .disclaimer-title{color:#e8e8e8!important;background:linear-gradient(135deg,rgb(74 93 58 / .2) 0%,rgb(74 93 58 / .1) 100%)!important;border-color:rgb(74 93 58 / .3)!important}[data-theme="dark"] .disclaimer-content{color:#cccccc!important}[data-theme="dark"] .disclaimer-content strong{color:#e8e8e8!important}[data-theme="dark"] .flag-report-section{background:linear-gradient(135deg,#2d2a3a 0%,#3a2a3a 100%)!important;border-color:rgb(220 53 69 / .2)!important;box-shadow:0 8px 25px rgb(0 0 0 / .3)!important}[data-theme="dark"] .flag-report-section::before{background:linear-gradient(90deg,#ff4757 0%,#ff6b6b 100%)!important}[data-theme="dark"] .flag-report-section h6{color:#ff6b6b!important}[data-theme="dark"] .flag-report-content{background:rgb(42 42 58 / .8)!important;border-color:rgb(255 107 107 / .2)!important}[data-theme="dark"] .report-hint{background:rgb(255 71 87 / .1)!important;border-left-color:#ff4757!important;color:#ffb3b3!important}[data-theme="dark"] .mini-disclaimer{color:#adb5bd!important;background:rgb(108 117 125 / .1)!important;border-left-color:#6c757d!important}[data-theme="dark"] .form-text{color:#adb5bd!important}[data-theme="dark"] .form-label{color:#e9ecef!important}[data-theme="dark"] .form-select option{background:#343a40!important;color:#ffffff!important}[data-theme="dark"] .char-counter{color:#6c757d!important}[data-theme="dark"] .char-counter.text-success{color:#28a745!important}[data-theme="dark"] .char-counter.text-warning{color:#ffc107!important}.dis-container{background:linear-gradient(145deg,#ffffff 0%,#f8f9fa 100%);border-radius:20px;border:none;box-shadow:0 15px 35px rgb(0 0 0 / .08);overflow:hidden;transition:all 0.3s ease}.dis-container:hover{transform:translateY(-2px);box-shadow:0 20px 45px rgb(0 0 0 / .12)}.dis-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem 2.5rem;display:flex;align-items:center;gap:1.25rem;position:relative;overflow:hidden}.dis-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="desc-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23desc-pattern)"/></svg>');opacity:.3}.dis-icon{width:60px;height:60px;background:rgb(255 255 255 / .2);border-radius:16px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);border:2px solid rgb(255 255 255 / .3);box-shadow:0 8px 20px rgb(0 0 0 / .15);position:relative;z-index:2}.dis-icon i{font-size:1.8rem;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.dis-title-section{flex:1;position:relative;z-index:2}.dis-title{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 2px 4px rgb(0 0 0 / .3);letter-spacing:-.5px}.dis-subtitle{color:rgb(255 255 255 / .8);font-size:.9rem;font-weight:500;margin:0}.dis-content{padding:2.5rem;background:#fff}.dis-text{font-size:1rem;line-height:1.6;color:#2c3e50;margin-bottom:0}.dis-text p{margin:0 0 1rem 0;padding:0}.dis-text p:last-child{margin-bottom:0}.dis-text strong,.dis-text b{font-weight:700;color:#1a252f}.dis-text em,.dis-text i{font-style:italic;color:#495057}.dis-text u{text-decoration:underline;text-decoration-color:#667eea;text-decoration-thickness:2px}.dis-text a{color:#667eea;text-decoration:none;font-weight:500;transition:all 0.3s ease;border-bottom:1px solid #fff0}.dis-text a:hover{color:#764ba2;border-bottom-color:#764ba2}.dis-text h1,.dis-text h2,.dis-text h3{font-weight:700;line-height:1.3;margin:1.5rem 0 .75rem 0;color:#1a252f;padding:0}.dis-text h1{font-size:1.75rem;font-weight:800;margin:2rem 0 1rem 0;color:#0f172a;border-bottom:2px solid #667eea;padding-bottom:.5rem}.dis-text h2{font-size:1.5rem;font-weight:700;margin:1.75rem 0 .875rem 0;color:#1e293b}.dis-text h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem 0;color:#334155}.dis-text h4{font-size:1.1rem;font-weight:600;margin:1.25rem 0 .625rem 0;color:#475569}.dis-text h5{font-size:1.05rem;font-weight:600;margin:1.125rem 0 .5625rem 0;color:#64748b}.dis-text h6{font-size:1rem;font-weight:600;margin:1rem 0 .5rem 0;color:#64748b}.dis-text ul,.dis-text ol{margin:.75rem 0 1rem 0;padding:0 0 0 1.25rem}.dis-text li{margin-bottom:.375rem;line-height:1.5;padding-left:.25rem}.dis-text li:last-child{margin-bottom:0}.dis-text ul ul,.dis-text ol ol,.dis-text ul ol,.dis-text ol ul{margin:.5rem 0 .5rem 1rem}.dis-text blockquote{border-left:3px solid #667eea;padding:1rem 1.25rem;margin:1.25rem 0;background:rgb(102 126 234 / .03);border-radius:0 6px 6px 0;font-style:italic;color:#495057;line-height:1.5}.dis-text code{background:#f1f5f9;padding:.125rem .375rem;border-radius:3px;font-family:'SFMono-Regular','Monaco','Inconsolata','Roboto Mono',monospace;font-size:.875em;color:#0f172a;border:1px solid #e2e8f0}.dis-text pre{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:1rem;overflow-x:auto;margin:1rem 0;font-family:'SFMono-Regular','Monaco','Inconsolata','Roboto Mono',monospace;font-size:.875em;line-height:1.4}.dis-text pre code{background:#fff0;padding:0;border:none;border-radius:0;font-size:inherit;color:inherit}.dis-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#6c757d;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border:2px dashed #dee2e6;text-align:center}.dis-empty i{font-size:2.5rem;margin-bottom:1rem;color:#adb5bd}.dis-empty span{font-size:.95rem;font-weight:500}@media (max-width:768px){.dis-header{padding:1.25rem 1rem;flex-direction:column;text-align:center;gap:.75rem}.dis-icon{width:45px;height:45px;font-size:1.25rem}.dis-title{font-size:1.25rem;margin-bottom:.125rem}.dis-subtitle{font-size:.8rem}.dis-content{padding:1.25rem}.dis-text{font-size:.95rem;line-height:1.55}.dis-text h1{font-size:1.5rem;margin:1.5rem 0 .75rem 0}.dis-text h2{font-size:1.3rem;margin:1.25rem 0 .625rem 0}.dis-text h3{font-size:1.15rem;margin:1rem 0 .5rem 0}.dis-text h4,.dis-text h5,.dis-text h6{font-size:1rem;margin:.875rem 0 .4375rem 0}.dis-text ul,.dis-text ol{margin:.5rem 0 .75rem 0;padding-left:1rem}.dis-text li{margin-bottom:.25rem;line-height:1.45;font-size:.9rem}.dis-text blockquote{padding:.75rem 1rem;margin:1rem 0;font-size:.9rem}.dis-text code{font-size:.8rem;padding:.1rem .25rem}.dis-text pre{padding:.75rem;font-size:.8rem;margin:.75rem 0}.dis-empty{padding:2rem 1.5rem}}[data-theme="dark"] .dis-container{background:linear-gradient(145deg,#2a2a4a 0%,#1e1e2e 100%)}[data-theme="dark"] .dis-header{background:linear-gradient(135deg,#4c5fd5 0%,#6b46c1 100%)}[data-theme="dark"] .dis-content{background:#2d2d2d}[data-theme="dark"] .dis-text{color:#e2e8f0}[data-theme="dark"] .dis-text strong,[data-theme="dark"] .dis-text b{color:#f1f5f9}[data-theme="dark"] .dis-text em,[data-theme="dark"] .dis-text i{color:#94a3b8}[data-theme="dark"] .dis-text h1{color:#f8fafc;border-bottom-color:#4c5fd5}[data-theme="dark"] .dis-text h2{color:#e2e8f0}[data-theme="dark"] .dis-text h3{color:#cbd5e1}[data-theme="dark"] .dis-text h4,[data-theme="dark"] .dis-text h5,[data-theme="dark"] .dis-text h6{color:#94a3b8}[data-theme="dark"] .dis-text code{background:#334155;color:#fbbf24;border-color:#475569}[data-theme="dark"] .dis-text pre{background:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme="dark"] .dis-text pre code{color:inherit}[data-theme="dark"] .dis-text blockquote{background:rgb(76 95 213 / .08);border-left-color:#4c5fd5;color:#94a3b8}[data-theme="dark"] .dis-empty{background:linear-gradient(135deg,#374151 0%,#1f2937 100%);border-color:#4b5563;color:#9ca3af}[data-theme="dark"] .dis-empty i{color:#6b7280}
/* Modern Page Design */
body {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    min-height: 100vh;
}

.main-container {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    overflow: hidden;
    margin: 2rem 0;
}

.note-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.note-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    opacity: 0.3;
}

.note-header .container {
    position: relative;
    z-index: 1;
}

.note-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.note-meta {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 1px solid rgba(255,255,255,0.2);
    backdrop-filter: blur(10px);
}

.note-thumbnail-card {
    background: linear-gradient(135deg, rgba(13,110,253,0.08), rgba(99,102,241,0.08));
    border: 1px solid rgba(13,110,253,0.15);
    border-radius: 18px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 10px 30px rgba(13,110,253,0.08);
}

.note-thumbnail-img {
    width: 100%;
    max-height: 260px;
    object-fit: cover;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

.note-thumbnail-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    border-radius: 14px;
    background: white;
    color: #0d6efd;
    border: 2px dashed rgba(13,110,253,0.3);
}

.note-thumbnail-placeholder i {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
}

.note-actions {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
    border: 1px solid rgba(255,255,255,0.2);
}

.note-actions .d-flex.flex-wrap {
    gap: 0.5rem;
}

.action-btn {
    flex: 1 1 calc(50% - 0.5rem);
    min-width: 180px;
    margin: 0;
    border-radius: 12px;
    padding: 0.85rem 1.25rem;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    text-align: center;
}

@media (max-width: 576px) {
    .action-btn {
        flex-basis: 100%;
    }
}

.action-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.action-btn.btn-info {
    background: linear-gradient(135deg, #0dcaf0, #0d6efd);
    border: none;
    color: #fff;
}

.action-btn.btn-success {
    background: linear-gradient(135deg, #28a745, #20c997);
    border: none;
    color: #fff;
}

.action-btn.btn-outline-primary {
    border-width: 2px;
    border-color: rgba(13,110,253,0.5);
    color: #0d6efd;
    background: rgba(13,110,253,0.05);
}

.action-btn.btn-outline-secondary {
    border-width: 2px;
    color: #6c757d;
}

.action-btn.flag-action {
    background: linear-gradient(135deg, #ff6b6b, #dc3545);
    border: none;
    color: #fff;
}

.login-action-btn {
    border-width: 2px;
    border-color: #0d6efd;
    color: #0d6efd;
    background: linear-gradient(135deg, rgba(13,110,253,0.08), rgba(99,102,241,0.08));
}

.login-action-btn:hover {
    background: linear-gradient(135deg, rgba(13,110,253,0.2), rgba(99,102,241,0.2));
    color: #0b5ed7;
    box-shadow: 0 10px 25px rgba(13,110,253,0.2);
}

.login-link-highlight {
    font-weight: 600;
    color: #0d6efd !important;
    text-decoration: underline;
    text-decoration-color: rgba(13,110,253,0.5);
}

.login-link-highlight:hover {
    color: #0b5ed7 !important;
    text-decoration-color: rgba(13,110,253,0.9);
}

.flag-button-container .btn {
    border-radius: 30px;
    padding: 0.45rem 1.2rem;
    font-weight: 600;
    box-shadow: 0 6px 18px rgba(220, 53, 69, 0.15);
}

.flag-button-container .btn i {
    font-size: 0.9rem;
}

.flag-button-container .btn:hover,
.flag-button-container .btn:focus {
    box-shadow: 0 10px 25px rgba(220, 53, 69, 0.25);
    transform: translateY(-1px);
}

.comment-section {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    margin-bottom: 2rem;
    border: 1px solid #e9ecef;
    position: relative;
}

.comment-section h2,
.comment-section h5 {
    color: #2c3e50;
    font-weight: 700;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.comment-section h2 i,
.comment-section h5 i {
    color: #667eea;
    font-size: 1.25rem;
}

.comment-section .badge {
    font-size: 0.875rem;
    padding: 0.35rem 0.75rem;
    font-weight: 500;
    background: #667eea;
    border-radius: 12px;
}

.comments-list {
    max-height: none;
    overflow-y: visible;
    padding-right: 1rem;
}

.comments-list.scrollable {
    max-height: 600px;
    overflow-y: auto;
}

.comments-list::-webkit-scrollbar {
    width: 8px;
}

.comments-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.comments-list::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 4px;
}

.comments-list::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
}

.related-notes {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 15px;
    padding: 2rem;
    border: 1px solid rgba(255,255,255,0.2);
}

/* ========================================
   AFFILIATE LINKS SECTION - BOOK CART STYLE
   ======================================== */
.affiliate-section-wrapper {
    margin-top: 0;
}

.affiliate-links-section {
    background: linear-gradient(145deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    border-radius: 24px;
    padding: 0;
    border: none;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: relative;
}

.affiliate-links-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #e94560, #ff6b6b, #feca57, #48dbfb, #1dd1a1);
}

.affiliate-header {
    background: linear-gradient(135deg, rgba(233, 69, 96, 0.15) 0%, rgba(255, 107, 107, 0.1) 100%);
    padding: 1.5rem 2rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.affiliate-icon-box {
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    box-shadow: 0 8px 20px rgba(233, 69, 96, 0.4);
}

.affiliate-main-title {
    font-weight: 800;
    font-size: 1.3rem;
    color: #fff;
    letter-spacing: -0.5px;
}

.affiliate-header p {
    color: rgba(255,255,255,0.7) !important;
}

.unlock-badge {
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    color: white;
    padding: 10px 18px;
    border-radius: 25px;
    font-weight: 600;
    font-size: 0.85rem;
    animation: glow 2s infinite;
    box-shadow: 0 4px 15px rgba(233, 69, 96, 0.4);
}

.promo-badge {
    background: linear-gradient(135deg, #feca57 0%, #ff9f43 100%);
    color: #1a1a2e;
    padding: 10px 18px;
    border-radius: 25px;
    font-weight: 700;
    font-size: 0.85rem;
}

@keyframes glow {
    0%, 100% { box-shadow: 0 4px 15px rgba(233, 69, 96, 0.4); }
    50% { box-shadow: 0 4px 25px rgba(233, 69, 96, 0.7); }
}

.affiliate-links-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    padding: 2rem;
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.1) 100%);
}

.affiliate-item {
    background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
}

.affiliate-item:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
}

.affiliate-item-inner {
    display: flex;
    flex-direction: row;
    height: 100%;
}

/* Book Cover Style - 2:3 Aspect Ratio */
.affiliate-img-wrapper {
    position: relative;
    width: 120px;
    min-width: 120px;
    aspect-ratio: 2/3;
    background: linear-gradient(145deg, #2c3e50 0%, #1a252f 100%);
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 4px;
    margin: 1rem;
    box-shadow: 
        4px 4px 10px rgba(0,0,0,0.3),
        -2px -2px 5px rgba(255,255,255,0.05),
        inset 0 0 0 1px rgba(255,255,255,0.1);
}

/* Book spine effect */
.affiliate-img-wrapper::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    background: linear-gradient(90deg, 
        rgba(0,0,0,0.4) 0%, 
        rgba(0,0,0,0.1) 40%,
        rgba(255,255,255,0.1) 60%,
        rgba(0,0,0,0.2) 100%);
    z-index: 2;
}

/* Book page effect */
.affiliate-img-wrapper::after {
    content: '';
    position: absolute;
    right: -3px;
    top: 3px;
    bottom: 3px;
    width: 6px;
    background: repeating-linear-gradient(
        180deg,
        #f5f5f5 0px,
        #e8e8e8 1px,
        #f5f5f5 2px
    );
    border-radius: 0 2px 2px 0;
    box-shadow: inset 1px 0 2px rgba(0,0,0,0.1);
}

.affiliate-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.affiliate-item:hover .affiliate-img-wrapper img {
    transform: scale(1.08);
}

.affiliate-img-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #34495e 0%, #2c3e50 100%);
    color: rgba(255,255,255,0.6);
}

.affiliate-img-placeholder i {
    font-size: 2.5rem !important;
}

.platform-tag {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(10px);
    z-index: 3;
}

.platform-tag.platform-amazon {
    background: linear-gradient(135deg, #ff9900 0%, #ff8000 100%);
    color: #000;
}

.platform-tag.platform-flipkart {
    background: linear-gradient(135deg, #2874f0 0%, #1e5dc8 100%);
    color: white;
}

.platform-tag.platform-meesho {
    background: linear-gradient(135deg, #f43397 0%, #d42880 100%);
    color: white;
}

.platform-tag.platform-generic {
    background: linear-gradient(135deg, #667eea 0%, #5a67d8 100%);
    color: white;
}

.affiliate-details {
    padding: 1rem 1.25rem 1rem 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.6rem;
    flex: 1;
}

.affiliate-item-title {
    font-size: 1rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.affiliate-item-desc {
    font-size: 0.8rem;
    color: #6c757d;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.affiliate-pricing {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.current-price {
    font-size: 1.25rem;
    font-weight: 800;
    color: #10b981;
}

.old-price {
    font-size: 0.85rem;
    color: #adb5bd;
    text-decoration: line-through;
}

.discount-tag {
    font-size: 0.65rem;
    background: linear-gradient(135deg, #e94560 0%, #ff6b6b 100%);
    color: white;
    padding: 3px 8px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.affiliate-buy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    font-size: 0.85rem;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    margin-top: auto;
}

.affiliate-buy-btn.platform-amazon {
    background: linear-gradient(135deg, #ff9900 0%, #e68a00 100%);
    color: #000;
    box-shadow: 0 4px 12px rgba(255, 153, 0, 0.35);
}

.affiliate-buy-btn.platform-flipkart {
    background: linear-gradient(135deg, #2874f0 0%, #1a5dc8 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(40, 116, 240, 0.35);
}

.affiliate-buy-btn.platform-meesho {
    background: linear-gradient(135deg, #f43397 0%, #c42878 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(244, 51, 151, 0.35);
}

.affiliate-buy-btn.platform-generic {
    background: linear-gradient(135deg, #667eea 0%, #5a67d8 100%);
    color: white;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.35);
}

.affiliate-buy-btn:hover {
    transform: translateY(-2px) scale(1.02);
    filter: brightness(1.1);
    color: inherit;
}

.affiliate-footer {
    background: rgba(255,255,255,0.05);
    padding: 1rem 2rem;
    border-top: 1px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.6);
    font-size: 0.8rem;
}

/* Light theme override - since section is already dark */
[data-theme="light"] .affiliate-links-section,
.affiliate-links-section {
    /* Already styled dark by default */
}

/* Dark theme - subtle adjustments */
[data-theme="dark"] .affiliate-links-section {
    background: linear-gradient(145deg, #0d0d1a 0%, #1a1a2e 50%, #0f1729 100%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .affiliate-item {
    background: linear-gradient(145deg, #1e1e2e 0%, #252538 100%);
}

[data-theme="dark"] .affiliate-item-title {
    color: #f8f9fa;
}

[data-theme="dark"] .affiliate-item-desc {
    color: #adb5bd;
}

/* Support Section Dark Theme */
[data-theme="dark"] .support-section {
    background: #1a1a1a !important;
    border-color: #4dabf7 !important;
    box-shadow: 0 2px 8px rgba(77,171,247,0.15) !important;
}

[data-theme="dark"] .support-section h6 {
    color: #4dabf7 !important;
}

[data-theme="dark"] .support-section p {
    color: #a1a1aa !important;
}

[data-theme="dark"] .support-section code {
    background: #2a2a2a !important;
    border-color: #374151 !important;
    color: #e4e4e7 !important;
}

[data-theme="dark"] .support-section img {
    border-color: #374151 !important;
}

[data-theme="dark"] .support-section small {
    color: #a1a1aa !important;
}

/* Responsive */
@media (max-width: 768px) {
    .affiliate-links-container {
        grid-template-columns: 1fr;
        padding: 1.25rem;
        gap: 1rem;
    }
    
    .affiliate-header {
        padding: 1.25rem;
    }
    
    .affiliate-icon-box {
        width: 45px;
        height: 45px;
        font-size: 1.2rem;
    }
    
    .affiliate-main-title {
        font-size: 1.1rem;
    }
    
    .affiliate-item-inner {
        flex-direction: row;
    }
    
    .affiliate-img-wrapper {
        width: 100px;
        min-width: 100px;
        margin: 0.75rem;
    }
    
    .affiliate-details {
        padding: 0.75rem 0.75rem 0.75rem 0;
    }
}

@media (max-width: 576px) {
    .affiliate-header .d-flex {
        flex-direction: column;
        text-align: center;
    }
    
    .affiliate-icon-box {
        margin: 0 auto 0.75rem;
    }
    
    .unlock-badge, .promo-badge {
        margin-top: 0.75rem;
    }
    
    .affiliate-item-inner {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .affiliate-img-wrapper {
        width: 140px;
        min-width: 140px;
        margin: 1rem auto 0;
    }
    
    .affiliate-details {
        padding: 1rem;
        align-items: center;
    }
    
    .affiliate-buy-btn {
        width: 100%;
        justify-content: center;
    }
}

.file-info {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-radius: 15px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border-left: 5px solid #2196f3;
}


.tag-badge {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 25px;
    margin: 0.25rem;
    display: inline-block;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
    transition: all 0.3s ease;
}

.tag-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1.5rem;
    margin: 1.5rem 0;
}

.stat-item {
    text-align: center;
    padding: 1.5rem;
    background: white;
    border-radius: 15px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    border: 1px solid rgba(255,255,255,0.2);
}

.stat-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}

.stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: #667eea;
    margin-bottom: 0.5rem;
}

.stat-label {
    font-size: 0.9rem;
    color: #6c757d;
    font-weight: 600;
}

/* Enhanced Rating System Styles */
.rating-display .stars {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.rating-star-interactive {
    cursor: pointer;
    transition: all 0.3s ease;
    margin-right: 0.3rem;
}

.rating-star-interactive:hover {
    transform: scale(1.2);
}

.rating-form-section {
    border-top: 2px solid #e9ecef;
    padding-top: 2rem;
    margin-top: 2rem;
}

.rating-stats-section {
    border-top: 2px solid #e9ecef;
    padding-top: 2rem;
    margin-top: 2rem;
}

.rating-summary-card {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 15px;
    padding: 1.5rem;
}

.interaction-buttons {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Enhanced Comment System */
.comment-item {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.comment-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.comment-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(102, 126, 234, 0.12);
    border-color: rgba(102, 126, 234, 0.2);
}

.comment-item:hover::before {
    opacity: 1;
}

.comment-item.comment-pinned {
    background: linear-gradient(135deg, #fffbf0 0%, #ffffff 100%);
    border: 1px solid rgba(255, 193, 7, 0.3);
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.1);
}

.comment-item.comment-pinned::before {
    background: linear-gradient(180deg, #ffc107 0%, #ff9800 100%);
    opacity: 1;
}

.comment-item.comment-pinned:hover {
    box-shadow: 0 8px 24px rgba(255, 193, 7, 0.2);
    border-color: rgba(255, 193, 7, 0.4);
}

.comment-header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
    gap: 0.75rem;
}

.comment-avatar {
    position: relative;
    flex-shrink: 0;
}

.comment-avatar img,
.comment-avatar > div {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid #e9ecef;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    object-fit: cover;
}

.comment-item:hover .comment-avatar img,
.comment-item:hover .comment-avatar > div {
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
}

.comment-meta {
    flex-grow: 1;
    min-width: 0;
}

.comment-author {
    font-weight: 600;
    color: #2c3e50;
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
    display: inline-block;
    line-height: 1.4;
}

.comment-date {
    color: #6c757d;
    font-size: 0.85rem;
    font-weight: 400;
    display: inline-block;
    margin-left: 0.5rem;
}

.comment-content {
    margin-bottom: 1rem;
    line-height: 1.7;
    color: #495057;
    font-size: 0.95rem;
    padding: 0;
    background: transparent;
    border-radius: 0;
    border: none;
}

.comment-content p {
    margin-bottom: 0;
    word-wrap: break-word;
}

.comment-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 0.75rem;
    border-top: 1px solid #f0f0f0;
    margin-top: 0.75rem;
}

.comment-like-button,
.reply-comment {
    border-radius: 20px;
    padding: 0.5rem 1rem;
    font-weight: 500;
    transition: all 0.2s ease;
    font-size: 0.875rem;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.comment-like-button:hover,
.reply-comment:hover {
    transform: translateY(-1px);
}

.comment-like-button.liked {
    background: #fff5f5;
    border-color: #fecaca;
    color: #dc2626;
}

.comment-like-button:not(.liked) {
    background: #f8f9fa;
    border-color: #e9ecef;
    color: #6c757d;
}

.comment-like-button:not(.liked):hover {
    background: #e9ecef;
    border-color: #dee2e6;
}

.reply-comment {
    background: transparent;
    border: 1px solid #667eea;
    color: #667eea;
}

.reply-comment:hover {
    background: #667eea;
    color: white;
    border-color: #667eea;
}

/* Reply Section Enhancement */
.comment-replies {
    margin-top: 1.5rem;
    padding-left: 0;
    border-left: none;
    position: relative;
    background: none;
    border-radius: 0;
    padding: 0;
    margin-left: 0;
}

/* Only show visual elements when there are actual replies */
.comment-replies:not(:empty) {
    padding-left: 1.5rem;
    border-left: 2px solid #e9ecef;
    background: #f8f9fa;
    border-radius: 0 8px 8px 0;
    padding: 1rem 1rem 1rem 1.5rem;
    margin-left: 0.75rem;
    margin-top: 1rem;
}

.comment-replies:not(:empty)::before {
    content: '';
    position: absolute;
    left: -2px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #667eea;
    border-radius: 1px;
}

.comment-form,
.comment-reply-form {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    border: 1px solid #e9ecef;
    transition: all 0.3s ease;
}

.comment-form:focus-within,
.comment-reply-form:focus-within {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    background: #ffffff;
}

.comment-form textarea,
.comment-reply-form textarea {
    border-radius: 10px;
    border: 1px solid #dee2e6;
    padding: 0.875rem;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    background: #ffffff;
    resize: vertical;
    min-height: 90px;
    line-height: 1.6;
}

.comment-form textarea:focus,
.comment-reply-form textarea:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
    outline: none;
}

.comment-form .form-text,
.comment-reply-form .form-text {
    font-size: 0.8rem;
    color: #6c757d;
    margin-top: 0.5rem;
}

.comment-form .btn,
.comment-reply-form .btn {
    border-radius: 8px;
    padding: 0.625rem 1.25rem;
    font-weight: 500;
    transition: all 0.2s ease;
    font-size: 0.875rem;
    border: 1px solid transparent;
}

.comment-form .btn-primary,
.comment-reply-form .btn-primary {
    background: #667eea;
    border-color: #667eea;
    color: white;
}

.comment-form .btn-primary:hover,
.comment-reply-form .btn-primary:hover {
    background: #5568d3;
    border-color: #5568d3;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.comment-form .btn-outline-secondary,
.comment-reply-form .btn-outline-secondary {
    background: transparent;
    border-color: #dee2e6;
    color: #6c757d;
}

.comment-form .btn-outline-secondary:hover,
.comment-reply-form .btn-outline-secondary:hover {
    background: #f8f9fa;
    border-color: #adb5bd;
    color: #495057;
}

.reply-indicator {
    background: #f0f4ff;
    border-left: 3px solid #667eea;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    color: #495057;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.reply-indicator i {
    color: #667eea;
    font-size: 0.75rem;
}

.reply-indicator strong {
    color: #667eea;
    font-weight: 600;
}

/* Reply Connection Line - Only show when inside a replies container */
.comment-replies:not(:empty) .comment-item[data-parent-id] {
    position: relative;
}

.comment-replies:not(:empty) .comment-item[data-parent-id]::before {
    content: '';
    position: absolute;
    left: -2.5rem;
    top: 20px;
    width: 20px;
    height: 2px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 1px;
}

.comment-replies:not(:empty) .comment-item[data-parent-id]::after {
    content: '';
    position: absolute;
    left: -2.5rem;
    top: 18px;
    width: 6px;
    height: 6px;
    background: #667eea;
    border-radius: 50%;
    border: 2px solid white;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.comment-pinned {
    border-left-color: #ffc107;
    background: #fff3cd;
}

.comment-mod-actions {
    flex-shrink: 0;
}

.comment-mod-actions .dropdown-toggle {
    border: none;
    background: transparent;
    color: #6c757d;
    padding: 0.375rem 0.5rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.comment-mod-actions .dropdown-toggle:hover {
    background: #f8f9fa;
    color: #667eea;
}

.comment-form-login-required {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    border: 1px solid #e9ecef;
}

.comment-form-login-required .alert {
    margin-bottom: 0;
    border-radius: 8px;
    border: none;
    background: #e7f3ff;
    color: #0c5460;
}

.comments-list .text-muted.text-center {
    padding: 2rem;
    color: #6c757d;
    font-size: 0.95rem;
    background: #f8f9fa;
    border-radius: 12px;
    margin: 1rem 0;
}

.rating-bar-item {
    margin-bottom: 0.5rem;
}

.rating-label {
    min-width: 30px;
    font-size: 0.875rem;
}

.rating-bar .progress {
    height: 8px;
    border-radius: 4px;
}

.rating-count {
    min-width: 30px;
    text-align: right;
}

/* Mobile Responsive Improvements */
@media (max-width: 768px) {
    .note-header {
        padding: 1.5rem 0;
    }
    
    .note-header h1 {
        font-size: 1.75rem;
    }
    
    .note-meta, .note-actions, .comment-section, .related-notes {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    
    .file-info {
        padding: 0.75rem;
    }
    
    .action-btn {
        width: 100%;
        margin: 0.25rem 0;
        padding: 0.75rem;
    }
    
    .interaction-buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }
    
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }
    
    .stat-item {
        padding: 0.75rem;
    }
    
    .stat-number {
        font-size: 1.25rem;
    }
}

@media (max-width: 576px) {
    .note-header h1 {
        font-size: 1.5rem;
    }
    
    .note-header .lead {
        font-size: 1rem;
    }
    
    .stats-grid {
        grid-template-columns: 1fr;
    }
    
    .breadcrumb {
        font-size: 0.875rem;
    }
    
    .comment-item {
        padding: 0.75rem;
    }
}


/* Points Display Styling */
.author-points {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1), rgba(118, 75, 162, 0.1));
    border-radius: 15px;
    padding: 1rem;
    border: 1px solid rgba(102, 126, 234, 0.2);
}

.author-points .fas.fa-trophy {
    font-size: 1.2rem;
}

.author-points .fw-bold {
    font-size: 1.3rem;
}

.level-badge .badge {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    font-size: 0.8rem;
    padding: 0.5rem 0.8rem;
}

@media (max-width: 768px) {
    .author-points {
        padding: 0.8rem;
    }
    
    .author-points .fw-bold {
        font-size: 1.1rem;
    }
}

/* ========================================
   DISCLAIMER CONTAINER STYLES
   ======================================== */
.disclaimer-container {
  background: #fff8e1;
  border-left: 4px solid #ffb300;
  border-radius: 8px;
  padding: 16px;
  margin: 15px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.disclaimer-title {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 12px 0;
  color: #444;
  padding: 6px 10px;
  background: linear-gradient(135deg, rgba(108, 117, 125, 0.1) 0%, rgba(108, 117, 125, 0.05) 100%);
  border-radius: 6px;
  border: 1px solid rgba(108, 117, 125, 0.15);
}

.disclaimer-content {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
}

.disclaimer-content p {
  margin-bottom: 12px;
}

.disclaimer-content p:last-child {
  margin-bottom: 0;
}

/* ========================================
   FLAG AND REPORT SECTION STYLES
   ======================================== */
.flag-report-section {
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  border-radius: 15px;
  padding: 1.5rem;
  margin-bottom: 2rem;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  border: 1px solid rgba(102, 126, 234, 0.1);
  position: relative;
  overflow: hidden;
}

.flag-report-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #dc3545 0%, #ff6b6b 100%);
}

.flag-report-section h6 {
  color: #dc3545;
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.flag-report-content {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  padding: 1rem;
  border: 1px solid rgba(220, 53, 69, 0.1);
}

.report-hint {
  background: rgba(220, 53, 69, 0.05);
  border-left: 4px solid #dc3545;
  padding: 12px 16px;
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
  color: #721c24;
  border-radius: 8px;
  font-weight: 500;
}

.flag-report-section .flag-button-container {
  display: inline-flex;
  align-items: center;
  margin-left: 0.5rem;
}

/* ========================================
   MINI DISCLAIMER STYLES
   ======================================== */
.mini-disclaimer {
  font-size: 0.85rem;
  color: #6c757d;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: rgba(108, 117, 125, 0.05);
  border-left: 3px solid #6c757d;
  border-radius: 4px;
  font-style: italic;
}

/* ========================================
   ARTICLES SECTION STYLES
   ======================================== */
.articles-list {
    /* Simple spacing for the list of articles */
}

.article-item {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .article-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.article-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.article-title {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

.article-title a {
    color: inherit;
    text-decoration: none;
}

.article-title a:hover {
    text-decoration: underline;
}

.article-content {
    line-height: 1.6;
}

.article-content p {
    margin-bottom: 0.75rem;
}

.article-content p:last-child {
    margin-bottom: 0;
}

/* ========================================
   SHARE SECTION STYLES
   ======================================== */
.share-card {
    background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 16px;
    border: 1px solid rgba(102, 126, 234, 0.15);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(102, 126, 234, 0.08);
}

.share-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%);
    border-bottom: 1px solid rgba(102, 126, 234, 0.1);
}

.share-icon-box {
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.1rem;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}

.share-card-header h6 {
    font-weight: 700;
    color: #1e293b;
    font-size: 0.95rem;
}

.share-card-body {
    padding: 16px 18px;
}

.copy-link-box {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
}

.copy-link-input {
    flex: 1;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 0.85rem;
    color: #475569;
    font-family: 'Monaco', 'Menlo', monospace;
}

.copy-link-input:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.15);
}

.btn-copy-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.85rem;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.25);
}

.btn-copy-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.35);
}

.btn-copy-link.copied {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.social-share-btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.social-btn {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.social-btn:hover {
    transform: translateY(-3px) scale(1.05);
    color: white;
}

.social-btn.whatsapp {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
}

.social-btn.telegram {
    background: linear-gradient(135deg, #0088cc 0%, #006699 100%);
    box-shadow: 0 4px 12px rgba(0, 136, 204, 0.3);
}

.social-btn.facebook {
    background: linear-gradient(135deg, #1877f2 0%, #0d5bbd 100%);
    box-shadow: 0 4px 12px rgba(24, 119, 242, 0.3);
}

.social-btn.twitter {
    background: linear-gradient(135deg, #1da1f2 0%, #0c85d0 100%);
    box-shadow: 0 4px 12px rgba(29, 161, 242, 0.3);
}

.social-btn.linkedin {
    background: linear-gradient(135deg, #0077b5 0%, #005582 100%);
    box-shadow: 0 4px 12px rgba(0, 119, 181, 0.3);
}

.social-btn.more-share {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
    box-shadow: 0 4px 12px rgba(107, 114, 128, 0.3);
}

/* Desktop share card specific */
.share-card-desktop {
    position: sticky;
    top: 100px;
}

/* Dark Mode Share Card */
[data-theme="dark"] .share-card {
    background: linear-gradient(145deg, #2a2a4a 0%, #1e1e2e 100%);
    border-color: rgba(102, 126, 234, 0.25);
}

[data-theme="dark"] .share-card-header {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.15) 0%, rgba(118, 75, 162, 0.15) 100%);
    border-color: rgba(102, 126, 234, 0.2);
}

[data-theme="dark"] .share-card-header h6 {
    color: #e2e8f0;
}

[data-theme="dark"] .share-card-header small {
    color: #94a3b8 !important;
}

[data-theme="dark"] .copy-link-input {
    background: #1e1e2e;
    border-color: #3f3f5a;
    color: #e2e8f0;
}

/* Mobile share section spacing */
.share-section-mobile {
    margin-top: 1rem;
}

@media (max-width: 768px) {
    .social-btn {
        width: 38px;
        height: 38px;
        font-size: 1rem;
    }
    
    .copy-link-input {
        font-size: 0.8rem;
        padding: 8px 12px;
    }
    
    .btn-copy-link {
        padding: 8px 12px;
        font-size: 0.8rem;
    }
    
    .btn-copy-link span {
        display: none;
    }
}

/* ========================================
   DARK MODE STYLES FOR NOTE VIEW PAGE
   ======================================== */

[data-theme="dark"] body {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .main-container {
    background: #2d2d2d !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
}

[data-theme="dark"] .note-meta {
    background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .note-actions {
    background: #3a3a3a !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .comment-section {
    background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .comment-section h5 {
    color: #ffffff !important;
}

[data-theme="dark"] .related-notes {
    background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .file-info {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d4a6b 100%) !important;
    color: #ffffff !important;
    border-left-color: #4a90e2 !important;
}


[data-theme="dark"] .stat-item {
    background: #3a3a3a !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .stat-label {
    color: #cccccc !important;
}

[data-theme="dark"] .comment-item {
    background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .comment-author {
    color: #ffffff !important;
}

[data-theme="dark"] .comment-date {
    color: #cccccc !important;
}

[data-theme="dark"] .comment-content {
    background: rgba(255,255,255,0.05) !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .comment-reply-form {
    background: linear-gradient(135deg, #3a3a5f 0%, #2d2d2d 100%) !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .comment-reply-form textarea {
    background: rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .comment-reply-form textarea:focus {
    background: rgba(255,255,255,0.15) !important;
    border-color: #667eea !important;
}

[data-theme="dark"] .reply-indicator {
    background: linear-gradient(135deg, #1e3a5f 0%, #2d4a6b 100%) !important;
    color: #4a90e2 !important;
    border-left-color: #4a90e2 !important;
}

[data-theme="dark"] .comment-replies:not(:empty) {
    background: linear-gradient(135deg, #2d2d5f 0%, #1a1a2d 100%) !important;
    border-left-color: #667eea !important;
}

[data-theme="dark"] .rating-summary-card {
    background: linear-gradient(135deg, #3a3a3a 0%, #2d2d2d 100%) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .card {
    background: #3a3a3a !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .card-header {
    background: #2d2d2d !important;
    color: #ffffff !important;
    border-bottom-color: #555555 !important;
}

[data-theme="dark"] .card-body {
    color: #ffffff !important;
}

[data-theme="dark"] .text-muted {
    color: #cccccc !important;
}

[data-theme="dark"] .breadcrumb {
    background: transparent !important;
}

[data-theme="dark"] .breadcrumb-item a {
    color: #ffffff !important;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: #cccccc !important;
}

[data-theme="dark"] .badge.bg-light {
    background: #555555 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .badge.bg-warning {
    background: #ffc107 !important;
    color: #000000 !important;
}

[data-theme="dark"] .alert {
    background: #3a3a3a !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .alert-info {
    background: #1e3a5f !important;
    color: #4a90e2 !important;
    border-color: #4a90e2 !important;
}

/* Download Restricted Message - Light Theme Styles */
.download-restricted-message {
    padding: 20px 25px;
    border-radius: 12px;
    border-left: 5px solid #dc3545;
    box-shadow: 0 4px 15px rgba(220, 53, 69, 0.2);
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%);
}

.download-restricted-icon {
    font-size: 1.5rem;
    color: #dc3545;
}

.download-restricted-heading {
    color: #721c24;
    font-weight: 700;
    font-size: 1.1rem;
}

.download-restricted-text {
    color: #721c24;
    font-size: 0.95rem;
    line-height: 1.6;
}

.download-restricted-info {
    color: #856404 !important;
}

/* Download Restricted Message - Dark Theme Styles */
[data-theme="dark"] .download-restricted-message {
    background: linear-gradient(135deg, #4a1f1f 0%, #5a2a2a 100%) !important;
    border-color: #ff4757 !important;
    border-left-color: #ff4757 !important;
    box-shadow: 0 4px 15px rgba(255, 71, 87, 0.3) !important;
}

[data-theme="dark"] .download-restricted-icon {
    color: #ff4757 !important;
}

[data-theme="dark"] .download-restricted-heading {
    color: #ff6b6b !important;
}

[data-theme="dark"] .download-restricted-text {
    color: #ff9999 !important;
}

[data-theme="dark"] .download-restricted-info {
    color: #ffb3b3 !important;
}

[data-theme="dark"] .download-restricted-message i.fa-lock {
    color: #ff6b6b !important;
}

[data-theme="dark"] .download-restricted-message i.fa-info-circle {
    color: #ffb3b3 !important;
}

[data-theme="dark"] .alert-danger {
    background: linear-gradient(135deg, #4a1f1f 0%, #5a2a2a 100%) !important;
    color: #ff6b6b !important;
    border-color: #ff4757 !important;
    border-left-color: #ff4757 !important;
    box-shadow: 0 4px 15px rgba(255, 71, 87, 0.3) !important;
}

[data-theme="dark"] .alert-danger .alert-heading {
    color: #ff6b6b !important;
}

[data-theme="dark"] .alert-danger p {
    color: #ff9999 !important;
}

[data-theme="dark"] .alert-danger small {
    color: #ffb3b3 !important;
}

[data-theme="dark"] .alert-danger i.fa-ban {
    color: #ff4757 !important;
}

[data-theme="dark"] .alert-danger i.fa-lock {
    color: #ff6b6b !important;
}

[data-theme="dark"] .alert-danger i.fa-info-circle {
    color: #ffb3b3 !important;
}

[data-theme="dark"] .form-control {
    background: #2d2d2d !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .form-control:focus {
    background: #3a3a3a !important;
    color: #ffffff !important;
    border-color: #667eea !important;
}

[data-theme="dark"] .btn-outline-primary {
    color: #667eea !important;
    border-color: #667eea !important;
}

[data-theme="dark"] .btn-outline-primary:hover {
    background: #667eea !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-secondary {
    color: #cccccc !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .btn-outline-secondary:hover {
    background: #555555 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-info {
    color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

[data-theme="dark"] .btn-outline-info:hover {
    background: #17a2b8 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-outline-warning {
    color: #ffc107 !important;
    border-color: #ffc107 !important;
}

[data-theme="dark"] .btn-outline-warning:hover {
    background: #ffc107 !important;
    color: #000000 !important;
}

[data-theme="dark"] .dropdown-menu {
    background: #3a3a3a !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .dropdown-item {
    color: #ffffff !important;
}

[data-theme="dark"] .dropdown-item:hover {
    background: #555555 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .dropdown-item-text {
    color: #cccccc !important;
}

[data-theme="dark"] .author-points {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2)) !important;
    border-color: #667eea !important;
}

[data-theme="dark"] .author-points .text-primary {
    color: #667eea !important;
}

[data-theme="dark"] .author-points .text-muted {
    color: #cccccc !important;
}

[data-theme="dark"] .level-badge .badge {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .progress {
    background: #2d2d2d !important;
}

[data-theme="dark"] .progress-bar {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

[data-theme="dark"] .table {
    color: #ffffff !important;
}

[data-theme="dark"] .table th {
    background: #3a3a3a !important;
    color: #ffffff !important;
    border-color: #555555 !important;
}

[data-theme="dark"] .table td {
    border-color: #555555 !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255,255,255,0.05) !important;
}

[data-theme="dark"] .modal-content {
    background: #3a3a3a !important;
    color: #ffffff !important;
}

[data-theme="dark"] .modal-header {
    border-bottom-color: #555555 !important;
}

[data-theme="dark"] .modal-footer {
    border-top-color: #555555 !important;
}

[data-theme="dark"] .close {
    color: #ffffff !important;
}

[data-theme="dark"] .close:hover {
    color: #cccccc !important;
}

.language-badge {
    background: linear-gradient(135deg, #0dcaf0 0%, #0d6efd 100%);
    color: #ffffff;
    border: none;
    box-shadow: 0 4px 12px rgba(13, 202, 240, 0.25);
}

.language-badge i {
    margin-right: 0.35rem;
}

.flag-button-container {
    display: inline-flex;
    align-items: center;
    margin-left: 0.5rem;
}

.flag-button-container .btn {
    border-radius: 30px;
    padding: 0.6rem 1.4rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 6px 18px rgba(220, 53, 69, 0.15);
    transition: all 0.3s ease;
}

.flag-button-container .btn i {
    font-size: 1rem;
}

.flag-button-container .btn-outline-danger {
    border-width: 2px;
    background: rgba(220, 53, 69, 0.08);
    color: #dc3545;
}

.flag-button-container .btn-outline-danger:hover,
.flag-button-container .btn-outline-danger:focus {
    background: #dc3545;
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(220, 53, 69, 0.25);
    transform: translateY(-2px);
}

[data-theme="dark"] .language-badge {
    box-shadow: 0 4px 12px rgba(13, 202, 240, 0.35);
}

[data-theme="dark"] .flag-button-container .btn-outline-danger {
    background: rgba(255, 107, 129, 0.15) !important;
    border-color: #ff6b81 !important;
    color: #ff6b81 !important;
}

[data-theme="dark"] .flag-button-container .btn-outline-danger:hover,
[data-theme="dark"] .flag-button-container .btn-outline-danger:focus {
    background: #ff6b81 !important;
    color: #1a1a1a !important;
    box-shadow: 0 10px 25px rgba(255, 107, 129, 0.35) !important;
}

/* ========================================
   DARK THEME - DISCLAIMER STYLES
   ======================================== */
[data-theme="dark"] .disclaimer-container {
    background: linear-gradient(135deg, #2d3a2d 0%, #3a3a2d 100%) !important;
    border-left-color: #4a5d3a !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .disclaimer-title {
    color: #e8e8e8 !important;
    background: linear-gradient(135deg, rgba(74, 93, 58, 0.2) 0%, rgba(74, 93, 58, 0.1) 100%) !important;
    border-color: rgba(74, 93, 58, 0.3) !important;
}

[data-theme="dark"] .disclaimer-content {
    color: #cccccc !important;
}

[data-theme="dark"] .disclaimer-content strong {
    color: #e8e8e8 !important;
}

/* ========================================
   DARK THEME - FLAG REPORT SECTION STYLES
   ======================================== */
[data-theme="dark"] .flag-report-section {
    background: linear-gradient(135deg, #2d2a3a 0%, #3a2a3a 100%) !important;
    border-color: rgba(220, 53, 69, 0.2) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .flag-report-section::before {
    background: linear-gradient(90deg, #ff4757 0%, #ff6b6b 100%) !important;
}

[data-theme="dark"] .flag-report-section h6 {
    color: #ff6b6b !important;
}

[data-theme="dark"] .flag-report-content {
    background: rgba(42, 42, 58, 0.8) !important;
    border-color: rgba(255, 107, 107, 0.2) !important;
}

[data-theme="dark"] .report-hint {
    background: rgba(255, 71, 87, 0.1) !important;
    border-left-color: #ff4757 !important;
    color: #ffb3b3 !important;
}

[data-theme="dark"] .mini-disclaimer {
    color: #adb5bd !important;
    background: rgba(108, 117, 125, 0.1) !important;
    border-left-color: #6c757d !important;
}

/* ========================================
   DARK THEME - FORM ELEMENTS (Flag Modal)
   ======================================== */
[data-theme="dark"] .form-text {
    color: #adb5bd !important;
}

[data-theme="dark"] .form-label {
    color: #e9ecef !important;
}

[data-theme="dark"] .form-select option {
    background: #343a40 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .char-counter {
    color: #6c757d !important;
}

[data-theme="dark"] .char-counter.text-success {
    color: #28a745 !important;
}

[data-theme="dark"] .char-counter.text-warning {
    color: #ffc107 !important;
}

/* ========================================
   DESCRIPTION SECTION STYLES
   ======================================== */

.dis-container {
    background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
    border-radius: 20px;
    border: none;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
}

.dis-container:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.12);
}

.dis-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 2rem 2.5rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    position: relative;
    overflow: hidden;
}

.dis-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="desc-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23desc-pattern)"/></svg>');
    opacity: 0.3;
}

.dis-icon {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    position: relative;
    z-index: 2;
}

.dis-icon i {
    font-size: 1.8rem;
    color: white;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.dis-title-section {
    flex: 1;
    position: relative;
    z-index: 2;
}

.dis-title {
    color: white;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    letter-spacing: -0.5px;
}

.dis-subtitle {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0;
}

.dis-content {
    padding: 2.5rem;
    background: white;
}

/* Main content container with normalized typography */
.dis-text {
    font-size: 1rem;
    line-height: 1.6;
    color: #2c3e50;
    margin-bottom: 0;
}

/* Normalized paragraph spacing */
.dis-text p {
    margin: 0 0 1rem 0;
    padding: 0;
}

.dis-text p:last-child {
    margin-bottom: 0;
}

/* Inline element styling */
.dis-text strong,
.dis-text b {
    font-weight: 700;
    color: #1a252f;
}

.dis-text em,
.dis-text i {
    font-style: italic;
    color: #495057;
}

.dis-text u {
    text-decoration: underline;
    text-decoration-color: #667eea;
    text-decoration-thickness: 2px;
}

.dis-text a {
    color: #667eea;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.dis-text a:hover {
    color: #764ba2;
    border-bottom-color: #764ba2;
}

/* Normalized heading hierarchy */
.dis-text h1,
.dis-text h2,
.dis-text h3 {
    font-weight: 700;
    line-height: 1.3;
    margin: 1.5rem 0 0.75rem 0;
    color: #1a252f;
    padding: 0;
}

/* Main topic - most prominent */
.dis-text h1 {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 2rem 0 1rem 0;
    color: #0f172a;
    border-bottom: 2px solid #667eea;
    padding-bottom: 0.5rem;
}

/* Sub-topic - slightly smaller */
.dis-text h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 1.75rem 0 0.875rem 0;
    color: #1e293b;
}

/* Sub-sub-topic - smaller still */
.dis-text h3 {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 1.5rem 0 0.75rem 0;
    color: #334155;
}

/* Lower headings - minimal styling */
.dis-text h4 {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 1.25rem 0 0.625rem 0;
    color: #475569;
}

.dis-text h5 {
    font-size: 1.05rem;
    font-weight: 600;
    margin: 1.125rem 0 0.5625rem 0;
    color: #64748b;
}

.dis-text h6 {
    font-size: 1rem;
    font-weight: 600;
    margin: 1rem 0 0.5rem 0;
    color: #64748b;
}

/* Improved list spacing and alignment */
.dis-text ul,
.dis-text ol {
    margin: 0.75rem 0 1rem 0;
    padding: 0 0 0 1.25rem;
}

.dis-text li {
    margin-bottom: 0.375rem;
    line-height: 1.5;
    padding-left: 0.25rem;
}

.dis-text li:last-child {
    margin-bottom: 0;
}

/* Nested lists */
.dis-text ul ul,
.dis-text ol ol,
.dis-text ul ol,
.dis-text ol ul {
    margin: 0.5rem 0 0.5rem 1rem;
}

/* Blockquote styling */
.dis-text blockquote {
    border-left: 3px solid #667eea;
    padding: 1rem 1.25rem;
    margin: 1.25rem 0;
    background: rgba(102, 126, 234, 0.03);
    border-radius: 0 6px 6px 0;
    font-style: italic;
    color: #495057;
    line-height: 1.5;
}

/* Code styling */
.dis-text code {
    background: #f1f5f9;
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
    font-family: 'SFMono-Regular', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
    font-size: 0.875em;
    color: #0f172a;
    border: 1px solid #e2e8f0;
}

/* Preformatted text */
.dis-text pre {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 1rem;
    overflow-x: auto;
    margin: 1rem 0;
    font-family: 'SFMono-Regular', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
    font-size: 0.875em;
    line-height: 1.4;
}

.dis-text pre code {
    background: transparent;
    padding: 0;
    border: none;
    border-radius: 0;
    font-size: inherit;
    color: inherit;
}

.dis-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    color: #6c757d;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 12px;
    border: 2px dashed #dee2e6;
    text-align: center;
}

.dis-empty i {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #adb5bd;
}

.dis-empty span {
    font-size: 0.95rem;
    font-weight: 500;
}

/* Mobile Responsive - Enhanced for better readability */
@media (max-width: 768px) {
    .dis-header {
        padding: 1.25rem 1rem;
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }

    .dis-icon {
        width: 45px;
        height: 45px;
        font-size: 1.25rem;
    }

    .dis-title {
        font-size: 1.25rem;
        margin-bottom: 0.125rem;
    }

    .dis-subtitle {
        font-size: 0.8rem;
    }

    .dis-content {
        padding: 1.25rem;
    }

    .dis-text {
        font-size: 0.95rem;
        line-height: 1.55;
    }

    /* Mobile heading hierarchy adjustments */
    .dis-text h1 {
        font-size: 1.5rem;
        margin: 1.5rem 0 0.75rem 0;
    }

    .dis-text h2 {
        font-size: 1.3rem;
        margin: 1.25rem 0 0.625rem 0;
    }

    .dis-text h3 {
        font-size: 1.15rem;
        margin: 1rem 0 0.5rem 0;
    }

    .dis-text h4,
    .dis-text h5,
    .dis-text h6 {
        font-size: 1rem;
        margin: 0.875rem 0 0.4375rem 0;
    }

    /* Mobile list spacing */
    .dis-text ul,
    .dis-text ol {
        margin: 0.5rem 0 0.75rem 0;
        padding-left: 1rem;
    }

    .dis-text li {
        margin-bottom: 0.25rem;
        line-height: 1.45;
        font-size: 0.9rem;
    }

    /* Mobile blockquote */
    .dis-text blockquote {
        padding: 0.75rem 1rem;
        margin: 1rem 0;
        font-size: 0.9rem;
    }

    /* Mobile code blocks */
    .dis-text code {
        font-size: 0.8rem;
        padding: 0.1rem 0.25rem;
    }

    .dis-text pre {
        padding: 0.75rem;
        font-size: 0.8rem;
        margin: 0.75rem 0;
    }

    .dis-empty {
        padding: 2rem 1.5rem;
    }
}

/* Dark Theme Support */
[data-theme="dark"] .dis-container {
    background: linear-gradient(145deg, #2a2a4a 0%, #1e1e2e 100%);
}

[data-theme="dark"] .dis-header {
    background: linear-gradient(135deg, #4c5fd5 0%, #6b46c1 100%);
}

[data-theme="dark"] .dis-content {
    background: #2d2d2d;
}

/* Dark Theme Support - Enhanced hierarchy */
[data-theme="dark"] .dis-text {
    color: #e2e8f0;
}

[data-theme="dark"] .dis-text strong,
[data-theme="dark"] .dis-text b {
    color: #f1f5f9;
}

[data-theme="dark"] .dis-text em,
[data-theme="dark"] .dis-text i {
    color: #94a3b8;
}

/* Dark theme heading hierarchy */
[data-theme="dark"] .dis-text h1 {
    color: #f8fafc;
    border-bottom-color: #4c5fd5;
}

[data-theme="dark"] .dis-text h2 {
    color: #e2e8f0;
}

[data-theme="dark"] .dis-text h3 {
    color: #cbd5e1;
}

[data-theme="dark"] .dis-text h4,
[data-theme="dark"] .dis-text h5,
[data-theme="dark"] .dis-text h6 {
    color: #94a3b8;
}

[data-theme="dark"] .dis-text code {
    background: #334155;
    color: #fbbf24;
    border-color: #475569;
}

[data-theme="dark"] .dis-text pre {
    background: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
}

[data-theme="dark"] .dis-text pre code {
    color: inherit;
}

[data-theme="dark"] .dis-text blockquote {
    background: rgba(76, 95, 213, 0.08);
    border-left-color: #4c5fd5;
    color: #94a3b8;
}

[data-theme="dark"] .dis-empty {
    background: linear-gradient(135deg, #374151 0%, #1f2937 100%);
    border-color: #4b5563;
    color: #9ca3af;
}

[data-theme="dark"] .dis-empty i {
    color: #6b7280;
}