:root{--primary-color:#2c3e50;--secondary-color:#3498db;--accent-color:#e74c3c;--light-color:#ecf0f1;--dark-color:#2c3e50;--success-color:#2ecc71;--warning-color:#f39c12;--box-shadow:0 2px 10px #0000001a;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#2c3e50;color:var(--dark-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}h1,h2,h3,h4{line-height:1.3;margin-bottom:1rem}button{background-color:#3498db;background-color:var(--secondary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}button:hover{opacity:.9;transform:translateY(-2px)}button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.app-container{display:flex;flex-direction:column;font-family:Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.app-header{background-color:#2c3e50;background-color:var(--primary-color);border-radius:8px;color:#fff;margin-bottom:2rem;padding:1.5rem 2rem;text-align:center}.app-header h1{color:#fff;margin-bottom:.5rem}.app-content{flex:1 1;margin:0 auto;max-width:1500px;padding:1rem;width:100%}.app-footer{background-color:#2c3e50;background-color:var(--primary-color);color:#fff;margin-top:auto;padding:1rem;text-align:center}.domain-indicator{align-items:center;display:flex;font-size:.9em;gap:1rem;margin-top:.5rem}.current-domain{background:#fff3;border-radius:15px;font-weight:500}.change-domain-btn,.current-domain{border:1px solid #ffffff4d;color:#fff;padding:.25rem .75rem}.change-domain-btn{background:#ffffff1a;border-radius:4px;cursor:pointer;font-size:.85em;transition:background-color .2s}.change-domain-btn:hover{background:#fff3}.domain-selection{margin:0 auto;max-width:1200px;padding:20px}.instructions-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.domain-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.domain-card{background-color:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:25px;transition:all .3s ease}.domain-card:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.domain-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.domain-header h3{color:#333;font-size:20px;margin:0}.task-type{background-color:#007bff;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.domain-instructions{margin-bottom:25px}.domain-instructions h4{color:#007bff;font-size:16px;margin:15px 0 10px}.domain-instructions ul{margin:10px 0;padding-left:20px}.domain-instructions li{line-height:1.5;margin-bottom:6px}.domain-instructions p{color:#666;font-style:italic;margin:10px 0}.domain-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s ease;width:100%}.domain-button.knowledge-distillation{background-color:#28a745;color:#fff}.domain-button.knowledge-distillation:hover{background-color:#218838}.domain-button.response-preference{background-color:#6f42c1;color:#fff}.domain-button.response-preference:hover{background-color:#5a32a3}.general-notes{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:20px;padding:20px}.general-notes h4{color:#856404;margin-top:0}.general-notes ul{margin-bottom:0}.general-notes li{color:#856404;margin-bottom:8px}@media (max-width:768px){.domain-grid{gap:20px;grid-template-columns:1fr}}.knowledge-distillation .two-column-layout{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:20px 0}.left-column{background-color:#f8f9fa;height:fit-content;padding:25px;position:sticky;top:20px}.left-column,.right-column{border:2px solid #e0e0e0;border-radius:12px;min-height:500px}.right-column{background-color:#fff;padding:20px}.answer-separator{background:linear-gradient(90deg,#007bff,#6f42c1,#007bff);border-radius:2px;height:3px;margin:30px 0;position:relative}.answer-separator:before{background-color:#fff;border:3px solid #007bff;content:"";height:40px;width:40px}.answer-separator:after,.answer-separator:before{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.answer-separator:after{align-items:center;background-color:#007bff;color:#fff;content:"VS";display:flex;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.polymer-details-structured{background-color:#e8f5e8;border-left:4px solid #28a745;border-radius:8px;font-family:Courier New,monospace;font-size:14px;line-height:1.5;padding:20px}.polymer-line{word-wrap:break-word;margin-bottom:5px}.question-container{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);margin-bottom:1.5rem;padding:1.5rem}.question-container h3{border-bottom:2px solid #ecf0f1;border-bottom:2px solid var(--light-color);color:#2c3e50;color:var(--primary-color);margin-bottom:1rem;padding-bottom:.5rem}.question-meta{background:#e8f4f8;border-radius:5px;margin-top:1rem;padding:1rem}.clickable-question{border-radius:5px;cursor:pointer;padding:1rem;transition:background-color .2s ease}.clickable-question:hover{background-color:#e8f5e8;box-shadow:0 2px 4px #0000001a}.clickable-question:after{content:" 🔄";opacity:0;transition:opacity .2s ease}.clickable-question:hover:after{opacity:1}.tab-navigation{border-bottom:2px solid #333;display:flex;gap:0;margin-bottom:2rem}.tab-button{background:#2c3e50;border:none;border-top:3px solid #0000;color:#fff;cursor:pointer;font-size:1em;padding:.75rem 1.5rem}.tab-button.active{background:#34495e;border-top-color:#4caf50;color:#fff;font-weight:700}.tab-button:disabled{background:#7f8c8d;color:#bdc3c7;cursor:not-allowed;opacity:.5}.preference-tab{margin-bottom:2rem}.preference-instruction{background:#f0f8ff;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.preference-option{border:1px solid #ddd;border-radius:8px;margin-bottom:1rem;overflow:hidden}.preference-header{align-items:center;background:#f9f9f9;display:flex;gap:.5rem;padding:1rem}.preference-header input[type=radio]{transform:scale(1.2)}.preference-label{cursor:pointer;font-size:1.1em;font-weight:700;margin:0}.preference-answer{background:#fff;border-top:1px solid #eee;padding:1rem}.preference-confirmation{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.continue-to-ratings-button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin-top:.5rem;padding:.75rem 1.5rem}.continue-to-ratings-button:hover{background:#45a049}.ratings-tab{margin-bottom:2rem}.answer-rating-container{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);margin-bottom:2rem;padding:1.5rem}.answer-rating-container h3{border-bottom:2px solid #ecf0f1;border-bottom:2px solid var(--light-color);color:#2c3e50;color:var(--primary-color);margin-bottom:1rem;padding-bottom:.5rem}.answer-rating-container h4{margin-bottom:.5rem;margin-top:1rem}.answer-text{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:5px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;margin-bottom:1rem;padding:1rem}.preference-rating-system{background:#fafafa;border:1px solid #ddd;border-radius:8px;margin-bottom:20px;padding:15px}.preference-rating-system.preferred-answer{background:#f8fff8;border-color:#4caf50}.preferred-badge{background:#4caf50;border-radius:15px;color:#fff;display:inline-block;font-size:.9em;font-weight:700;margin-bottom:15px;padding:5px 15px}.rating-criterion{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.criterion-label{font-weight:600;width:200px}.required{color:#e74c3c;font-weight:700}.rating-buttons{display:flex;gap:.5rem}.rating-button{align-items:center;background-color:#fff;border:2px solid #ddd;border-radius:4px;color:#2c3e50;color:var(--dark-color);cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;transition:var(--transition);width:40px}.rating-button:hover{background:#f0f8f0;border-color:#4caf50}.rating-button.selected{background:#4caf50;border-color:#4caf50;color:#fff}.comments-tab{margin-bottom:2rem}.general-comments-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);padding:1.5rem}.comment-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;line-height:1.5;min-height:120px;padding:.75rem;resize:vertical;width:100%}.action-buttons{background:#ffffffe6;border-radius:8px;display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;padding:1rem}.record-button{background-color:#2ecc71;background-color:var(--success-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:180px;padding:1rem 2rem;transition:all .3s ease}.record-button:disabled{background-color:#a8e6bc;color:#2c3e50;cursor:not-allowed}.record-button:hover:not(:disabled){background-color:#27ae60;transform:translateY(-2px)}.next-button{background-color:#3498db;background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:220px;padding:1rem 2rem;transition:all .3s ease}.next-button:disabled{background-color:#bdc3c7;color:#7f8c8d;cursor:not-allowed}.next-button:hover:not(:disabled){background-color:#2980b9;transform:translateY(-2px)}.error,.loading{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--box-shadow);padding:2rem;text-align:center}.error{color:#e74c3c;color:var(--accent-color)}@media (max-width:768px){.domain-buttons{align-items:center;flex-direction:column}.domain-indicator{gap:.5rem}.domain-indicator,.rating-criterion{align-items:flex-start;flex-direction:column}.criterion-label{margin-bottom:.5rem;width:100%}.rating-buttons{justify-content:space-between;width:100%}.action-buttons{flex-direction:column;gap:1rem}}@media (max-width:480px){.app-content{padding:1rem}.domain-button{padding:1.5rem;width:100%}}
/*# sourceMappingURL=main.b01fbb7a.css.map*/