.chronobase-app{font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1b1d20;margin:0 0 20px}
.chronobase-app *{box-sizing:border-box}
.chronobase-controls{border:1px solid #d8dde3;border-radius:12px;padding:20px;margin:0 0 16px;background:#fff}
.chronobase-controls h2{margin:0 0 4px}
.chronobase-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;align-items:end;margin:16px 0}
.chronobase-field{min-width:0}
.chronobase-field label{display:block;margin:0 0 5px;min-height:1.1em;font-size:.72rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.chronobase-field input,.chronobase-field select{display:block;width:100%;height:44px;min-height:44px;margin:0;padding:9px 11px;border:1px solid #cfd5dc;border-radius:7px;background:#fff;color:#1b1d20;font:inherit;line-height:1.2}
.chronobase-field input:focus,.chronobase-field select:focus{outline:2px solid #a7192b;outline-offset:1px}
.chronobase-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #eceff2}
.chronobase-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.chronobase-reset,.chronobase-csv-export{appearance:none!important;border-radius:7px!important;padding:10px 14px!important;font:inherit!important;font-weight:800!important;line-height:1.2!important;cursor:pointer!important}
.chronobase-reset{border:0!important;background:#a7192b!important;color:#fff!important}
.chronobase-csv-export{border:1px solid #17191c!important;background:#fff!important;color:#17191c!important}
.chronobase-reset:hover,.chronobase-csv-export:hover{filter:brightness(.94)}
.chronobase-reset:focus-visible,.chronobase-csv-export:focus-visible{outline:2px solid #a7192b;outline-offset:2px}
.chronobase-count{margin-left:auto;font-weight:800}
.chronobase-barrel-comparison{border:1px solid #d8dde3;border-radius:12px;padding:18px;margin:0 0 16px;background:#fff}
.chronobase-barrel-comparison-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.chronobase-barrel-comparison-heading h2{margin:0 0 4px}
.chronobase-barrel-comparison-status{margin:0;color:#606770;font-size:.9rem}
.chronobase-barrel-comparison-stage[hidden]{display:none!important}
.chronobase-barrel-comparison-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:14px}
.chronobase-barrel-comparison-item{border-left:3px solid #a7192b;padding:7px 9px;background:#f7f8fa}
.chronobase-barrel-comparison-item strong,.chronobase-barrel-comparison-item span{display:block}
.chronobase-barrel-comparison-item span{margin-top:2px;color:#606770;font-size:.78rem}
.chronobase-barrel-comparison-context{margin:12px 0 0;border-left:4px solid #b87b00;background:#fff7e5;padding:9px 11px;color:#4a3a12;font-size:.9rem}
.chronobase-compare-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #d8dde3;border-radius:10px;padding:14px 16px;margin:0 0 16px;background:#f7f8fa}
.chronobase-compare-copy{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}
.chronobase-compare-copy>strong{font-size:1rem}
.chronobase-compare-count{font-weight:800;color:#a7192b}
.chronobase-compare-status{color:#606770;font-size:.86rem}
.chronobase-compare-actions{display:flex;gap:8px;flex:0 0 auto}
.chronobase-compare-open,.chronobase-compare-clear,.chronobase-comparison-close{appearance:none!important;border:0!important;border-radius:7px!important;padding:9px 12px!important;font:inherit!important;font-weight:800!important;line-height:1.2!important;cursor:pointer!important}
.chronobase-compare-open{background:#17191c!important;color:#fff!important}
.chronobase-compare-clear,.chronobase-comparison-close{background:#e8ebee!important;color:#1b1d20!important}
.chronobase-compare-open:disabled,.chronobase-compare-clear:disabled{opacity:.45;cursor:not-allowed!important}
.chronobase-comparison{scroll-margin-top:24px;max-width:100%;overflow:hidden;border:1px solid #d8dde3;border-radius:12px;padding:18px;margin:0 0 20px;background:#fff}
.chronobase-comparison[hidden]{display:none!important}
.chronobase-comparison-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 14px}
.chronobase-comparison-heading h2{margin:0 0 4px}
.chronobase-comparison-context{margin:0;max-width:820px;border-left:4px solid #b87b00;background:#fff7e5;padding:9px 11px;color:#4a3a12;font-size:.9rem}
.chronobase-comparison-scroll{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #d8dde3;border-radius:8px}
.chronobase-comparison-table{border-collapse:collapse;width:100%!important;min-width:0!important;max-width:100%;table-layout:fixed;font-size:.86rem}
.chronobase-comparison-table th,.chronobase-comparison-table td{padding:9px 11px;border-bottom:1px solid #e1e5e9;border-right:1px solid #e1e5e9;text-align:left;vertical-align:top}
.chronobase-comparison-table tr:last-child th,.chronobase-comparison-table tr:last-child td{border-bottom:0}
.chronobase-comparison-table th:last-child,.chronobase-comparison-table td:last-child{border-right:0}
.chronobase-comparison-table tr:first-child th{background:#17191c;color:#fff}
.chronobase-comparison-table tr:first-child th strong{display:block}
.chronobase-comparison-table tr:first-child th small{display:block;margin-top:2px;font-weight:400;color:#dfe3e7}
.chronobase-comparison-label{position:sticky;left:0;z-index:1;width:140px!important;min-width:140px!important;max-width:140px!important;background:#f2f4f6;font-weight:800}
.chronobase-comparison-table tr>:not(:first-child){width:auto!important;min-width:0!important;max-width:none!important;white-space:normal!important;word-break:normal;overflow-wrap:anywhere}
.chronobase-comparison-table tr:first-child .chronobase-comparison-label{z-index:2;background:#17191c;color:#fff}
.chronobase-results{border:1px solid #d8dde3;border-radius:10px;overflow:hidden;background:#fff}
.chronobase-head,.chronobase-row{display:grid;grid-template-columns:minmax(220px,2.5fr) minmax(180px,2fr) minmax(125px,1.15fr) 72px 72px 72px 120px;gap:14px;align-items:center}
.chronobase-head{padding:10px 16px;background:#17191c;color:#fff;font-size:.76rem;font-weight:800;text-transform:uppercase}
.chronobase-head button,.chronobase-sort-mobile button{appearance:none!important;border:0!important;background:transparent!important;color:inherit!important;padding:0!important;font:inherit!important;font-weight:800!important;cursor:pointer!important;text-decoration:underline;text-underline-offset:3px}
.chronobase-head button:focus-visible,.chronobase-sort-mobile button:focus-visible,.chronobase-compare-toggle:focus-visible,.chronobase-compare-open:focus-visible,.chronobase-compare-clear:focus-visible,.chronobase-comparison-close:focus-visible{outline:2px solid #a7192b;outline-offset:2px}
.chronobase-sort-mobile{display:none;gap:8px;align-items:center;margin:0 0 10px;font-size:.82rem;font-weight:700}
.chronobase-sort-mobile button{border-radius:6px!important;padding:7px 10px!important;background:#17191c!important;color:#fff!important;text-decoration:none}
.chronobase-result{border-bottom:1px solid #e1e5e9;background:#fff}
.chronobase-result:last-child{border-bottom:0}
.chronobase-result[open]{background:#fafbfc}
.chronobase-result[hidden]{display:none!important}
.chronobase-row{padding:14px 16px;cursor:pointer;list-style:none}
.chronobase-row::-webkit-details-marker{display:none}
.chronobase-primary{display:block;font-weight:800;line-height:1.25}
.chronobase-sub{display:block;margin-top:3px;color:#606770;font-size:.78rem;line-height:1.3}
.chronobase-setup .chronobase-primary{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.chronobase-metric strong{font-size:1rem}
.chronobase-metric small{color:#606770}
.chronobase-mobile-label{display:none}
.chronobase-action-cell{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}
.chronobase-action{display:block;text-align:center;border:1px solid #a7192b;border-radius:6px;padding:5px 7px;color:#a7192b;font-size:.76rem;font-weight:800}
.chronobase-action:after{content:"View details"}
.chronobase-result[open] .chronobase-action:after{content:"Hide details"}
.chronobase-compare-toggle{appearance:none!important;border:1px solid #cfd5dc!important;border-radius:6px!important;padding:5px 7px!important;background:#fff!important;color:#1b1d20!important;font:inherit!important;font-size:.76rem!important;font-weight:800!important;line-height:1.2!important;cursor:pointer!important}
.chronobase-compare-toggle[aria-pressed="true"]{border-color:#a7192b!important;background:#a7192b!important;color:#fff!important}
.chronobase-detail-panel{border-top:1px solid #e1e5e9;background:#f7f8fa;padding:15px 16px 18px}
.chronobase-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.chronobase-detail-grid div{min-width:0}
.chronobase-detail-grid .chronobase-wide{grid-column:span 2}
.chronobase-detail-grid dt{font-size:.7rem;font-weight:800;text-transform:uppercase;color:#606770}
.chronobase-detail-grid dd{margin:2px 0 0;overflow-wrap:anywhere}
.chronobase-raw-shots{margin-top:16px;padding-top:14px;border-top:1px solid #d8dde3}
.chronobase-raw-shots h3{margin:0 0 10px;font-size:.92rem}
.chronobase-shot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.chronobase-shot{border:1px solid #d8dde3;border-radius:7px;padding:7px 8px;background:#fff;text-align:center}
.chronobase-shot span,.chronobase-shot strong{display:block}
.chronobase-shot span{font-size:.68rem;font-weight:800;text-transform:uppercase;color:#606770}
.chronobase-shot strong{margin-top:2px;font-size:.82rem}
.chronobase-noscript{border-left:4px solid #a7192b;padding:10px 12px;background:#fff3f4}
@media(max-width:980px){
.chronobase-filter-grid{grid-template-columns:1fr 1fr}
.chronobase-actions{justify-content:flex-start}
.chronobase-count{margin-left:0}
.chronobase-compare-bar{align-items:flex-start}
.chronobase-sort-mobile{display:flex}
.chronobase-head{display:none}
.chronobase-results{border:0;overflow:visible;background:transparent}
.chronobase-result{border:1px solid #d8dde3;border-radius:10px;margin-bottom:12px;overflow:hidden}
.chronobase-row{grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}
.chronobase-ammo,.chronobase-gun,.chronobase-setup,.chronobase-action-cell{grid-column:1/-1}
.chronobase-gun{border-top:1px solid #e1e5e9;padding-top:10px}
.chronobase-setup{display:flex;justify-content:space-between;background:#f2f4f6;border-radius:7px;padding:8px 10px}
.chronobase-metric{text-align:center;background:#f2f4f6;border-radius:7px;padding:8px 5px}
.chronobase-mobile-label{display:block;font-size:.68rem;font-weight:800;text-transform:uppercase;color:#606770}
.chronobase-action-cell{display:grid;grid-template-columns:1fr 1fr}
.chronobase-detail-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
.chronobase-comparison-table{min-width:720px!important}
.chronobase-comparison-label{width:120px!important;min-width:120px!important;max-width:120px!important}
}
@media(max-width:680px){
.chronobase-compare-bar,.chronobase-comparison-heading{display:block}
.chronobase-compare-actions{margin-top:10px}
.chronobase-comparison-close{margin-top:10px}
}
@media(max-width:560px){
.chronobase-filter-grid,.chronobase-detail-grid{grid-template-columns:1fr}
.chronobase-barrel-comparison-list{grid-template-columns:1fr}
.chronobase-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
.chronobase-action-buttons{display:grid;grid-template-columns:1fr}
.chronobase-reset,.chronobase-csv-export{width:100%}
.chronobase-shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.chronobase-count{text-align:center}
.chronobase-compare-actions{display:grid;grid-template-columns:1fr 1fr}
.chronobase-detail-grid .chronobase-wide{grid-column:span 1}
}