@layer components{.daily-habit{width:100%;max-width:420px;margin-block:20px}.habit-heading,.habit-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.habit-heading b{font-size:14px;font-weight:600}.habit-heading small,.habit-footer small{color:var(--color-mute);font-size:12px}.habit-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-block:12px 4px;padding:0;list-style:none;display:grid}.habit-week li{color:var(--color-mute);flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.habit-stamp{aspect-ratio:1;border-radius:var(--radius-ctl);background:var(--color-card);justify-content:center;align-items:center;width:100%;max-height:40px;display:flex}.habit-week .played .habit-stamp{background:var(--color-ink);color:var(--color-paper)}.habit-week [aria-current=date] .habit-stamp{outline:1px solid var(--color-ink);outline-offset:2px}.habit-week .future .habit-stamp{border:1px solid var(--color-line);background:0 0}.habit-footer{align-items:flex-start}.habit-footer>small{padding-top:14px}.habit-footer details{text-align:right}.habit-footer summary{cursor:pointer;text-underline-offset:3px;justify-content:flex-end;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;display:flex}.habit-footer summary::marker{content:""}.habit-footer summary::-webkit-details-marker{display:none}.habit-reminder{flex-direction:column;align-items:flex-end;gap:10px;max-width:240px;padding-block:8px;display:flex}.habit-reminder label{align-items:center;gap:12px;font-size:13px;display:flex}.habit-reminder input{border:1px solid var(--color-line);border-radius:var(--radius-ctl);min-height:44px;color:var(--color-ink);background:var(--color-paper);padding:6px 10px}.habit-reminder .btn{min-height:44px}.habit-reminder p{color:var(--color-mute)}}@supports not (color:color-mix(in srgb, red, blue)){.daily-habit:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){width:100%;max-width:420px;margin-block:20px}.habit-heading:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer),.habit-footer:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){justify-content:space-between;align-items:center;gap:12px;display:flex}.habit-heading b:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){font-size:14px;font-weight:600}.habit-heading small:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer),.habit-footer small:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute);font-size:12px}.habit-week:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-block:12px 4px;padding:0;list-style:none;display:grid}.habit-week li:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute);flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.habit-stamp:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){aspect-ratio:1;border-radius:var(--radius-ctl);background:var(--color-card);justify-content:center;align-items:center;width:100%;max-height:40px;display:flex}.habit-week .played .habit-stamp:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){background:var(--color-ink);color:var(--color-paper)}.habit-week [aria-current=date] .habit-stamp:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){outline:1px solid var(--color-ink);outline-offset:2px}.habit-week .future .habit-stamp:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){border:1px solid var(--color-line);background:0 0}.habit-footer:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){align-items:flex-start}.habit-footer>small:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){padding-top:14px}.habit-footer details:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){text-align:right}.habit-footer summary:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){cursor:pointer;text-underline-offset:3px;justify-content:flex-end;align-items:center;min-height:44px;font-size:12px;text-decoration:underline;display:flex}.habit-footer summary:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer)::marker{content:""}.habit-footer summary:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer)::-webkit-details-marker{display:none}.habit-reminder:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){flex-direction:column;align-items:flex-end;gap:10px;max-width:240px;padding-block:8px;display:flex}.habit-reminder label:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){align-items:center;gap:12px;font-size:13px;display:flex}.habit-reminder input:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){border:1px solid var(--color-line);border-radius:var(--radius-ctl);min-height:44px;color:var(--color-ink);background:var(--color-paper);padding:6px 10px}.habit-reminder .btn:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){min-height:44px}.habit-reminder p:not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer):not(#__cv_layer){color:var(--color-mute)}}