.my-rec{max-width:48rem;min-height:100vh;margin-left:auto;margin-right:auto}.my-rec>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.my-rec{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));padding:1.5rem 1rem}.my-rec:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}@media (min-width:640px){.my-rec{padding:2.5rem 1.5rem}}.my-rec__head>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.my-rec__title{--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:900;line-height:2rem;display:flex}.my-rec__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.my-rec__title-icon{--tw-text-opacity:1;color:rgb(var(--palette-violet-500) / var(--tw-text-opacity,1))}.my-rec__lead{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;font-size:.75rem;line-height:1rem}.my-rec__lead:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.my-rec__loading{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;margin:0;font-size:.875rem;line-height:1.25rem;display:inline-flex}.my-rec__empty{--tw-border-opacity:1;border-style:dashed;border-width:1px;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;margin:0;padding:2rem 1rem;font-size:.875rem;line-height:1.25rem;display:flex}.my-rec__empty:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.my-rec__empty p{margin:0}.my-rec__who{--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));margin:0;font-size:.875rem;line-height:1.25rem}.my-rec__who:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.my-rec__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:640px){.my-rec__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.my-rec__stat{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;flex-direction:column;gap:.125rem;padding:.75rem;display:flex}.my-rec__stat:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.my-rec__stat--hot{--tw-border-opacity:1;border-color:rgb(var(--palette-violet-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-violet-50) / var(--tw-bg-opacity,1))}.my-rec__stat--hot:is(.dark *){border-color:rgb(var(--palette-violet-500) / .4);background-color:rgb(var(--palette-violet-500) / .1)}.my-rec__stat-label{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));font-size:11px;font-weight:700}.my-rec__stat-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.my-rec__stat-value{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-size:1.25rem;font-weight:900;line-height:1.75rem}.my-rec__stat-value:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.my-rec__stat-sub{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:11px}.my-rec__card>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.my-rec__card{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:1rem;padding:1rem}.my-rec__card:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.my-rec__h2{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;margin:0;font-size:.875rem;font-weight:900;line-height:1.25rem;display:flex}.my-rec__h2:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.my-rec__count{--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-size:.75rem;font-weight:700;line-height:1rem}.my-rec__cal{gap:.25rem;display:flex;overflow-x:auto}.my-rec__week{flex-direction:column;gap:.25rem;display:flex}.my-rec__week--labels{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding-right:.125rem;position:sticky;left:0}.my-rec__week--labels:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.my-rec__day{--tw-text-opacity:1;width:1rem;height:1rem;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));justify-content:center;align-items:center;font-size:9px;display:flex}@media (min-width:640px){.my-rec__day{width:1.25rem;height:1.25rem;font-size:10px}}.my-rec__cell{border-radius:.25rem;flex-shrink:0;width:1rem;height:1rem;display:inline-block}@media (min-width:640px){.my-rec__cell{width:1.25rem;height:1.25rem}}.my-rec__cell--on{--tw-bg-opacity:1;background-color:rgb(var(--palette-violet-500) / var(--tw-bg-opacity,1))}.my-rec__cell--off{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-300) / var(--tw-bg-opacity,1))}.my-rec__cell--off:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-600) / var(--tw-bg-opacity,1))}.my-rec__cell--none{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.my-rec__cell--none:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.my-rec__cell--future{background-color:#0000}.my-rec__legend{--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));flex-wrap:wrap;align-items:center;gap:.375rem;margin:0;font-size:11px;display:flex}.my-rec__legend:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.my-rec__legend .my-rec__cell{width:.75rem;height:.75rem;margin-left:.5rem}.my-rec__legend .my-rec__cell:first-child{margin-left:0}@media (min-width:640px){.my-rec__legend .my-rec__cell{width:.75rem;height:.75rem}}.my-rec__badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style-type:none;display:grid}@media (min-width:640px){.my-rec__badges{grid-template-columns:repeat(4,minmax(0,1fr))}}.my-rec__badge{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));text-align:center;--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));border-radius:.75rem;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;display:flex}.my-rec__badge:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.my-rec__badge--earned{--tw-border-opacity:1;border-color:rgb(var(--palette-violet-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-violet-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-violet-700) / var(--tw-text-opacity,1))}.my-rec__badge--earned:is(.dark *){border-color:rgb(var(--palette-violet-500) / .5);background-color:rgb(var(--palette-violet-500) / .1);--tw-text-opacity:1;color:rgb(var(--palette-violet-200) / var(--tw-text-opacity,1))}.my-rec__badge-icon{font-size:1.25rem;line-height:1.75rem}.my-rec__badge-label{font-size:.75rem;font-weight:700;line-height:1rem}.my-rec__badge-done{--tw-text-opacity:1;color:rgb(var(--palette-violet-500) / var(--tw-text-opacity,1));font-size:10px;font-weight:700}.my-rec__badge-done:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-violet-300) / var(--tw-text-opacity,1))}.my-rec__bar{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));border-radius:9999px;width:100%;height:.375rem;display:block;overflow:hidden}.my-rec__bar:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.my-rec__bar-fill{--tw-bg-opacity:1;background-color:rgb(var(--palette-violet-400) / var(--tw-bg-opacity,1));border-radius:9999px;height:100%;display:block}