.tool[data-tool=mood-tracker] .moods{gap:var(--space-4);display:grid}.tool[data-tool=mood-tracker] .nav{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tool[data-tool=mood-tracker] .nav h3{text-align:center;text-transform:capitalize;flex:8rem;margin:0}.tool[data-tool=mood-tracker] .nav .btn{min-inline-size:44px}.tool[data-tool=mood-tracker] .cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.tool[data-tool=mood-tracker] .head{text-align:center;font-size:var(--fs-xs);color:var(--c-text-2)}.tool[data-tool=mood-tracker] .day{border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);min-block-size:44px;color:var(--c-text);font:inherit;cursor:pointer}.tool[data-tool=mood-tracker] .day.now{font-weight:700;text-decoration:underline}.tool[data-tool=mood-tracker] .day.sel{outline:3px solid var(--c-focus);outline-offset:1px}.tool[data-tool=mood-tracker] .moods-row{margin-block:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.tool[data-tool=mood-tracker] .mood{min-block-size:56px;padding:var(--space-2) 2px;border:1px solid var(--c-border-strong);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--fs-xs);cursor:pointer;overflow-wrap:anywhere;justify-items:center;gap:2px;display:grid}.tool[data-tool=mood-tracker] .mood[aria-pressed=true]{outline:3px solid var(--c-focus);outline-offset:1px}:is(.tool[data-tool=mood-tracker] .day:focus-visible,.tool[data-tool=mood-tracker] .mood:focus-visible){outline:3px solid var(--c-focus);outline-offset:2px}.tool[data-tool=mood-tracker] .m1{background:color-mix(in srgb, #c0392b 28%, var(--c-surface))}.tool[data-tool=mood-tracker] .m2{background:color-mix(in srgb, #e67e22 28%, var(--c-surface))}.tool[data-tool=mood-tracker] .m3{background:color-mix(in srgb, #f1c40f 30%, var(--c-surface))}.tool[data-tool=mood-tracker] .m4{background:color-mix(in srgb, #7dbb5a 32%, var(--c-surface))}.tool[data-tool=mood-tracker] .m5{background:color-mix(in srgb, #27ae60 36%, var(--c-surface))}.tool[data-tool=mood-tracker] .bars{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tool[data-tool=mood-tracker] .bars li{gap:var(--space-2);font-size:var(--fs-sm);grid-template-columns:6.5rem 1fr 2rem;align-items:center;display:grid}.tool[data-tool=mood-tracker] .bar{background:var(--c-surface-2);border-radius:6px;block-size:12px;overflow:hidden}.tool[data-tool=mood-tracker] .bar>span{block-size:100%;display:block}.tool[data-tool=mood-tracker] .bar-n{text-align:end;font-variant-numeric:tabular-nums}