/* The habit pages share Roger's warm language club palette. */
.habit-summary{display:flex;gap:16px;justify-content:space-between;align-items:center;background:#f6e7c7;border:1px solid #dfcfae;border-radius:24px;padding:20px;margin:14px 0 24px}.habit-summary strong{font:32px Georgia,serif}.habit-summary p{font-size:12px;margin:8px 0}.habit-summary button{flex-shrink:0;max-width:44%}.habit-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;margin:28px 0}.habit-hero h1{font:48px/1.1 Georgia,serif}.habit-hero p{line-height:1.7;color:#756655}.habit-roger{position:relative;max-width:330px}.habit-roger{aspect-ratio:1;align-self:start}.habit-roger img.roger-photo{display:block;width:100%;height:auto!important;aspect-ratio:1;border-radius:50%;object-fit:contain}.habit-roger .habit-clothing{height:100%}.habit-clothing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 3px 4px #33251a30)}.habit-card{background:#fffdf8;border:1px solid #e8ddcc;border-radius:24px;padding:25px;margin:20px 0}.habit-card h2{font:31px Georgia,serif;margin:0 0 16px}.habit-card p{line-height:1.6}.habit-card small{display:block;line-height:1.6;color:#766c61;font-size:12px}.habit-card progress{display:block;accent-color:#3f584d;width:100%;height:13px;margin:13px 0}.habit-wardrobe,.habit-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.habit-item,.habit-badge{border:1px solid #e8ddcc;border-radius:16px;padding:16px;background:#f7f3ea}.habit-item.owned{background:#edf2e6}.habit-item strong,.habit-badge strong{font-size:14px;display:block}.habit-item p{font-size:12px;color:#766c61}.habit-item button{width:100%;font-size:12px}.habit-badge.earned{background:#fff0be}.habit-badge span{font:32px Georgia;display:block;margin:0 0 10px;color:#9a6138}.habit-leaderboard{padding-left:26px}.habit-leaderboard li{padding:13px 4px;border-bottom:1px solid #e8ddcc}.habit-leaderboard li span{float:right;font-size:12px}.habit-friend{border:1px solid #e8ddcc;border-radius:16px;padding:16px;margin:14px 0}.habit-switch{display:flex!important;gap:12px;align-items:center;margin:16px 0}.habit-switch input{width:20px;height:20px;accent-color:#3f584d}.habit-card input[type=time]{display:block;padding:10px;border:1px solid #cbbca3;border-radius:10px;font:inherit;margin:8px 0 18px;background:#fff8ed}.habit-link{overflow-wrap:anywhere}.habit-link a{color:#3f584d}.habit-error{padding:14px;color:#a4482d}
@media(max-width:600px){.habit-summary{padding:16px;gap:10px}.habit-summary button{font-size:11px;padding:10px}.habit-hero{grid-template-columns:1fr;gap:10px}.habit-hero h1{font-size:38px}.habit-roger{width:220px;justify-self:center;grid-row:1}.habit-card{padding:18px}.habit-card h2{font-size:28px}.habit-wardrobe,.habit-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-item{padding:12px}.habit-leaderboard li span{float:none;display:block;margin-top:5px}.habit-hero .primary{width:100%}}