:root{--bg-dark:#faf8f5;--bg-card:#fff;--bg-sidebar:#f0ebe1;--accent-primary:#8b7355;--accent-secondary:#6e7b6d;--text-main:#2c2a29;--text-muted:#736d68;--glass-border:#8b735526;--glass-shadow:0 4px 20px 0 #8b73550d;--radius-lg:16px;--radius-md:12px;--spacing-lg:32px;--spacing-md:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,.logo span{font-family:Outfit,sans-serif;font-weight:700}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-sidebar);width:260px;padding:var(--spacing-lg);border-right:1px solid var(--glass-border);flex-direction:column;display:flex}.logo{color:var(--accent-secondary);align-items:center;gap:12px;margin-bottom:40px;font-size:1.5rem;display:flex}.logo i{filter:drop-shadow(0 0 8px var(--accent-secondary))}nav ul{list-style:none}nav li{margin-bottom:8px}nav a{color:var(--text-muted);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .3s;display:flex}nav li.active a,nav a:hover{background:var(--bg-card);color:var(--accent-primary)}nav li.active i{color:var(--accent-primary)}.user-profile{background:var(--bg-card);border-radius:var(--radius-md);align-items:center;gap:12px;margin-top:auto;padding:16px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-size:.9rem;font-weight:600}.user-status{color:var(--text-muted);font-size:.75rem}.app-view{animation:.4s ease-out fadeIn;display:none}.app-view.active{display:block}.nav-item{cursor:pointer}.main-content{padding:var(--spacing-lg) 60px;flex:1;height:100vh;overflow-y:auto}header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.welcome-text h1{background:linear-gradient(90deg, var(--text-main), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.2rem}.welcome-text p{color:var(--text-muted)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px}.stat-card .label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}.stat-card .value{color:var(--text-main);font-size:1.8rem;font-weight:700}.readers-section{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:30px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filters{color:var(--text-muted);font-size:.9rem}.filters select{background:var(--bg-card);color:var(--text-main);border:1px solid var(--glass-border);border-radius:8px;outline:none;padding:6px 12px}.readers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.reader-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:20px;transition:transform .3s,border-color .3s;animation:.5s ease-out forwards fadeIn}.reader-card:hover{border-color:var(--accent-primary);box-shadow:var(--glass-shadow);background:#fff;transform:translateY(-5px)}.card-header{align-items:center;gap:15px;margin-bottom:15px;display:flex}.reader-avatar{width:50px;height:50px;color:var(--accent-primary);background:#e8e3d8;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.reader-info h4{color:var(--text-main);font-size:1.1rem}.genre-tag{color:var(--accent-primary);background:#7c4dff33;border-radius:4px;padding:2px 8px;font-size:.75rem}.card-body p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:15px;font-size:.85rem;display:-webkit-box;overflow:hidden}.card-stats{border-top:1px solid var(--glass-border);justify-content:space-between;padding-top:12px;font-size:.8rem;display:flex}.severity-meter{flex:1}.meter-bar{background:#e8e3d8;border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--accent-secondary), var(--accent-primary));height:100%}.empty-state{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:60px}.empty-state i{opacity:.3;margin-bottom:20px;font-size:3rem}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.primary-btn{background:linear-gradient(135deg, var(--accent-primary), #a68f73);color:#fff;box-shadow:0 4px 15px #8b73554d}.primary-btn:hover{transform:scale(1.02);box-shadow:0 6px 20px #8b735566}.secondary-btn{background:var(--bg-card);color:var(--text-main);border:1px solid var(--glass-border)}.secondary-btn:hover{background:#f5f2eb}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--glass-border);width:500px;max-width:90%;max-height:90vh;box-shadow:var(--glass-shadow);padding:30px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.close-modal{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.form-group{margin-bottom:20px}.form-row{gap:20px;display:flex}.form-row .form-group{flex:1}label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;display:block}input[type=text],select,textarea{background:var(--bg-dark);border:1px solid var(--glass-border);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:12px}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary)}.range-labels{color:var(--text-muted);justify-content:space-between;margin-top:8px;font-size:.7rem;display:flex}.form-actions{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.file-upload-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:var(--bg-dark);margin:15px 0 25px;padding:30px;transition:all .3s}.file-upload-zone:hover,.file-upload-zone.dragover{border-color:var(--accent-primary);background:#f5f2eb}.file-upload-zone i{color:var(--text-muted);margin-bottom:10px;font-size:2.5rem}.file-upload-zone p{color:var(--text-muted);font-size:.9rem}.file-upload-zone span{color:var(--accent-secondary);text-decoration:underline}.simulation-workspace{grid-template-columns:2fr 1fr;gap:30px;margin-bottom:40px;display:grid}.workspace-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--glass-border);height:100%;padding:24px}.editor-side textarea{resize:none;height:400px;color:var(--text-main);background:#fff;margin-top:10px;font-family:Inter,sans-serif;font-size:1rem;line-height:1.8}.editor-footer{justify-content:space-between;align-items:center;margin-top:20px;display:flex}#word-count{color:var(--text-muted);font-size:.85rem}.selection-list{max-height:300px;margin-top:20px;overflow-y:auto}.selection-item{background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:8px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;transition:background .2s;display:flex}.selection-item:hover{background:#f0ebe1}.selection-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.small-info{color:var(--text-muted);font-size:.8rem}.sim-progress-card{border-radius:var(--radius-lg);border:1px solid var(--accent-primary);background:#fdfaf6;margin-top:20px;padding:24px;box-shadow:0 4px 15px #8b73551a}.sim-progress-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.btn-stop{color:#ff5252;cursor:pointer;background:#ff52521a;border:1px solid #ff52524d;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.btn-stop:hover{background:#ff525233;border-color:#ff5252}.progress-container{background:#e8e3d8;border-radius:4px;height:8px;margin:15px 0;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--accent-secondary), var(--accent-primary));width:0%;height:100%;transition:width .3s}#sim-status-text{color:var(--accent-secondary);font-size:.85rem;font-weight:500}.results-area{margin-top:40px;animation:.8s ease-out fadeIn}.feedbacks-results{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-top:20px;display:grid}.feedback-card{background:var(--bg-card);border-left:4px solid var(--accent-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:24px}.feedback-card.positive{border-left-color:#00e676}.feedback-card.negative{border-left-color:#ff5252}.feedback-card.neutral{border-left-color:#ffd740}.feedback-header{justify-content:space-between;margin-bottom:15px;display:flex}.feedback-meta{color:var(--text-muted);font-size:.8rem}.feedback-content{color:var(--text-main);font-style:italic}.hidden{display:none!important}.btn-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:5px;font-size:1rem;transition:color .2s}.btn-icon:hover{color:var(--text-main)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:30px;display:grid}.blog-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--glass-border);transition:transform .3s,box-shadow .3s;overflow:hidden}.blog-card:hover{border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 10px 30px #8b735526}.blog-img{width:100%;height:160px}.blog-content{padding:24px}.blog-date{color:var(--accent-secondary);margin-bottom:10px;font-size:.8rem;font-weight:600;display:block}.blog-content h3{margin-bottom:15px;font-size:1.2rem;line-height:1.4}.blog-content p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.rating-stars{gap:4px;margin-right:10px;display:inline-flex}.star{color:#444;font-size:1rem}.star.filled{color:#ffd740;text-shadow:0 0 5px #ffd74080}@media screen and (width<=900px){.app-container{flex-direction:column}.sidebar{z-index:1000;background-color:var(--bg-sidebar);border-right:none;border-bottom:1px solid var(--glass-border);flex-flow:wrap;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;display:flex;position:sticky;top:0;box-shadow:0 4px 10px #0000000d}.logo{margin-bottom:0;font-size:1.2rem}.user-profile{background:0 0;margin-top:0;padding:0}.user-info{display:none}.avatar{width:35px;height:35px}nav{width:100%;margin-top:10px}nav ul{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:8px;padding-bottom:5px;display:flex;overflow-x:auto}nav ul::-webkit-scrollbar{display:none}nav li{flex-shrink:0;margin-bottom:0}nav a{white-space:nowrap;padding:8px 12px;font-size:.9rem}.main-content{height:auto;padding:20px;overflow-y:visible}header{flex-direction:column;align-items:flex-start;gap:15px}.header-btns{flex-wrap:wrap;width:100%}.header-btns .btn{text-align:center;flex:1;justify-content:center}.simulation-workspace{grid-template-columns:1fr}.editor-side textarea{height:250px}.feedbacks-results{grid-template-columns:1fr}.modal-content{width:95%;padding:20px}}