body{margin:0}.home-page{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;padding:40px 20px;text-align:center}.logo-section{margin:0 auto;max-width:1200px}.logo{font-size:48px;font-weight:700;letter-spacing:-1px;margin:0}.tagline{font-size:18px;font-weight:300;margin:8px 0 0;opacity:.95}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:60px 20px;width:100%}.hero{margin-bottom:60px;text-align:center}.hero-title{color:#1a202c;font-size:36px;font-weight:700;margin-bottom:16px}.hero-subtitle{color:#4a5568;font-size:20px;line-height:1.6;margin:0 auto;max-width:700px}.features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:60px}.feature-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px;position:relative;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:0 4px 16px #667eea26;transform:translateY(-4px)}.feature-card.coming-soon{opacity:.7}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{color:#1a202c;font-size:22px;font-weight:600;margin-bottom:12px}.feature-card p{color:#4a5568;line-height:1.6;margin-bottom:20px}.feature-link{color:#667eea;display:inline-block;font-weight:600;text-decoration:none;transition:color .2s}.feature-link:hover{color:#764ba2}.coming-soon-badge{background:#fbbf24;border-radius:12px;color:#78350f;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.getting-started{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:40px;padding:40px}.getting-started h3{color:#1a202c;font-size:28px;font-weight:600;margin-bottom:32px;text-align:center}.steps{display:flex;flex-direction:column;gap:24px}.step{align-items:flex-start;display:flex;gap:20px}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h4{color:#1a202c;font-size:18px;font-weight:600;margin-bottom:8px}.step-content p{color:#4a5568;line-height:1.6;margin:0}.about{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:40px;padding:40px}.about h3{color:#1a202c;font-size:28px;font-weight:600;margin-bottom:20px}.about p{color:#4a5568;font-size:16px;line-height:1.8;margin-bottom:16px}.about p:last-child{margin-bottom:0}.feedback-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;padding:40px;text-align:center}.feedback-section h3{font-size:28px;font-weight:600;margin-bottom:16px}.feedback-section p{font-size:16px;line-height:1.6;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.95}.feedback-button{background:#fff;border-radius:8px;color:#667eea;display:inline-block;font-weight:600;padding:12px 32px;text-decoration:none;transition:transform .2s,box-shadow .2s}.feedback-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.footer{background:#1a202c;color:#a0aec0;margin-top:auto;padding:32px 20px;text-align:center}.footer p{margin-bottom:12px}.footer-links{align-items:center;display:flex;gap:8px;justify-content:center}.footer-links a{color:#a0aec0;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#667eea}.separator{color:#4a5568}@media (max-width:768px){.logo{font-size:36px}.tagline{font-size:16px}.hero-title{font-size:28px}.hero-subtitle{font-size:18px}.features{grid-template-columns:1fr}.about,.feedback-section,.getting-started{padding:24px}.about h3,.feedback-section h3,.getting-started h3{font-size:24px}}.feedback-viewer{background:#f8f9fa;min-height:100vh;padding-bottom:40px}.viewer-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;padding:32px 20px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.viewer-header h1{font-size:32px;font-weight:700;margin:0}.back-link{align-items:center;border-radius:6px;color:#fff;display:flex;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:background .2s}.back-link:hover{background:#ffffff1a}.viewer-content{margin:0 auto;max-width:1200px;padding:40px 20px}.search-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:40px;padding:32px}.search-section h2{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:8px}.search-section p{color:#4a5568;line-height:1.6;margin-bottom:24px}.search-form{display:flex;gap:12px;max-width:500px}.search-input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:16px;padding:12px 16px;transition:border-color .2s}.search-input:focus{border-color:#667eea;outline:none}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:transform .2s,box-shadow .2s}.search-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.search-button:disabled{cursor:not-allowed;opacity:.6}.loading{padding:60px 20px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;margin:0 auto 20px;width:48px}.loading p{color:#4a5568;font-size:16px}.error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;margin-bottom:24px;padding:16px}.results-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.results-header h2{color:#1a202c;font-size:24px;font-weight:600;margin:0}.graph-count{color:#4a5568;font-size:16px}.graphs-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.graph-item{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.graph-header{margin-bottom:16px}.graph-title{color:#1a202c;font-size:18px;font-weight:600;margin-bottom:8px}.graph-meta{color:#718096;display:flex;flex-wrap:wrap;font-size:14px;gap:16px}.graph-meta span{align-items:center;display:flex;gap:4px}.graph-image-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;overflow:hidden;position:relative}.graph-image{display:block;height:auto;width:100%}.graph-actions{display:flex;flex-wrap:wrap;gap:12px}.action-button{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s}.action-button:hover{background:#667eea;color:#fff}.action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.action-button.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.empty-state{color:#718096;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#1a202c;font-size:20px;font-weight:600;margin-bottom:12px}.empty-state p{font-size:16px;line-height:1.6;margin:0 auto;max-width:500px}.help-section{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:40px;padding:24px}.help-section h3{color:#1e40af;font-size:18px;font-weight:600;margin-bottom:12px}.help-section p{color:#1e3a8a;line-height:1.6;margin-bottom:16px}.help-section a{color:#1e40af;font-weight:600;text-decoration:none}.help-section a:hover{text-decoration:underline}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:16px}.viewer-header h1{font-size:24px}.search-form{flex-direction:column;max-width:100%}.search-button{width:100%}.graphs-grid{grid-template-columns:1fr}.results-header{align-items:flex-start}.graph-actions,.results-header{flex-direction:column}.action-button{width:100%}}.rankings-viewer{background:#f8f9fa;min-height:100vh;padding-bottom:40px}.rankings-viewer .viewer-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px #0000001a;color:#fff;padding:32px 20px}.rankings-viewer .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.rankings-viewer .viewer-header h1{font-size:32px;font-weight:700;margin:0}.rankings-viewer .back-link{align-items:center;border-radius:6px;color:#fff;display:flex;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:background .2s}.rankings-viewer .back-link:hover{background:#ffffff1a}.rankings-viewer .viewer-content{margin:0 auto;max-width:1200px;padding:40px 20px}.rankings-viewer .search-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:40px;padding:32px}.rankings-viewer .search-section h2{color:#1a202c;font-size:24px;font-weight:600;margin-bottom:8px}.rankings-viewer .search-section p{color:#4a5568;line-height:1.6;margin-bottom:24px}.rankings-viewer .search-form{max-width:100%}.rankings-viewer .input-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.rankings-viewer .search-input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:16px;min-width:200px;padding:12px 16px;transition:border-color .2s}.rankings-viewer .search-input:focus{border-color:#667eea;outline:none}.rankings-viewer .or-text{color:#718096;font-weight:600;padding:0 8px}.rankings-viewer .search-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.rankings-viewer .search-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.rankings-viewer .search-button:disabled{cursor:not-allowed;opacity:.6}.rankings-viewer .loading{padding:60px 20px;text-align:center}.rankings-viewer .loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;margin:0 auto 20px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.rankings-viewer .loading p{color:#4a5568;font-size:16px}.rankings-viewer .error-message{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;margin-top:16px;padding:16px}.rankings-viewer .results-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:40px;padding:32px}.rankings-viewer .results-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.rankings-viewer .results-header h2{color:#1a202c;font-size:24px;font-weight:600;margin:0}.rankings-viewer .event-info{color:#4a5568;display:flex;flex-wrap:wrap;font-size:14px;gap:24px}.rankings-viewer .event-info span{align-items:center;display:flex;gap:4px}.rankings-viewer .rankings-grid{display:flex;flex-direction:column;gap:32px}.rankings-viewer .ranking-table-container{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.rankings-viewer .ensemble-header{margin-bottom:20px}.rankings-viewer .ensemble-header h3{color:#1a202c;font-size:20px;font-weight:600;margin-bottom:8px}.rankings-viewer .ensemble-stats{color:#4a5568;display:flex;flex-wrap:wrap;font-size:14px;gap:20px}.rankings-viewer .ranking-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.rankings-viewer .table-header,.rankings-viewer .table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:120px 100px 100px 1fr;padding:12px 16px}.rankings-viewer .table-header{background:#f8f9fa;border-bottom:2px solid #e2e8f0;color:#1a202c;font-weight:600}.rankings-viewer .table-row{border-bottom:1px solid #f1f3f5}.rankings-viewer .table-row:last-child{border-bottom:none}.rankings-viewer .table-row:hover{background:#f8f9fa}.rankings-viewer .rank-col{color:#1a202c;font-weight:600}.rankings-viewer .count-col,.rankings-viewer .percentage-col{color:#4a5568;text-align:center}.rankings-viewer .bar-col{min-width:0}.rankings-viewer .bar-container{background:#e2e8f0;border-radius:4px;height:28px;overflow:hidden;position:relative}.rankings-viewer .bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease}.rankings-viewer .bar-label{color:#fff;font-size:12px;font-weight:600;left:8px;position:absolute;text-shadow:0 1px 2px #0000004d;top:50%;transform:translateY(-50%);z-index:1}.rankings-viewer .help-section{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:24px}.rankings-viewer .help-section h3{color:#1e40af;font-size:18px;font-weight:600;margin-bottom:12px}.rankings-viewer .help-section p{color:#1e3a8a;line-height:1.6;margin-bottom:12px}.rankings-viewer .help-section p:last-child{margin-bottom:0}@media (max-width:768px){.rankings-viewer .header-content{align-items:flex-start;flex-direction:column;gap:16px}.rankings-viewer .viewer-header h1{font-size:24px}.rankings-viewer .input-row{flex-direction:column;width:100%}.rankings-viewer .search-input{width:100%}.rankings-viewer .or-text{align-self:center}.rankings-viewer .search-button{width:100%}.rankings-viewer .results-header{align-items:flex-start;flex-direction:column}.rankings-viewer .event-info{flex-direction:column;gap:8px}.rankings-viewer .table-header,.rankings-viewer .table-row{font-size:14px;gap:8px;grid-template-columns:80px 70px 70px 1fr;padding:12px 8px}.rankings-viewer .bar-label{font-size:11px}.rankings-viewer .ensemble-stats{flex-direction:column;gap:4px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}a,button,input,select,textarea{transition:all .2s ease-in-out}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}
/*# sourceMappingURL=main.14986753.css.map*/