*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1200px;margin:0 auto}h1{color:#fff;text-align:center;margin-bottom:30px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.input-section{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0003;margin-bottom:20px}.input-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600;color:#333}input[type=text]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:all .3s ease}input[type=text]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}button:disabled{opacity:.6;cursor:not-allowed}.error{background:#ff5252;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.results-section{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0003}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.results-header h2{color:#333;font-size:1.8rem}.stats-panel{margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff}.stats-panel h3{margin:0 0 15px;font-size:1.3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.stat-card{background:#ffffff26;padding:15px;border-radius:8px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-value{font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.9}.filter-sort-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:10px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-size:14px;font-weight:600;color:#555}.filter-input,.filter-select{padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.filter-input:focus,.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-input::placeholder{color:#999}.export-btn-csv,.export-btn-json,.export-btn-excel,.export-btn-pdf{width:auto;padding:10px 16px;font-size:14px}.export-btn-csv{background:#4caf50}.export-btn-csv:hover{background:#45a049}.export-btn-json{background:#ff9800}.export-btn-json:hover{background:#f57c00}.export-btn-excel{background:#217346}.export-btn-excel:hover{background:#1a5c37}.export-btn-pdf{background:#d32f2f}.export-btn-pdf:hover{background:#b71c1c}.fetch-all-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);width:auto}.fetch-all-btn:hover{background:linear-gradient(135deg,#ee5a6f,#ff6b6b);box-shadow:0 5px 15px #ff6b6b66}.comments-list{display:grid;gap:20px}.comment-card{border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease;background:#fafafa}.comment-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.comment-author{display:flex;align-items:center;gap:12px;margin-bottom:12px}.comment-author img{width:48px;height:48px;border-radius:50%;object-fit:cover}.comment-author strong{display:block;color:#333;font-size:16px}.comment-date{display:block;color:#666;font-size:12px;margin-top:2px}.comment-text{color:#444;line-height:1.6;margin-bottom:12px;word-wrap:break-word}.comment-meta{color:#666;font-size:14px;display:flex;gap:15px}.load-more-btn{margin-top:20px;background:#2196f3}.load-more-btn:hover{background:#1976d2}@media (max-width: 768px){h1{font-size:2rem}.input-section,.results-section{padding:20px}.results-header{flex-direction:column;gap:15px;align-items:flex-start}.export-btn-csv,.export-btn-json{width:100%}.app.theme-dark .input-section,.app.theme-dark .results-section{background:#1e1e1e}.app.theme-dark .comment-card{background:#252525}}@media (max-width: 768px){.app{padding:10px}h1{font-size:1.8rem;margin-bottom:20px}.input-section{padding:20px 15px}.input-group{margin-bottom:15px}.results-section{padding:20px 15px}.results-header{flex-direction:column;align-items:flex-start;gap:15px;padding-bottom:15px}.results-header h2{font-size:1.4rem}.export-btn-csv,.export-btn-json{width:100%;padding:12px;font-size:14px}.stats-panel{padding:15px}.stats-panel h3{font-size:1.1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:12px}.stat-value{font-size:1.5rem}.stat-label{font-size:.8rem}.filter-sort-section{grid-template-columns:1fr;gap:10px;padding:15px}.filter-input,.filter-select{font-size:16px;padding:12px}.comment-card{padding:12px}.comment-author{gap:10px}.comment-author img{width:35px;height:35px}.comment-author strong{font-size:14px}.comment-date{font-size:11px}.comment-text{font-size:14px;line-height:1.5}.comment-meta{font-size:12px}button{padding:12px;font-size:15px}.load-more-btn{width:100%;margin-top:15px}}@media (max-width: 480px){h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.stat-value{font-size:1.3rem}input[type=text]{font-size:16px}}.app.theme-dark{background:linear-gradient(135deg,#1a1a2e,#16213e)}.app.theme-dark h1{color:#e8e8e8}.app.theme-dark .input-section,.app.theme-dark .results-section{background:#1e1e1e;color:#e8e8e8}.app.theme-dark label{color:#e8e8e8}.app.theme-dark input[type=text],.app.theme-dark .filter-input,.app.theme-dark .filter-select{background:#2d2d2d;border-color:#444;color:#e8e8e8}.app.theme-dark input[type=text]:focus,.app.theme-dark .filter-input:focus,.app.theme-dark .filter-select:focus{border-color:#667eea}.app.theme-dark .filter-sort-section{background:#252525}.app.theme-dark .comment-card{background:#252525;border-color:#444;color:#e8e8e8}.app.theme-dark .comment-card:hover{background:#2d2d2d}.app.theme-dark .results-header h2,.app.theme-dark .comment-author strong,.app.theme-dark .comment-text{color:#e8e8e8}.app.theme-dark .comment-date,.app.theme-dark .comment-meta{color:#b0b0b0}.app.theme-blue{background:linear-gradient(135deg,#1e3c72,#2a5298)}.app.theme-blue button,.app.theme-blue .stats-panel{background:linear-gradient(135deg,#2196f3,#1976d2)}.app.theme-blue input[type=text]:focus,.app.theme-blue .filter-input:focus,.app.theme-blue .filter-select:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.app.theme-blue .fetch-all-btn{background:linear-gradient(135deg,#1976d2,#1565c0)}.app.theme-blue .load-more-btn{background:#1976d2}.app.theme-green{background:linear-gradient(135deg,#0f5132,#198754)}.app.theme-green button,.app.theme-green .stats-panel{background:linear-gradient(135deg,#28a745,#20c997)}.app.theme-green input[type=text]:focus,.app.theme-green .filter-input:focus,.app.theme-green .filter-select:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.app.theme-green .fetch-all-btn{background:linear-gradient(135deg,#20c997,#198754)}.app.theme-green .load-more-btn{background:#198754}.app.theme-purple{background:linear-gradient(135deg,#4a148c,#7b1fa2)}.app.theme-purple button,.app.theme-purple .stats-panel{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.app.theme-purple input[type=text]:focus,.app.theme-purple .filter-input:focus,.app.theme-purple .filter-select:focus{border-color:#9c27b0;box-shadow:0 0 0 3px #9c27b01a}.app.theme-purple .fetch-all-btn{background:linear-gradient(135deg,#7b1fa2,#6a1b9a)}.app.theme-purple .load-more-btn{background:#7b1fa2}.app.theme-pink{background:linear-gradient(135deg,#c2185b,#e91e63)}.app.theme-pink button,.app.theme-pink .stats-panel{background:linear-gradient(135deg,#e91e63,#c2185b)}.app.theme-pink input[type=text]:focus,.app.theme-pink .filter-input:focus,.app.theme-pink .filter-select:focus{border-color:#e91e63;box-shadow:0 0 0 3px #e91e631a}.app.theme-pink .fetch-all-btn{background:linear-gradient(135deg,#c2185b,#ad1457)}.app.theme-pink .load-more-btn{background:#c2185b}body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}