#history-container{max-width:960px;padding:32px 0 48px;gap:36px}#history-container .history-hero{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:20px}#history-container .history-hero-text{min-width:0}#history-container .history-title{line-height:1.2;font-family:inherit;font-size:28px;font-weight:600;letter-spacing:-.035em;margin:0;color:var(--text-color);opacity:1}#history-container .history-subtitle{font-size:13px;line-height:1.6;margin:8px 0 0;max-width:none}#history-container .history-practice-btn{width:auto;min-height:44px;padding:10px 16px;background:var(--alt-bg-color);color:var(--main-color);border:1px solid var(--analytics-border);border-bottom-width:3px;border-radius:6px;font-size:12px;font-weight:500}#history-container .history-practice-btn:hover{border-color:var(--main-color);transform:none;opacity:1}#history-container .history-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}#history-container .history-filters{display:flex;flex-wrap:wrap;width:auto;justify-content:flex-start;background:0 0;border:0;border-radius:0;padding:0;gap:18px}#history-container .time-filter-btn{flex:none;min-height:44px;padding:10px 0;border-radius:0;background:0 0;color:var(--sub-text-color);font-size:11px;font-weight:500;border-bottom:2px solid transparent}#history-container .time-filter-btn.active,#history-container .time-filter-btn:hover{color:var(--main-color)}#history-container .time-filter-btn.active{border-bottom-color:var(--main-color)}#history-container .history-mode-filter{margin:0 0 0 auto}#history-container select{min-height:44px;background:var(--alt-bg-color);color:var(--text-color);border:1px solid var(--analytics-border);border-bottom-width:2px;border-radius:5px;padding:8px 10px;font-size:11px}#history-container .history-overview{display:flex;flex-direction:column;gap:30px;padding:8px 0}#history-container .history-headline-metrics{gap:clamp(40px,7vw,100px)}#history-container .history-headline-metrics dd{font-size:clamp(44px,5.3vw,64px)}#history-container .history-headline-metrics dt{font-size:10px;letter-spacing:.1em}#history-container .history-summary-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;max-width:640px;margin:0 auto;text-align:center}#history-container .history-summary-metrics>div{display:flex;flex-direction:column-reverse;gap:10px}#history-container .history-summary-metrics dt{color:var(--sub-text-color);font-size:10px;font-weight:600}#history-container .history-summary-metrics dd{font-size:23px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--text-color);margin:0}#history-container .history-summary-metrics dd span{font-size:11px;font-weight:400;color:var(--sub-text-color)}#history-container .history-section-title{color:var(--text-color);opacity:1;font-size:18px;font-weight:550;text-transform:none;letter-spacing:-.025em}#history-container .history-section-desc{font-size:11px;line-height:1.6;margin:7px 0 0}#history-container .history-progress{border:0;padding:0;margin:0}#history-container .history-progress-heading{margin:0;align-items:center}#history-container .history-progress .pace-canvas{height:260px;margin-top:20px}#history-container .history-chart-controls{gap:18px}#history-container .history-chart-controls button{border-radius:0;padding:10px 0;border-bottom:2px solid transparent;background:0 0;color:var(--sub-text-color);font-size:11px}#history-container .history-chart-controls button[aria-pressed=true]{color:var(--main-color);border-bottom-color:var(--main-color)}#history-container .history-sessions-panel{gap:16px}#history-container .history-datatable{gap:12px}#history-container .history-datatable-toolbar{flex-direction:row;align-items:center;gap:12px}#history-container .history-result-count{color:var(--sub-text-color);font-size:11px;white-space:nowrap}#history-container .history-table-options{display:flex;align-items:center;gap:12px;margin-left:auto}#history-container .history-page-size{font-size:11px}#history-container .history-mobile-sort{display:none}#history-container .history-table-container{border:0;border-radius:0;overflow-x:auto}#history-container .history-table{display:table;min-width:740px;font-size:13px;overflow:visible}#history-container .history-table thead{display:table-header-group;background:0 0;border-color:var(--analytics-border)}#history-container .history-table thead tr{display:table-row}#history-container .history-table tbody{display:table-row-group}#history-container .history-table tr{display:table-row;margin:0;background:0 0;border:0;border-bottom:1px solid var(--analytics-border);border-radius:0}#history-container .history-table tbody tr:last-child{border-bottom:1px solid var(--analytics-border)}#history-container .history-table tbody tr:hover{background:color-mix(in srgb,var(--text-color) 3%,transparent);transform:none}#history-container .history-table tbody tr.is-best-row{background:0 0}#history-container .history-table th{font-size:10px;letter-spacing:.04em;text-transform:none}#history-container .history-th-btn{min-height:44px;padding:12px 8px}#history-container .history-sort-icon{width:12px}#history-container .history-table td{display:table-cell;text-align:left;padding:14px 8px;border:0;font-size:12px;white-space:nowrap}#history-container .history-table td:before{content:none}#history-container .history-datetime{color:var(--sub-text-color);font-weight:400;font-size:11px}#history-container .history-mode{padding:0;border:0;border-radius:0;background:0 0;color:var(--sub-text-color);font-size:11px;font-weight:400}#history-container .history-wpm{color:var(--success-color);font-weight:650;font-size:15px}#history-container .history-accuracy{color:var(--main-color);font-weight:600}#history-container .history-best-tag{background:0 0;border:0;padding:0;font-size:9px;font-weight:400;color:var(--sub-text-color);margin-left:5px}#history-container .history-errors{color:var(--sub-text-color)}#history-container .history-errors.has-errors{color:var(--error-color)}#history-container .history-duration{color:var(--sub-text-color);font-size:12px}#history-container .history-pagination{gap:8px;margin-top:8px}#history-container .history-page-btn{width:36px;height:44px;border-radius:5px;border:1px solid var(--analytics-border);border-bottom-width:2px;background:0 0}#history-container .history-page-btn:hover:not(:disabled){color:var(--main-color);background:var(--alt-bg-color);border-color:var(--main-color)}#history-container .history-page-status{font-size:11px;white-space:nowrap}#history-container .key-analytics-section{border:0;padding:0;background:0 0;border-radius:0;display:flex;flex-direction:column;gap:20px}#history-container .history-period-header{flex-direction:row;align-items:center;gap:16px}#history-container .history-period-intro{min-width:0}#history-container .key-analytics-heatmap--compact{gap:16px}#history-container .key-inspect{border-color:var(--analytics-border);padding-top:16px}#history-container .history-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border:0;padding:0;margin-top:4px;color:var(--sub-text-color);font-size:11px}#history-container .delete-history-btn{background:0 0;border:0;padding:10px 0;color:var(--sub-text-color);font-size:11px;min-height:44px}#history-container .delete-history-btn:hover{color:var(--main-color);background:0 0}#history-container .history-first-attempt{padding:64px 0 80px;text-align:center}#history-container .history-empty-keys{display:flex;justify-content:center;gap:6px;margin-bottom:28px}#history-container .history-empty-keys kbd{display:grid;place-items:center;width:44px;height:48px;border:1px solid var(--analytics-border);border-bottom-width:3px;border-radius:6px;color:var(--main-color);background:var(--alt-bg-color);font:15px monospace}#history-container .history-first-attempt h2,#history-container .history-empty-state h3{color:var(--text-color);opacity:1;font-size:18px;font-weight:500;margin:0}#history-container .history-first-attempt p,#history-container .history-empty-state p{color:var(--sub-text-color);font-size:12px;margin:12px 0 0;line-height:1.7}#history-container .history-empty-state{padding:36px 0;border:0;border-radius:0;background:0 0;display:flex;flex-direction:column;align-items:center;gap:0}#history-container .history-empty-state .result-action-button{margin-top:20px}@media (max-width:800px){#history-container .history-mobile-sort{display:flex}#history-container .history-page-size>span{display:none}#history-container .history-table{display:block;min-width:0;width:100%}#history-container .history-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#history-container .history-table tbody{display:block}#history-container .history-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px;padding:20px 0;margin:0;border:0;border-bottom:1px solid var(--analytics-border);background:0 0}#history-container .history-table td{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;font-size:12px;text-align:left}#history-container .history-table td:before{content:attr(data-label);float:none;color:var(--sub-text-color);font-size:9px;letter-spacing:0;font-weight:400;text-transform:none}#history-container .history-table td[data-column=timestamp]{grid-column:1/3;grid-row:1}#history-container .history-table td[data-column=mode]{grid-column:3;grid-row:1;align-items:flex-end}#history-container .history-table td:is([data-column=timestamp],[data-column=mode]):before{content:none}#history-container .history-table td[data-column=wpm]{grid-column:1;grid-row:2}#history-container .history-table td[data-column=accuracy]{grid-column:2;grid-row:2}#history-container .history-table td[data-column=duration]{grid-column:3;grid-row:2}#history-container .history-table td[data-column=correctWpm]{grid-column:1;grid-row:3}#history-container .history-table td[data-column=cpm]{grid-column:2;grid-row:3}#history-container .history-table td[data-column=errors]{grid-column:3;grid-row:3}#history-container .history-wpm,#history-container .history-accuracy{font-size:21px}#history-container .history-table td[data-column=duration] .history-duration{font-size:18px;color:var(--text-color)}}@media (max-width:600px){#history-container{padding:24px 0 32px;gap:32px}#history-container .history-title{font-size:24px}#history-container .history-subtitle{font-size:11px}#history-container .history-practice-btn{font-size:11px;padding:10px}#history-container .history-filters{gap:14px}#history-container .time-filter-btn{font-size:10px}#history-container .history-headline-metrics{gap:28px}#history-container .history-headline-metrics dd{font-size:clamp(38px,11vw,52px)}#history-container .history-headline-metrics dt{font-size:9px}#history-container .history-summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#history-container .history-summary-metrics dd{font-size:21px}#history-container .history-progress .pace-canvas{height:220px}#history-container .history-section-title{font-size:17px}#history-container .history-pagination{gap:5px}#history-container .history-page-status{font-size:10px}#history-container .key-inspect dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}.history-page .live-activity-indicator{display:none}