.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{font-size:calc(1.5rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;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{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:0;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{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;margin:0;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;font-size:calc(.875rem * var(--site-font-scale,1));--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;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{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));margin:0;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{font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));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{font-size:calc(1.25rem * var(--site-font-scale,1));--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-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{font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.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{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;margin:0;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{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));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{width:1rem;height:1rem;font-size:calc(9px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));justify-content:center;align-items:center;display:flex}@media (min-width:640px){.my-rec__day{width:1.25rem;height:1.25rem;font-size:calc(10px * var(--site-font-scale,1))}}.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{font-size:calc(11px * var(--site-font-scale,1));--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;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__rank-link{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1));font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1));border-radius:9999px;align-items:center;gap:.25rem;margin-left:auto;padding:.125rem .5rem;font-weight:700;display:inline-flex}.my-rec__rank-link:hover{--tw-bg-opacity:1;background-color:rgb(253 230 138/var(--tw-bg-opacity,1))}.my-rec__rank-link:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));background-color:#fbbf2426}.my-rec__rank-link:hover:is(.dark *){background-color:#fbbf2440}.my-rec__legend-count{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-fuchsia-500) / 1) var(--tw-gradient-from-position);--tw-gradient-to:#fbbf24 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:9999px;align-items:center;gap:.25rem;margin-left:.5rem;padding:.125rem .5rem;font-weight:900;display:inline-flex}.my-rec__badge-groups>: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__badge-group{min-width:0}.my-rec__badge-group-title{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));flex-wrap:wrap;align-items:center;gap:.375rem;margin:0 0 .5rem;font-weight:900;line-height:1rem;display:flex}.my-rec__badge-group-title:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}.my-rec__badge-group-hint{font-size:calc(10px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:400}.my-rec__badge-group-hint:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.my-rec__badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;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));gap:.5rem}}@media (min-width:1024px){.my-rec__badges{grid-template-columns:repeat(5,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:1rem .375rem .5rem;display:flex;position:relative}.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))}@media (min-width:640px){.my-rec__badge{padding:1rem .75rem .75rem}}.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--bronze{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.my-rec__badge--bronze:is(.dark *){--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity,1));background-color:#f973161a;border-color:#f9731680}.my-rec__badge--silver{--tw-border-opacity:1;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1))}.my-rec__badge--silver:is(.dark *){border-color:rgb(var(--palette-slate-400) / .5);background-color:rgb(var(--palette-slate-400) / .1);--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.my-rec__badge--gold{--tw-border-opacity:1;border-color:rgb(251 191 36/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1));--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:#fde68a}.my-rec__badge--gold:is(.dark *){--tw-text-opacity:1;color:rgb(253 230 138/var(--tw-text-opacity,1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);background-color:#fbbf241a;border-color:#fbbf2499}.my-rec__badge--platinum{--tw-border-opacity:1;border-color:rgb(34 211 238/var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));--tw-gradient-from:#ecfeff var(--tw-gradient-from-position);--tw-gradient-to:#e0f2fe var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1));--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:#a5f3fc}.my-rec__badge--platinum:is(.dark *){--tw-gradient-from:#22d3ee26 var(--tw-gradient-from-position);--tw-gradient-to:#38bdf81a var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(207 250 254/var(--tw-text-opacity,1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-color:#22d3ee99}.my-rec__badge--legend{--tw-border-opacity:1;border-width:2px;border-color:rgb(var(--palette-fuchsia-400) / var(--tw-border-opacity,1));background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--palette-fuchsia-50) / 1) var(--tw-gradient-from-position);--tw-gradient-to:#fffbeb var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(var(--palette-violet-50) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(var(--palette-fuchsia-800) / var(--tw-text-opacity,1));--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--palette-fuchsia-200) / 1)}.my-rec__badge--legend:is(.dark *){border-color:rgb(var(--palette-fuchsia-400) / .7);--tw-gradient-from:rgb(var(--palette-fuchsia-500) / .15) var(--tw-gradient-from-position);--tw-gradient-to:#fbbf241a var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(var(--palette-violet-500) / .1) var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-text-opacity:1;color:rgb(var(--palette-fuchsia-100) / var(--tw-text-opacity,1));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.my-rec__badge-tier{font-size:calc(9px * var(--site-font-scale,1));opacity:.7;font-weight:700;position:absolute;top:.25rem;left:.375rem}.my-rec__badge-icon{font-size:calc(1.125rem * var(--site-font-scale,1));line-height:1.75rem}@media (min-width:640px){.my-rec__badge-icon{font-size:calc(1.25rem * var(--site-font-scale,1));line-height:1.75rem}}.my-rec__badge-label{word-break:keep-all;font-size:calc(11px * var(--site-font-scale,1));font-weight:700;line-height:1.25}@media (min-width:640px){.my-rec__badge-label{font-size:calc(.75rem * var(--site-font-scale,1));line-height:1rem}}.my-rec__badge-done{font-size:calc(10px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-violet-500) / var(--tw-text-opacity,1));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}.my-rec__badge-rate{font-size:calc(9px * var(--site-font-scale,1));--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-400) / var(--tw-text-opacity,1));align-items:center;gap:.125rem;font-weight:700;display:inline-flex}.my-rec__badge-rate:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}@media (min-width:640px){.my-rec__badge-rate{font-size:calc(10px * var(--site-font-scale,1))}}.my-rec__badge--earned .my-rec__badge-rate{color:inherit;opacity:.75}.my-rec__badge--earned .my-rec__badge-rate:is(.dark *){color:inherit}.my-rec__badge-note{font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));align-items:flex-start;gap:.25rem;margin:0 0 .75rem;display:flex}.my-rec__badge-note:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}