:root{--paper:#fbf7ef;--ink:#363046;--muted:#756981;--line:#dfd4e4;--accent:#685083;--button-ink:#fff}.brand-page h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(60px,7vw,100px)}.brand-page em{font-weight:400;color:#8b5f92}.habit-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;padding:100px 0;align-items:center}.week-preview{position:relative;background:#e9e0f2;border-radius:30px;padding:50px 34px 28px;box-shadow:0 12px 0 #d4c4e1;transform:rotate(2deg)}.week-preview h2{font-family:Georgia,serif;font-size:38px;font-weight:400;letter-spacing:-.04em;margin-bottom:12px}.week-preview p{font-size:15px}.week-preview .fine{font-size:11px;margin-bottom:0;margin-top:18px}.sticker{position:absolute;right:22px;top:-38px;border-radius:50%;background:#f6b898;color:#513b36;text-align:center;font:italic 17px/1.2 Georgia,serif;padding:24px 15px;transform:rotate(14deg)}.habit-week{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.habit-day{border:1px solid #c7b6d5;border-radius:15px;background:#f8f3fb;color:#6b587e;padding:12px 6px;min-height:84px}.habit-day span{display:block;font-size:11px}.habit-day b{font-size:26px;line-height:1.6;font-weight:400}.habit-day[aria-pressed=true]{background:#8b6aa4;color:white;border-color:#8b6aa4}.reset-week{background:transparent;border:0;padding:0;font-size:12px;text-decoration:underline;color:var(--ink)}#week-status{font-size:12px;min-height:20px}.button{border-radius:100px}.habit-story{display:grid;grid-template-columns:1fr 1fr;gap:80px}.habit-story h2{font-family:Georgia,serif;font-weight:400;line-height:1.1}.habit-story article{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:28px}.habit-story p{color:var(--muted)}.habit-resources h2{font-family:Georgia,serif;font-weight:400}.resource-grid>a{padding:28px;background:#f0e7f3;border:0;border-radius:22px}.resource-grid>a:nth-child(2){background:#f7e0ca}.resource-grid>a:nth-child(3){background:#e1e9d8}body:not(.brand-page){background:var(--paper);color:var(--ink)}body:not(.brand-page) h1,body:not(.brand-page) h2{font-family:Georgia,serif;font-weight:400}body:not(.brand-page) .article{max-width:790px}@media(max-width:850px){.habit-hero{grid-template-columns:1fr;gap:60px;padding:50px 0 65px}.week-preview{max-width:550px;transform:rotate(1deg);margin-right:5px}.habit-story{grid-template-columns:1fr;gap:26px}.habit-week{grid-template-columns:repeat(4,1fr)}}