*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}header{background-color:#fff;border-bottom:2px solid #e0e0e0;padding:20px 0;margin-bottom:30px}header h1{font-size:2rem;color:#2c3e50}.controls{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 4px #0000001a}.controls-row{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap;align-items:center}.controls-row input[type=text]{flex:1;min-width:250px;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:1rem}.controls-row label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.controls-row input[type=checkbox]{width:18px;height:18px;cursor:pointer}.controls-row input[type=date]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;cursor:pointer}.button-group{display:flex;gap:10px;flex-wrap:wrap}button{padding:10px 20px;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover:not(:disabled){background-color:#229954}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#7f8c8d}.stats{background-color:#ecf0f1;padding:15px;border-radius:4px;margin-bottom:20px;display:flex;gap:20px;flex-wrap:wrap}.stats span{font-weight:600}.article-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.article-item{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;gap:15px}.article-item:last-child{border-bottom:none}.article-checkbox{flex-shrink:0;margin-top:5px}.article-checkbox input{width:20px;height:20px;cursor:pointer}.article-content{flex:1}.article-header{display:flex;align-items:start;gap:10px;margin-bottom:10px}.article-title{flex:1}.article-title a{color:#2c3e50;text-decoration:none;font-size:1.1rem;font-weight:600}.article-title a:hover{color:#3498db;text-decoration:underline}.tone-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;white-space:nowrap}.tone-positive{background-color:#d5f4e6;color:#27ae60}.tone-neutral{background-color:#fef5e7;color:#f39c12}.tone-negative{background-color:#fadbd8;color:#e74c3c}.article-meta{color:#7f8c8d;font-size:.9rem;margin-bottom:10px}.article-snippet{color:#555;margin-bottom:10px;line-height:1.5}.article-rationale{background-color:#f8f9fa;padding:10px;border-left:3px solid #3498db;font-size:.9rem;color:#555;font-style:italic}.article-citation{margin-top:10px;padding-top:10px;border-top:1px solid #eee;font-size:.85rem;color:#7f8c8d}.loading{text-align:center;padding:40px;font-size:1.2rem;color:#7f8c8d}.error{background-color:#fadbd8;color:#e74c3c;padding:15px;border-radius:4px;margin-bottom:20px}.empty-state{text-align:center;padding:60px 20px;color:#7f8c8d}.empty-state h2{margin-bottom:10px}