/* History page only. Shared header, width, cover artwork and player stay in the shell. */
.history-page .history-main{padding-top:58px}
.history-page .history-content{min-height:calc(100vh - 330px);padding-bottom:64px}
.history-page .history-intro{max-width:850px}
.history-page .history-intro h1{font-size:clamp(42px,5.3vw,72px);line-height:1.08;letter-spacing:-.065em;font-weight:620;margin:13px 0 19px}
.history-page .history-lead{color:#a5afb9;font-size:15px;line-height:1.65;margin:0}
.history-page .history-demo-note{display:flex;align-items:center;gap:9px;color:#7e8c99;font-size:11px;line-height:1.6;margin:17px 0 0}
.history-page .history-demo-note>span{width:5px;height:5px;background:var(--accent);border-radius:50%;flex:none}
.history-page .history-browser{margin-top:36px}
.history-page .history-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff21}
.history-page .history-day{position:relative;appearance:none;border:0;background:none;padding:18px 10px;text-align:left;color:#8995a2;transition:color .2s,background .2s}
.history-page .history-day+.history-day{border-left:1px solid #ffffff0e;padding-left:20px}
.history-page .history-day span{display:block;font-size:10px;letter-spacing:.12em;font-weight:650;line-height:1.4}
.history-page .history-day small{display:block;font-size:12px;line-height:1.4;margin-top:6px;color:#6f7e8b;font-variant-numeric:tabular-nums}
.history-page .history-day:hover{color:#f1f2ef;background:#ffffff03}
.history-page .history-day.selected{color:#f1f2ef;background:rgba(var(--accent-rgb),.06)}
.history-page .history-day.selected:after{content:"";position:absolute;height:2px;background:var(--accent);bottom:-1px;left:0;right:0}
.history-page .history-day.selected small{color:#b0a1b1}
.history-page .history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 0 22px}
.history-page .history-day-summary h2{font-size:18px;letter-spacing:-.035em;font-weight:600;line-height:1.3;margin:0}
.history-page .history-day-summary h2 span{font-size:13px;letter-spacing:0;font-weight:400;color:#7c8c99;margin-left:12px;font-variant-numeric:tabular-nums}
.history-page .history-result-count{margin:7px 0 0;font-size:11px;line-height:1.4;color:#7c8c99}
.history-page .history-search{width:310px;max-width:48%;height:44px;border:1px solid #ffffff24;display:flex;align-items:center;gap:10px;padding:0 12px;background:#ffffff02;border-radius:4px}
.history-page .history-search:focus-within{border-color:var(--accent)}
.history-page .history-search>svg{width:17px;height:17px;flex:none;color:#83929f}
.history-page .history-search input{background:none;border:0;outline:0;min-width:0;flex:1;color:#edf0ed;font:inherit;font-size:12px;width:100%;height:100%}
.history-page .history-search input::placeholder{color:#7b8a98}
.history-page .history-search input::-webkit-search-cancel-button{display:none}
.history-page .history-search button{display:grid;place-items:center;width:28px;height:32px;font-size:21px;border:0;padding:0;background:none;color:#91a0ac;flex:none}
.history-page .history-search button svg{width:16px;height:16px}
.history-page .history-list{list-style:none;margin:0;padding:0;border-top:1px solid #ffffff21}
.history-page .history-row{display:grid;grid-template-columns:65px 48px minmax(0,1fr) 67px 105px;gap:23px;align-items:center;min-height:93px;padding:16px 0;border-bottom:1px solid #ffffff14}
.history-page .history-row-time{font-variant-numeric:tabular-nums;font-size:14px;letter-spacing:-.02em;line-height:1.3;color:#dde1e5}
.history-page .history-end-time{display:block;color:#6d7d8b;font-size:11px;margin-top:7px}
.history-page .history-row-cover{width:48px;height:48px;flex:none;overflow:hidden}
.history-page .history-row-cover .cover-surface.small{width:48px;height:48px;border-radius:0}
.history-page .history-row-info{min-width:0}
.history-page .history-row-info h3{font-size:17px;font-weight:570;line-height:1.3;letter-spacing:-.025em;margin:0;color:#e6e9e8}
.history-page .history-show{font-size:12px;line-height:1.5;margin:6px 0 0;color:#8897a5;overflow-wrap:anywhere}
.history-page .history-duration{font-size:15px;line-height:1.3;font-variant-numeric:tabular-nums;text-align:right;color:#bec6cb;white-space:nowrap}
.history-page .history-duration small{display:block;font-size:8px;letter-spacing:.14em;color:#667988;margin-top:5px}
.history-page .history-row-action{text-align:right}
.history-page .history-show-link{display:inline-block;font-size:10px;letter-spacing:.03em;color:#a4aab4;white-space:nowrap;padding:9px 0}
.history-page .history-show-link:hover{color:var(--accent)}
.history-page .history-state{border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff14;padding:46px 0 49px;min-height:245px}
.history-page .history-state h2{font-size:25px;line-height:1.2;letter-spacing:-.045em;font-weight:550;margin:0 0 13px}
.history-page .history-state p{font-size:13px;line-height:1.7;color:#8898a6;max-width:560px;margin:0}
.history-page .history-state-error{margin-top:38px}
.history-page .history-state-mark{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(var(--accent-rgb),.65);color:var(--accent);border-radius:50%;font-size:15px;margin-bottom:21px}
.history-page .history-state-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.history-page .history-action{display:inline-flex;align-items:center;gap:16px;border:0;border-bottom:1px solid rgba(var(--accent-rgb),.7);background:none;padding:12px 0 9px;margin-top:20px;color:#d7dce0;font-size:11px;line-height:1.4;letter-spacing:.03em}
.history-page .history-action:hover{color:var(--accent)}
.history-page .history-action svg{width:16px;height:16px}
.history-page .history-secondary-link{color:#8495a3;font-size:11px;line-height:1.4;margin-top:20px;padding:12px 0 9px}
.history-page .history-secondary-link:hover{color:#e5e8e7}
@media(max-width:900px){
  .history-page .history-day+.history-day{padding-left:13px}
  .history-page .history-row{gap:17px;grid-template-columns:57px 48px minmax(0,1fr) 48px 90px}
}
@media(max-width:650px){
  .history-page .history-main{padding-top:38px}
  .history-page .history-intro h1{font-size:clamp(37px,8vw,48px);margin:12px 0 17px}
  .history-page .history-lead{font-size:13px;max-width:380px}
  .history-page .history-demo-note{font-size:10px;gap:8px;align-items:flex-start;margin-top:15px}
  .history-page .history-demo-note>span{margin-top:5px}
  .history-page .history-browser{margin-top:29px}
  .history-page .history-days{grid-template-columns:repeat(4,minmax(0,1fr))}.history-page .history-day:nth-child(n+5){border-top:1px solid #ffffff0e}.history-page .history-day:nth-child(5){border-left:0;padding-left:9px}
  .history-page .history-day{padding:15px 9px}
  .history-page .history-day+.history-day{padding-left:12px}
  .history-page .history-day span{font-size:8px;letter-spacing:.09em}
  .history-page .history-day small{font-size:11px}
  .history-page .history-toolbar{align-items:stretch;flex-direction:column;gap:17px;padding:24px 0 20px}
  .history-page .history-day-summary{display:flex;justify-content:space-between;align-items:center;gap:12px}
  .history-page .history-day-summary h2{font-size:17px}
  .history-page .history-result-count{margin:0;white-space:nowrap}
  .history-page .history-search{max-width:none;width:100%;height:44px}.history-page .history-search input{font-size:16px}.history-page .history-search button{min-width:40px;min-height:40px}
  .history-page .history-row{grid-template-columns:45px 40px minmax(0,1fr) 34px;column-gap:12px;row-gap:0;padding:17px 0;min-height:92px}
  .history-page .history-row-time{font-size:12px;align-self:start;padding-top:2px}
  .history-page .history-end-time{font-size:10px;margin-top:7px}
  .history-page .history-row-cover,.history-page .history-row-cover .cover-surface.small{width:40px;height:40px}
  .history-page .history-row-cover{align-self:start}
  .history-page .history-row-info h3{font-size:15px}
  .history-page .history-show{font-size:11px;margin-top:5px}
  .history-page .history-duration{font-size:12px;align-self:start;padding-top:2px}
  .history-page .history-duration small{font-size:7px}
  .history-page .history-row-action{grid-column:3/5;text-align:left}
  .history-page .history-row-action:empty{display:none}
  .history-page .history-show-link{font-size:10px;padding:10px 0 0}
  .history-page .history-state{padding:34px 0 39px;min-height:220px}
  .history-page .history-state h2{font-size:23px;max-width:310px}
  .history-page .history-state p{font-size:12px}
  .history-page .history-content{padding-bottom:43px}
}

/* Real source data: exact durations, confirmed replay links and independent refresh state. */
.history-page .history-source-note{color:#7e8c99;font-size:11px;line-height:1.6;margin:17px 0 0}
.history-page .history-row-cover img{display:block;width:100%;height:100%;object-fit:cover}
.history-page .history-row-action{display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.history-page .history-replay{font:inherit;font-size:10px;line-height:1.5;letter-spacing:.03em;color:#d4c0d1;border:0;border-bottom:1px solid rgba(var(--accent-rgb),.45);background:none;padding:6px 0}
.history-page .history-replay:hover:not(:disabled){color:var(--accent)}
.history-page .history-replay:disabled{cursor:default;opacity:.5}
.history-page .history-row-current .history-end-time{color:var(--accent)}
.history-page .history-current-tag{display:inline-block;margin-left:10px;font-size:8px;line-height:1.3;letter-spacing:.1em;font-weight:650;color:var(--accent);vertical-align:middle}
.history-page .history-duration{font-size:13px}
.history-page .history-duration small{font-size:7px}
.history-page .history-stale{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 23px;padding:13px 0;border-bottom:1px solid rgba(var(--accent-rgb),.3);font-size:12px;line-height:1.65;color:#a89ba9}
.history-page .history-stale button{font-size:11px;border:0;background:none;border-bottom:1px solid #ffffff38;padding:5px 0;color:#d4d9df;flex:none}
.history-page .history-source-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:20px;color:#7e8c99;font-size:10px;line-height:1.7}
.history-page .history-playback-error{font-size:12px;line-height:1.6;color:#cfa0b5;margin:0 0 20px}
@media(max-width:650px){
 .history-page .history-source-note{font-size:10px;margin-top:15px}
 .history-page .history-row{grid-template-columns:45px 40px minmax(0,1fr) 53px;column-gap:11px}
 .history-page .history-duration{font-size:11px}
 .history-page .history-duration small{font-size:6px}
 .history-page .history-row-action{align-items:flex-start;flex-direction:row;gap:18px;flex-wrap:wrap}
 .history-page .history-replay{margin-top:8px;padding:3px 0;font-size:10px}
 .history-page .history-current-tag{display:block;margin:5px 0 0;font-size:7px}
 .history-page .history-stale{align-items:flex-start;flex-direction:column;gap:9px;font-size:11px}
 .history-page .history-source-meta{font-size:9px}
}