.tests-history-page-body {
  --history-rose: #dca0b7;
  --history-copy: rgba(217, 198, 208, .7);
  background: radial-gradient(circle at 78% 3%, rgba(141, 75, 111, .1), transparent 30rem), #08090d;
}

.tests-history-page-body .app-shell { padding-bottom: clamp(52px, 6vw, 76px); }
.tests-history-app-shell { width: min(1000px, 100%); margin: 0 auto; }
.tests-history-page { display: grid; gap: 14px; }
.tests-history-head { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px; align-items: start; padding: 21px 22px; border: 1px solid rgba(219, 160, 182, .13); border-radius: 22px; background: linear-gradient(145deg, rgba(42, 25, 37, .96), rgba(17, 17, 27, .98)); box-shadow: 0 18px 46px rgba(0, 0, 0, .22); }
.tests-history-head > div { display: grid; min-width: 0; gap: 5px; }
.tests-history-head .hero-panel__eyebrow { margin: 0; color: var(--history-rose); font-size: .65rem; letter-spacing: .12em; }
.tests-history-head h2 { margin: 0; color: #fff8fb; font-size: clamp(1.45rem, 3vw, 2rem); letter-spacing: -.035em; }
.tests-history-head p:not(.hero-panel__eyebrow) { width: 100%; max-width: 720px; margin: 0; overflow-wrap: break-word; color: var(--history-copy); font-size: .78rem; line-height: 1.5; }
.tests-history-back { display: inline-flex; min-height: 37px; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid rgba(219, 160, 182, .18); border-radius: 12px; color: #e3b5c6; background: rgba(255, 255, 255, .04); font-size: .7rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.tests-history-back:hover { color: #25151d; background: #dca0b7; }

.tests-history-content { display: grid; gap: 11px; scroll-margin-top: 16px; }
.tests-history-loading,
.tests-history-empty { margin: 0; padding: 24px; border: 1px solid rgba(219, 160, 182, .1); border-radius: 20px; color: var(--history-copy); background: rgba(255, 255, 255, .025); font-size: .78rem; text-align: center; }
.tests-history-empty { display: grid; gap: 11px; justify-items: center; }
.tests-history-empty > * { min-width: 0; max-width: 100%; }
.tests-history-empty span { overflow-wrap: break-word; }
.tests-history-empty strong { color: #fff7fa; font-size: 1rem; }
.tests-history-empty a { display: inline-flex; min-height: 41px; align-items: center; padding: 0 16px; border-radius: 999px; color: #25151d; background: linear-gradient(135deg, #dca2b7, #b986aa); font-size: .74rem; font-weight: 900; text-decoration: none; }

.history-result { display: grid; gap: 14px; padding: 18px; border: 1px solid rgba(219, 160, 182, .12); border-radius: 21px; background: radial-gradient(circle at 0 0, rgba(155, 90, 126, .08), transparent 17rem), linear-gradient(145deg, rgba(42, 25, 37, .94), rgba(20, 19, 28, .98)); box-shadow: 0 14px 34px rgba(0, 0, 0, .16); }
.history-result-list { display: grid; gap: 11px; }
.history-result--compact { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.history-result--compact .history-result__top { grid-column: 1 / -1; }
.history-result--compact .history-result__summary { min-width: 0; }
.history-result--compact .history-result__score { width: 58px; height: 58px; border-width: 4px; font-size: .95rem; }
.history-result__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.history-result__top strong { color: #fff8fb; font-size: .88rem; }
.history-result__top time { color: rgba(205, 188, 198, .56); font-size: .64rem; font-weight: 700; white-space: nowrap; }
.history-result__summary { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; }
.history-result__score { display: grid; width: 70px; height: 70px; place-items: center; border: 5px solid rgba(220, 160, 183, .26); border-radius: 50%; color: #fff7fa; background: rgba(7, 8, 13, .42); font-size: 1.15rem; font-weight: 800; }
.history-result__copy { display: grid; gap: 5px; }
.history-result__names { color: #dba0b6; font-size: .65rem; font-weight: 800; }
.history-result__copy h3 { margin: 0; color: #fff7fa; font-size: 1rem; line-height: 1.3; }
.history-result__copy p { margin: 0; color: var(--history-copy); font-size: .74rem; line-height: 1.5; }
.history-result__copy .history-result__repair-note { color: #d8b9c5; font-size: .67rem; }
.history-result__highlights { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.history-highlight { display: grid; gap: 4px; padding: 10px 12px; border-radius: 13px; background: rgba(255, 255, 255, .035); }
.history-highlight span { color: rgba(199, 176, 188, .62); font-size: .59rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.history-highlight strong { color: #ead6df; font-size: .72rem; }

.history-result__open,
.history-premium-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 0 17px; border: 1px solid rgba(255, 220, 232, .18); border-radius: 999px; color: #25151d; background: linear-gradient(135deg, #e4b0c4, #c391b1); font: inherit; font-size: .72rem; font-weight: 900; text-decoration: none; cursor: pointer; box-shadow: 0 9px 20px rgba(88, 40, 64, .22); }
.history-result__open:hover,
.history-premium-button:hover { filter: brightness(1.06); transform: translateY(-1px); }
.history-list-back { display: inline-flex; width: fit-content; min-height: 38px; align-items: center; justify-content: center; padding: 0 13px; border: 1px solid rgba(219, 160, 182, .16); border-radius: 12px; color: #ddb0c1; background: rgba(255, 255, 255, .035); font: inherit; font-size: .69rem; font-weight: 800; cursor: pointer; }
.history-list-back--bottom { margin-top: 1px; }

.history-full { display: grid; gap: 15px; border-top: 1px solid rgba(219, 160, 182, .11); padding-top: 15px; }
.history-full__intro { display: grid; gap: 4px; }
.history-full__intro > span { color: #dca0b7; font-size: .61rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.history-full__intro h3 { margin: 0; color: #fff7fa; font-size: 1rem; }
.history-full__intro p { margin: 0; color: #ad949f; font-size: .69rem; }
.history-full__body { display: grid; gap: 16px; padding-top: 15px; }
.history-full__section { display: grid; gap: 9px; }
.history-full__section h4 { margin: 0; color: #fff7fa; font-size: .9rem; }
.history-dimensions { display: grid; gap: 7px; }
.history-dimension { display: grid; grid-template-columns: minmax(150px, .42fr) minmax(160px, 1fr) 42px; gap: 10px; align-items: center; padding: 10px 11px; border-radius: 12px; background: rgba(255, 255, 255, .032); }
.history-dimension span { color: #d9c2cc; font-size: .7rem; font-weight: 800; }
.history-dimension i { display: block; height: 6px; overflow: hidden; border-radius: 999px; background: rgba(219, 160, 182, .12); }
.history-dimension i::after { content: ''; display: block; width: var(--history-score); height: 100%; border-radius: inherit; background: linear-gradient(90deg, #d985a4, #b7a2c8); }
.history-dimension b { color: #fff7fa; font-size: .7rem; text-align: right; }
.history-full--personality .history-dimension { grid-template-columns: minmax(150px, .42fr) minmax(100px, 1fr) 55px; }
.history-analysis-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.history-analysis { display: grid; gap: 5px; padding: 12px; border-radius: 13px; background: rgba(255, 255, 255, .032); }
.history-analysis strong { color: #ebd8e1; font-size: .72rem; }
.history-analysis p { margin: 0; color: #bfa7b2; font-size: .68rem; line-height: 1.48; }
.history-difference,
.history-life,
.history-step { padding: 11px 12px; border-radius: 13px; background: rgba(255, 255, 255, .032); }
.history-difference { display: grid; gap: 7px; }
.history-difference > strong { color: #ebd8e1; font-size: .71rem; line-height: 1.4; }
.history-difference__answers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.history-difference__answers span { color: #bda5b0; font-size: .65rem; line-height: 1.4; }
.history-difference__answers b { display: block; color: #dba0b6; }
.history-life { color: #bfa8b3; font-size: .69rem; line-height: 1.5; }
.history-life strong { display: block; margin-bottom: 4px; color: #e8d4dd; }
.history-steps { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; counter-reset: history-step; }
.history-step { counter-increment: history-step; display: grid; grid-template-columns: auto 1fr; gap: 9px; color: #bfa8b3; font-size: .69rem; line-height: 1.5; }
.history-step::before { content: counter(history-step); display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #25151d; background: #dca0b7; font-size: .66rem; font-weight: 800; }
.history-disclaimer { margin: 0; color: #927d87; font-size: .61rem; line-height: 1.45; }

.history-locked-report { display: grid; gap: 13px; border-top: 1px solid rgba(219, 160, 182, .11); padding-top: 15px; }
.history-locked-report__head { display: grid; gap: 5px; }
.history-locked-report__head > span { color: #dca0b7; font-size: .61rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.history-locked-report__head h3 { max-width: 650px; margin: 0; color: #fff7fa; font-size: 1.02rem; line-height: 1.3; }
.history-locked-report__head p { max-width: 720px; margin: 0; color: #bca2ae; font-size: .71rem; line-height: 1.5; }
.history-locked-report__preview { position: relative; overflow: hidden; border: 1px solid rgba(226, 175, 199, .13); border-radius: 18px; background: rgba(7, 8, 13, .5); isolation: isolate; }
.history-locked-report__mock { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; min-height: 100%; padding: 16px; filter: blur(7px); opacity: .58; transform: scale(1.025); user-select: none; pointer-events: none; }
.history-locked-report__mock article { display: grid; align-content: start; gap: 10px; padding: 15px; border-radius: 15px; background: rgba(255, 255, 255, .07); }
.history-locked-report__mock strong { color: #f3dce5; font-size: .76rem; }
.history-locked-report__mock i { display: block; width: 100%; height: 9px; border-radius: 999px; background: rgba(235, 197, 213, .28); }
.history-locked-report__mock i:nth-of-type(2) { width: 86%; }
.history-locked-report__mock i:nth-of-type(3) { width: 68%; }
.history-locked-report__mock i:nth-of-type(4) { width: 76%; }
.history-locked-report__gate { position: relative; z-index: 1; display: grid; justify-items: center; gap: 8px; padding: 24px; text-align: center; background: radial-gradient(circle at center, rgba(35, 23, 32, .93) 0 22%, rgba(28, 20, 28, .82) 48%, rgba(15, 14, 20, .66) 100%); backdrop-filter: blur(5px); }
.history-locked-report__crown { display: grid; width: 42px; height: 42px; place-items: center; margin-bottom: 2px; border-radius: 14px; color: #2b1921; background: linear-gradient(135deg, #e4b0c4, #c391b1); font-size: 1.05rem; box-shadow: 0 10px 24px rgba(75, 32, 54, .3); }
.history-locked-report__gate > strong { color: #fff8fb; font-size: .91rem; }
.history-locked-report__gate > small { margin-bottom: 5px; color: #bda5b0; font-size: .67rem; }
.history-locked-report__benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 720px); gap: 7px; margin: 2px 0 4px; padding: 0; list-style: none; }
.history-locked-report__benefits li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: start; padding: 10px 11px; border: 1px solid rgba(229, 180, 201, .1); border-radius: 13px; color: #bfa6b1; background: rgba(255, 255, 255, .045); font-size: .66rem; line-height: 1.42; text-align: left; }
.history-locked-report__benefits li > i { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 8px; color: #291720; background: #dca0b7; font-size: .65rem; font-style: normal; font-weight: 900; }
.history-locked-report__benefits li b { display: block; margin-bottom: 2px; color: #f2dde5; font-size: .7rem; line-height: 1.3; }
.history-locked-report__gate .history-premium-button { width: min(100%, 360px); }

@media (max-width: 680px) {
  .tests-history-page-body .app-shell { padding-bottom: 44px; }
  .tests-history-head { grid-template-columns: 1fr; gap: 11px; padding: 17px; }
  .tests-history-head p:not(.hero-panel__eyebrow) { max-width: calc(100vw - 54px); }
  .tests-history-back { width: fit-content; }
  .tests-history-empty span { max-width: calc(100vw - 68px); }
  .history-result { padding: 15px; border-radius: 18px; }
  .history-result--compact { grid-template-columns: 1fr; }
  .history-result--compact .history-result__top { grid-column: auto; }
  .history-result__top { align-items: flex-start; }
  .history-result__summary { grid-template-columns: 58px minmax(0, 1fr); gap: 11px; }
  .history-result__score { width: 58px; height: 58px; border-width: 4px; font-size: .95rem; }
  .history-result__highlights { grid-template-columns: 1fr; }
  .history-result__open,
  .history-premium-button { width: 100%; }
  .history-list-back { width: 100%; }
  .history-locked-report__mock { grid-template-columns: 1fr; }
  .history-locked-report__gate { padding: 20px 16px; }
  .history-locked-report__benefits { grid-template-columns: 1fr; }
  .history-locked-report__benefits li { padding: 9px 10px; }
  .history-dimension { grid-template-columns: minmax(0, 1fr) 40px; }
  .history-full--personality .history-dimension { grid-template-columns: minmax(0, 1fr) 55px; }
  .history-dimension i { grid-column: 1 / -1; grid-row: 2; }
  .history-analysis-grid,
  .history-difference__answers { grid-template-columns: 1fr; }
}