.tool[data-tool=gratitude-journal] .gratitude{gap:var(--space-3);display:grid}.tool[data-tool=gratitude-journal] .gratitude p,.tool[data-tool=gratitude-journal] .gratitude h3{margin:0}.tool[data-tool=gratitude-journal] .entry{gap:var(--space-3);display:grid}.tool[data-tool=gratitude-journal] .nav{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.tool[data-tool=gratitude-journal] .nav h3{text-align:center;text-transform:capitalize;flex:8rem}.tool[data-tool=gratitude-journal] .nav .btn{min-inline-size:44px}.tool[data-tool=gratitude-journal] .cal{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.tool[data-tool=gratitude-journal] .head{text-align:center;font-size:var(--fs-xs);color:var(--c-text-2)}.tool[data-tool=gratitude-journal] .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=gratitude-journal] .day.done{background:color-mix(in srgb, var(--c-primary) 22%, var(--c-surface))}.tool[data-tool=gratitude-journal] .day.now{font-weight:700;text-decoration:underline}.tool[data-tool=gratitude-journal] .day.sel{outline:3px solid var(--c-focus);outline-offset:1px}.tool[data-tool=gratitude-journal] .day:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}