.training-reminder-card{--training-card-radius:1rem;--training-card-glow:color-mix( in oklab, var(--color-violet-400) 65%, var(--ui-primary) );position:relative;display:flex;height:7rem;flex-direction:column;overflow:hidden;border:1px solid transparent;border-radius:var(--training-card-radius);background:radial-gradient(ellipse at 85% 120%,color-mix(in oklab,var(--training-card-glow) 12%,transparent),transparent 65%) padding-box,linear-gradient(var(--ui-bg),var(--ui-bg)) padding-box,linear-gradient(135deg,var(--ui-border-accented),var(--ui-border) 55%,color-mix(in oklab,var(--training-card-glow) 42%,var(--ui-border))) border-box;box-shadow:0 3px 10px -6px color-mix(in oklab,var(--ui-bg-inverted) 16%,transparent),0 7px 20px -10px color-mix(in oklab,var(--training-card-glow) 36%,transparent)}.training-reminder-open{display:flex;min-width:0;min-height:3.5rem;flex:1;flex-direction:column;gap:.125rem;padding:.5rem 0 .125rem .75rem;text-align:left}.training-reminder-dismiss{position:relative;display:grid;width:2.75rem;height:2.75rem;flex-shrink:0;place-items:center;color:var(--ui-text-muted)}.training-reminder-dismiss:focus-visible,.training-reminder-open:focus-visible{outline:none;color:var(--ui-text-highlighted)}.training-reminder-open:focus-visible{text-decoration:underline;text-underline-offset:3px}.training-reminder-dismiss:focus-visible:after{position:absolute;bottom:.625rem;width:.75rem;border-bottom:2px solid;content:""}.training-reminder-card:focus-within{box-shadow:0 3px 10px -6px color-mix(in oklab,var(--ui-bg-inverted) 16%,transparent),0 7px 22px -9px color-mix(in oklab,var(--training-card-glow) 48%,transparent)}.training-reminder-progress{height:.25rem;overflow:hidden;border-radius:var(--ui-radius);background:var(--ui-bg-accented)}.training-reminder-stack{position:relative;z-index:2}.training-reminder-viewport{max-height:min(30dvh,var(--reminder-max-height));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-border-accented) transparent}.training-reminder-list{display:flex;flex-direction:column;gap:.5rem}.training-reminder-row{flex-shrink:0}.training-reminders-trigger{display:flex;width:100%;min-height:2.75rem;align-items:center;justify-content:center;gap:.25rem;border-radius:var(--ui-radius);color:var(--ui-text)}.training-reminder-popover{width:min(20rem,calc(100dvw - 2rem));max-height:min(70dvh,var(--reka-popover-content-available-height,70dvh));overflow-y:auto;overscroll-behavior:contain;padding:.75rem}@media(hover:hover)and (pointer:fine){.training-reminder-stack{height:var(--reminder-compact-height)}.training-reminder-viewport{position:absolute;inset:auto 0 0;height:100%;max-height:none;overflow:visible}.training-reminder-list{position:relative;height:100%}.training-reminder-row{position:absolute;inset:auto 0 0;transform-origin:bottom center;transition:transform var(--duration-popover) var(--ease-out)}.training-reminder-row[inert]{pointer-events:none}.training-reminder-row--hidden{visibility:hidden}.training-reminder-stack--expanded .training-reminder-viewport{height:min(var(--reminder-full-height),var(--reminder-max-height));background:var(--ui-bg-elevated)}.training-reminder-stack--expanded .training-reminder-row--hidden{visibility:visible}.training-reminder-card:hover{box-shadow:0 3px 10px -6px color-mix(in oklab,var(--ui-bg-inverted) 16%,transparent),0 7px 22px -9px color-mix(in oklab,var(--training-card-glow) 48%,transparent)}.training-reminder-stack--expanded.training-reminder-stack--scrollable .training-reminder-viewport{overflow-y:auto}.training-reminder-stack--expanded.training-reminder-stack--scrollable .training-reminder-list{height:auto}.training-reminder-stack--expanded.training-reminder-stack--scrollable .training-reminder-row{position:relative}.training-reminder-stack:focus-within .training-reminder-row{transition:none}.training-reminder-open:hover{color:var(--ui-primary)}.training-reminder-dismiss:hover{color:var(--ui-text-highlighted)}}@media(prefers-reduced-motion:reduce){.training-reminder-row{transition:none}}