*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;background-color:#f9f9f9}.eval-list{padding:20px;width:100%;max-width:1200px;margin:0 auto}.eval-controls{margin-bottom:30px;display:flex;gap:20px;padding:20px;background-color:#f5f5f5;border-radius:8px}.search-input{flex:1;padding:12px 20px;font-size:16px;border:2px solid #ddd;border-radius:4px;min-width:300px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#2563eb}.search-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.sort-select{padding:12px 20px;font-size:16px;border:2px solid #ddd;border-radius:4px;min-width:200px;cursor:pointer}.sort-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.eval-grid{display:flex;flex-direction:column;gap:20px}.eval-card{padding:30px;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.eval-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.eval-card h3{font-size:24px;margin:0 0 15px;color:#333}.eval-type{font-size:18px;color:#666;margin:10px 0}.eval-meta{font-size:16px;color:#888}.loading-state{text-align:center;padding:40px;color:#666;font-size:18px}.error-state{text-align:center;padding:40px;color:#dc2626;display:flex;flex-direction:column;align-items:center;gap:20px}.retry-button{padding:10px 20px;background-color:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s ease}.retry-button:hover{background-color:#b91c1c}.no-results{text-align:center;padding:40px;color:#666;font-size:18px;background-color:#f5f5f5;border-radius:8px}@media (max-width: 768px){.eval-controls{flex-direction:column}.search-input,.sort-select{width:100%;min-width:unset}}.stats-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.metric-section h2{margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb;font-size:1.25rem;color:#1f2937}.stats-table-container{overflow-x:auto}.summary-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.summary-table th,.summary-table td{padding:.75rem;border-bottom:1px solid #e5e7eb}.summary-table th{background:#f9fafb;font-weight:600;color:#374151}.podcast-id-cell{color:#2563eb;cursor:pointer;text-decoration:underline;font-family:monospace}.podcast-id-cell:hover{color:#1d4ed8}.change-positive{color:#059669;font-weight:500}.change-negative{color:#dc2626;font-weight:500}@media (max-width: 640px){.stats-container{grid-template-columns:1fr}.summary-table th,.summary-table td{padding:.5rem;font-size:.75rem}}.podcasts-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-top:2rem}.podcasts-section h2{margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb;font-size:1.25rem;color:#1f2937}.podcast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.podcast-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;gap:1rem}.podcast-card:hover{transform:translateY(-2px);border-color:#2563eb;background:#fff;box-shadow:0 4px 6px -1px #0000001a}.podcast-details{display:flex;flex-direction:column;gap:.5rem}.podcast-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;color:#2563eb;word-break:break-all}.version-count{font-size:.75rem;color:#6b7280}.version-badges{display:flex;gap:.5rem;flex-wrap:wrap}.version-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.version-badge.base{background:#dbeafe;color:#1e40af}.version-badge.test{background:#dcfce7;color:#166534}.card-arrow{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:#2563eb;font-size:1.25rem;opacity:0;transition:all .2s ease}.podcast-card:hover .card-arrow{opacity:1;transform:translate(4px,-50%)}.eval-summary{padding:2rem;max-width:1600px;margin:0 auto}.eval-detail{max-width:1600px;margin:0 auto;padding:20px}.eval-header{margin-bottom:2rem}.back-button{background-color:#2563eb;color:#fff;padding:.75rem 1.25rem;border-radius:.5rem;font-size:1rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.back-button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.back-button:active{transform:translateY(0)}.section-content{padding:15px;border-top:1px solid #ddd}.overview,.stats,.transcript-content,.show-notes-content,.additional-info{flex:1;display:flex;flex-direction:column}.podcast-comparison{margin-bottom:30px;background:#f5f5f5;padding:20px;border-radius:8px}.podcast-comparison h2{margin:0 0 20px;font-size:20px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.transcript-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.section{margin-bottom:15px;border:1px solid #ddd;border-radius:4px}.section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:none;border:none;cursor:pointer;text-align:left}.section-header:hover{background:#f5f5f5}.section-header h3{margin:0;font-size:16px;font-weight:700}.toggle-icon{font-size:12px}.section-content{padding:15px;border-top:1px solid #ddd;transition:min-height .3s ease}.transcript-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.transcript-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.dialogue{margin-bottom:10px}.speaker{font-weight:700;color:#2563eb}.show-notes{list-style:none;padding:0;margin:0}.show-notes li{margin-bottom:8px;word-break:break-all;text-align:left}.overview h4{margin:0 0 8px;font-size:14px;color:#666}.overview p{margin:0 0 15px}.additional-info p{margin:0 0 8px}.missing-transcript{padding:30px;text-align:center;color:#666;background:#f5f5f5;border-radius:4px}.loading{text-align:center;padding:30px;font-size:18px}.error-container{text-align:center;padding:30px}.error-container h3{margin:0 0 15px;color:#dc2626}.podcast-id{font-size:14px;color:#666;margin:5px 0 15px}.linkable-line{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 8px;margin:0 -8px;border-radius:4px;position:relative}.linkable-line:hover{background-color:#f5f5f5}.linkable-line .copy-link-button{opacity:0;padding:2px 6px;font-size:14px;color:#666;transition:opacity .2s ease}.linkable-line:hover .copy-link-button{opacity:1}.linkable-line.highlighted{background-color:#ffff001a;border-left:3px solid #ffd700}.linkable-line>div{flex:1}@media (max-width: 1024px){.comparison-grid{grid-template-columns:1fr}}@media (max-width: 600px){.eval-header{flex-direction:column;align-items:flex-start;gap:16px}.back-button{margin-right:0}.header-content{width:100%}.header-content h1{font-size:20px}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background-color:#333;color:#fff;padding:1rem}.header-content{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.app-title{margin:0;cursor:pointer;font-size:24px}.user-info{display:flex;align-items:center;gap:20px;font-size:16px}.logout-button{background-color:transparent;border:1px solid white;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:16px}.logout-button:hover{background-color:#ffffff1a}