/* Reflect page: mindful practices. Builds on the shared panel and button styles. */
.nav-inner{grid-template-columns:repeat(7,1fr)}
@media(min-width:781px){.nav-inner{width:840px}}
.intention-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;background:#efe2c9}
.intention-card h2{font-size:26px;margin-top:6px}
.intention-card .secondary-btn{flex:none;margin:0}
.intention-hero{background:#3f5a50;color:#fff1d9;padding:34px}
.intention-hero .tiny-label{color:#f0cf93}
.intention-hero h2{color:#fff1d9;font-size:36px;margin-top:10px;max-width:720px}
.intention-hero p{color:#e5e4cc;max-width:640px}
.intention-yarn{margin-top:22px;padding:15px 18px;border-radius:16px;background:#ffffff14;border:1px solid #ffffff26;display:grid;gap:4px}
.intention-yarn b{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#f0cf93}
.intention-yarn span{font:italic 19px/1.45 Georgia,serif}
.scan-stage{margin-top:18px;min-height:118px;border-radius:18px;padding:20px;background:#f2e8d8;display:grid;align-content:center;gap:6px;text-align:center;transition:background .6s}
.scan-stage strong{font:500 24px Georgia,serif;color:var(--ink)}
.scan-stage span{color:var(--muted);font-size:15px}
.scan-stage.active{background:#e1ebe1}
.scan-dots{display:flex;justify-content:center;gap:6px;margin-top:12px}
.scan-dots i{width:8px;height:8px;border-radius:50%;background:#dccbb0;transition:background .3s}
.scan-dots i.on{background:var(--sea)}
.button-row{flex-wrap:wrap}
.kind-card{background:#f3e3d6}
.kind-steps{margin:16px 0 0;padding-left:22px;color:var(--muted);line-height:1.6;display:grid;gap:8px}
.kind-steps b{color:var(--ink)}
.kind-line,.walk-prompt{font:italic 21px/1.45 Georgia,serif!important;color:var(--rust-dark)!important;margin-top:18px!important}
.gratitude-card{margin-top:20px}
.gratitude-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.jar{flex:none;width:92px;height:104px;border-radius:22px 22px 30px 30px;border:2px solid #c9ab7a;background:linear-gradient(to top,#e7bd78 var(--fill,0%),#fbf6ed var(--fill,0%));display:grid;place-content:center;text-align:center;transition:background .5s}
.jar span{font:600 28px Georgia,serif;color:var(--rust-dark)}
.jar small{font-size:11px;color:#6c5a42}
.gratitude-form{display:flex;gap:10px;margin-top:18px}
.gratitude-form input{flex:1;min-width:0;padding:13px 15px;border:1px solid #dfd0b6;border-radius:999px;background:#fbf6ed;font:16px system-ui;color:var(--ink)}
.gratitude-form .primary-btn{cursor:pointer;font:inherit;font-weight:800}
.gratitude-sparks{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}
.gratitude-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}
.gratitude-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 14px;border-radius:14px;background:#f6eedf;color:var(--ink)}
.gratitude-list li.glow{background:#e7bd78}
.gratitude-list time{font-size:12px;color:var(--muted);flex:none}
.gratitude-list button{border:0;background:none;color:var(--muted);font-size:18px;line-height:1;padding:2px 6px;cursor:pointer}
#gratitude-note .small-action{margin:0 0 0 10px}
.walk-card{background:#e2ece6}
.walk-card .footer-note{text-align:left;padding:18px 0 0}
.ripple-kind{background:#ebd8b7}
#kindness-done[aria-pressed=true]{background:#385e54;color:white}
@media(max-width:780px){.nav-button{font-size:8px;padding:8px 1px}.intention-card{flex-direction:column;align-items:flex-start}.intention-hero{padding:25px}.intention-hero h2{font-size:29px}.gratitude-form{flex-direction:column}.jar{width:74px;height:86px}}
@media(prefers-reduced-motion:reduce){.scan-stage,.jar{transition:none}}