*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;line-height:1.5;color:#1f2328;background-color:#fff}.container{max-width:1280px;margin:0 auto;padding:20px}.header{border-bottom:1px solid #d1d9e0;padding-bottom:16px;margin-bottom:24px}.header h1{font-size:32px;font-weight:600;margin-bottom:8px}.header p{color:#656d76;font-size:16px}.commit-selector{display:flex;gap:24px;margin-bottom:32px;padding:16px;background-color:#f6f8fa;border:1px solid #d1d9e0;border-radius:6px}.commit-selector-item{flex:1}.commit-selector-item label{display:block;font-weight:600;margin-bottom:8px;color:#1f2328}.commit-info{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.commit-card{padding:16px;border:1px solid #d1d9e0;border-radius:6px;background-color:#fff}.commit-card h3{font-size:16px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.commit-sha{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;padding:2px 6px;background-color:#eff2f5;border-radius:3px}.commit-message{margin-bottom:8px}.commit-title{font-weight:600;color:#1f2328;margin-bottom:4px}.commit-body{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-weight:400;font-size:12px;color:#656d76;margin:0;padding:8px 12px;background-color:#f6f8fa;border-radius:4px;border-left:3px solid #d1d9e0;overflow-x:auto;white-space:pre}.commit-meta{display:flex;flex-direction:column;gap:4px;color:#656d76;font-size:12px}.commit-link{color:#0969da;text-decoration:none;font-size:12px;margin-top:8px;display:inline-block}.commit-link:hover{text-decoration:underline}.score-comparison{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:32px}.score-card{padding:16px;border:1px solid #d1d9e0;border-radius:6px;text-align:center;background-color:#fff}.score-card h4{font-size:14px;color:#656d76;margin-bottom:8px;font-weight:400}.score-value{font-size:32px;font-weight:600;margin-bottom:4px}.score-change{font-size:14px;font-weight:500}.positive{color:#1a7f37}.negative{color:#d1242f}.neutral{color:#656d76}.benchmark-table{width:100%;border-collapse:separate;border-spacing:0;background-color:#fff;border:1px solid #d1d9e0;border-radius:6px;overflow:hidden}.benchmark-table thead{background-color:#f6f8fa;position:sticky;top:0;z-index:5;box-shadow:0 1px #d1d9e0}.benchmark-table th{padding:12px 16px;text-align:left;font-weight:600;color:#1f2328;border-bottom:1px solid #d1d9e0;-webkit-user-select:none;user-select:none}.benchmark-table th.sortable{cursor:pointer;position:relative}.benchmark-table th.sortable:hover{background-color:#f0f3f6}.sort-icon{margin-left:4px;font-size:12px;color:#656d76;display:inline-block;transition:color .2s}.benchmark-table th.sortable:hover .sort-icon{color:#1f2328}.benchmark-table td{padding:12px 16px;border-bottom:1px solid #d1d9e0}.benchmark-table tbody tr:last-child td{border-bottom:none}.benchmark-table tbody tr:hover{background-color:#f6f8fa}.benchmark-table tbody tr.row-improved{background-color:#1a7f370d}.benchmark-table tbody tr.row-improved:hover{background-color:#1a7f371a}.benchmark-table tbody tr.row-degraded{background-color:#d1242f0d}.benchmark-table tbody tr.row-degraded:hover{background-color:#d1242f1a}.table-container{margin-bottom:32px;position:relative}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-header h2{font-size:20px;font-weight:600}.threshold-info{font-size:12px;color:#656d76}.loading{text-align:center;padding:40px;color:#656d76}.error{background-color:#ffebe9;border:1px solid #ff8182;border-radius:6px;padding:16px;margin-bottom:24px;color:#d1242f}.no-data{text-align:center;padding:40px;color:#656d76;background-color:#f6f8fa;border-radius:6px}.react-select__control{border-color:#d1d9e0!important;min-height:32px!important;font-size:14px!important}.react-select__control:hover{border-color:#8c959f!important}.react-select__control--is-focused{border-color:#0969da!important;box-shadow:0 0 0 3px #0969da1a!important}.react-select__option--is-selected{background-color:#0969da!important;color:#fff!important}.react-select__option--is-focused:not(.react-select__option--is-selected){background-color:#f6f8fa!important}.react-select__option--is-focused.react-select__option--is-selected{background-color:#0860ca!important}.option-sha{font-family:monospace;font-size:12px;color:#0969da}.option-time{color:#656d76;font-size:12px}.option-message{color:#1f2328;font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-select__option--is-selected .option-sha,.react-select__option--is-selected .option-time,.react-select__option--is-selected .option-message{color:#fff!important}.react-select__clear-indicator{color:#656d76!important;cursor:pointer!important}.react-select__clear-indicator:hover{color:#1f2328!important}.react-select__menu{z-index:10!important}.react-select__option{padding:8px 12px!important}.react-select__value-container{padding:2px 8px!important}.react-select__single-value{font-size:13px!important;color:#1f2328!important}.summary-section{padding:16px;background-color:#f6f8fa;border:1px solid #d1d9e0;border-radius:6px;margin-bottom:32px}.summary-title{font-size:16px;font-weight:600;margin-bottom:8px}.summary-value{font-size:24px;font-weight:600}