body.aurora-theme { isolation: isolate; }
.aurora-background { background: radial-gradient(ellipse at 45% 0%,#22504765,transparent 65%), #080b10; }
.aurora-background canvas { width: 100%; height: 100%; display: block; opacity: .58; }
.aurora-background.has-webgl > span { display: none; }
.text-type { position: relative; }
.text-type__reserve { visibility: hidden; display: block; }
.text-type__visual { position: absolute; inset: 0; white-space: pre-line; }
.text-type__cursor { color: #b1f7e2; font-weight: 400; animation: type-blink 1s ease-in-out infinite; }
.text-type.is-complete .text-type__cursor { display: none; }
@keyframes type-blink { 50% { opacity: 0; } }
.training-history-layout { display: grid; grid-template-columns: 210px minmax(0,1fr); gap: 25px; align-items: start; }
.line-sidebar { position: sticky; top: 24px; padding: 20px 10px 20px 0; }
.line-sidebar > .eyebrow { display: block; margin: 0 0 20px 20px; }
.line-sidebar__item { --effect: 0; display: flex; align-items: center; gap: 9px; min-height: 54px; color: #a4b0bd; text-decoration: none; position: relative; padding: 10px 16px 10px 22px; transform: translateX(calc(var(--effect) * 9px)); transition: transform .12s linear,color .18s; }
.line-sidebar__item[aria-current],.line-sidebar__item:hover,.line-sidebar__item:focus-visible { color: #b1f7e2; }
.line-sidebar__marker { position: absolute; left: 0; height: 2px; width: calc(5px + var(--effect) * 10px); background: #8eebd2; opacity: calc(.3 + var(--effect) * .7); }
.line-sidebar__item[aria-current] { --effect: 1; }
.line-sidebar__index { font-size: 10px; opacity: .5; font-variant-numeric: tabular-nums; }
.pill-actions .btn { position: relative; overflow: hidden; isolation: isolate; border-radius: 99px; }
.pill-action__circle { position: absolute; z-index: -1; width: 120%; aspect-ratio: 1; border-radius: 50%; left: -10%; top: 45%; background: #e2fff6; transform: scale(0); transform-origin: 50% 100%; transition: transform .4s cubic-bezier(.22,1,.36,1); }
.pill-action__label { display: block; position: relative; transition: transform .35s cubic-bezier(.22,1,.36,1); }
.pill-action__label::after { content: attr(data-label); position: absolute; inset: 0; color: #10251e; transform: translateY(180%); }
.pill-actions .btn:hover .pill-action__circle,.pill-actions .btn:focus-visible .pill-action__circle { transform: scale(2.7); }
.pill-actions .btn:hover .pill-action__label,.pill-actions .btn:focus-visible .pill-action__label { transform: translateY(-180%); }
body[data-motion="paused"] .text-type__cursor { animation: none; }
body[data-motion="paused"] .line-sidebar__item,body[data-motion="paused"] .pill-actions * { transition: none !important; }
@media (prefers-reduced-motion:reduce) { .text-type__cursor { animation: none; } .line-sidebar__item,.pill-actions * { transition: none !important; } }
@media (max-width: 800px) {
 .training-history-layout { grid-template-columns: 1fr; gap: 15px; }
 .line-sidebar { position: static; display: flex; flex-wrap: wrap; gap: 3px 12px; padding: 8px; background: #ffffff04; border-radius: 20px; }
 .line-sidebar > .eyebrow { width: 100%; margin: 8px 14px; }
 .line-sidebar__item { min-height: 44px; font-size: 13px; }
 .pill-actions { gap: 9px; }
 .pill-actions > a,.pill-actions > form { flex: 1 1 145px; }
 .pill-actions .btn { width: 100%; padding: 12px 10px; font-size: 13px; }
}
