/* Habits — daily ritual cards shared by both established app themes */
.ht-home,.ht-page{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.ht-panel,.ht-sleep-reading{background:linear-gradient(145deg,rgba(255,254,249,.97),rgba(241,248,237,.97));color:#263f33;border:1px solid #e1eadb;border-radius:21px;box-shadow:0 13px 30px #1e4a3520;padding:clamp(16px,2.4vw,25px);min-width:0}
.ht-home{margin:0 0 20px}
.ht-eyebrow{color:#507c62;letter-spacing:1.55px;font-size:10px;font-weight:850;text-transform:uppercase}
.ht-toprow{display:flex;align-items:center;justify-content:space-between;gap:13px}
.ht-toprow h2{font:500 clamp(29px,3.5vw,39px)/1.12 Georgia,"Times New Roman",serif;color:#254b37;margin:7px 0}
.ht-toprow p{font-size:13px;color:#5b7663;line-height:1.5;margin:4px 0}
.ht-ring,.ht-smallring{border-radius:50%;background:conic-gradient(#4f8c67 var(--ht-p),#e2eadf var(--ht-p));display:grid;place-items:center;flex-shrink:0;padding:9px;box-shadow:0 7px 15px #28513b24}
.ht-ring{width:112px;height:112px}
.ht-ring>div,.ht-smallring>b{background:#fffdf5;border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#34634a}
.ht-ring strong{font:600 26px Georgia,serif}
.ht-ring span{font-size:10px;font-weight:700}
.ht-smallring{width:65px;height:65px;padding:6px}
.ht-smallring>b{font-size:15px}
.ht-home-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.ht-compact,.ht-action{position:relative;display:flex;align-items:center;gap:10px;min-width:0;text-align:left;background:#fffefa;color:#284b39;border:1.5px solid #dbe9d9;border-radius:15px;padding:12px;box-shadow:0 3px 11px #24533a11;min-height:62px}
.ht-compact:hover,.ht-action:hover{border-color:#90c6a5}
.ht-compact.ht-done,.ht-action.ht-done{background:#e9f6e9;border-color:#8dbca0}
.ht-icon{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:10px;background:#ecf3e5;color:#3d7754;font-size:22px}
.ht-name{min-width:0;flex:1}
.ht-name strong{display:block;font-size:13px;font-weight:760;line-height:1.35;overflow-wrap:anywhere}
.ht-name small{display:block;color:#617d6e;font-size:11px;line-height:1.45;margin-top:4px}
.ht-tick{font-size:22px;color:#6b8a72;flex:0 0 auto}
.ht-done .ht-tick{color:#217a4c}
.ht-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:15px;flex-wrap:wrap;font-size:13px;color:#607968}
.ht-cta{background:#2b7450!important;color:#fff!important;border:1px solid #26704b!important;border-radius:12px!important;padding:11px 15px!important;font-weight:750!important;font-size:13px!important;min-height:42px!important;box-shadow:0 5px 13px #2b74503b;cursor:pointer}
.ht-cta:hover{background:#1f6543!important}
.ht-page{max-width:1100px;margin:0 auto}
.ht-hero{background:linear-gradient(110deg,#204335df,#54765cd2),var(--ht-bg,linear-gradient(140deg,#6b9c80,#183f39));background-position:center;background-size:cover;border-radius:23px;padding:clamp(22px,4vw,40px);color:#fff9ee;margin-bottom:17px;box-shadow:0 10px 25px #24462f2e}
.ht-hero .ht-eyebrow{color:#f0dcb3}
.ht-hero h2{font:500 clamp(30px,4vw,44px)/1.14 Georgia,serif;color:#fff;margin:9px 0}
.ht-hero p{max-width:550px;line-height:1.55;margin:0;color:#eef8ed}
.ht-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}
.ht-columns>div{display:grid;gap:15px;min-width:0}
.ht-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ht-panel h3,.ht-sleep-reading h3{font:600 24px Georgia,serif;color:#2b5840;margin:8px 0 14px}
.ht-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:16px 0}
.ht-week button{background:#f4f8ef;border:1px solid #dbe6d7;border-radius:10px;min-height:54px;padding:6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#657967;font-size:9px;text-align:center}
.ht-week button b{font-size:13px}
.ht-week button.selected{background:#2d7652;border-color:#2d7652;color:#fff}
.ht-actions{display:grid;gap:8px}
.ht-action{min-height:65px}
.ht-action .ht-name strong{font-size:14px}
.ht-sleep-entry{border-top:1px solid #e1e8de;margin-top:17px;padding-top:16px}
.ht-sleep-entry label{font-weight:700;color:#386348;font-size:13px;line-height:1.4}
.ht-sleep-entry input{max-width:130px}
.ht-muted{font-size:12px;line-height:1.55;color:#64806c;margin:12px 0}
.ht-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ht-metrics label,.ht-purpose{display:grid;gap:6px;color:#467057;font-size:12px;font-weight:750;line-height:1.4}
.ht-metrics .field{width:100%;min-width:0;color:#274732;background:#fff;border:1px solid #c8dfcb;border-radius:11px;padding:11px;font-weight:700;min-height:44px}
.ht-times{grid-template-columns:1fr 1fr;border-top:1px solid #e1e8de;padding-top:15px;margin-top:15px}
.ht-purpose{margin-top:14px}
.ht-purpose textarea{width:100%;min-height:90px;background:#fff;color:#284a37;border:1px solid #c8dfcb;border-radius:12px;padding:12px;resize:vertical;font-size:13px}
.ht-weight-result{display:grid;gap:4px;border-radius:13px;background:#eaf4e7;padding:12px;color:#54705e;font-size:12px;line-height:1.5;margin:13px 0}
.ht-weight-result b{color:#276745;font-size:15px}
.ht-settings{margin-top:0}
.ht-settings summary{display:flex;justify-content:space-between;cursor:pointer;font-weight:800;color:#2d6c4a;list-style:none;align-items:center}
.ht-settings summary::-webkit-details-marker{display:none}
.ht-settings-row{border-bottom:1px solid #e1e9da;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#40634e;font-size:13px}
.ht-settings-row label{display:flex;align-items:center;gap:10px;cursor:pointer}
.ht-settings-row input{accent-color:#2d7a53;height:18px;width:18px}
.ht-settings-row button{border:1px solid #ead6ca;background:#fffaf3;border-radius:10px;padding:7px 9px;color:#92684d;font-size:11px}
.ht-add-row{display:flex;gap:9px;margin-top:14px}
.ht-add-row input{flex:1;min-width:0;border:1px solid #c7dfc9;border-radius:12px;background:#fff;padding:10px;color:#28553a}
.ht-sleep-reading{padding:20px}
.ht-sleep-reading>p{line-height:1.65;font-size:13px;color:#557262;margin:11px 0}
.ht-sleep-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}
.ht-sleep-facts div{border-radius:13px;background:#eaf5e8;padding:13px;display:grid;gap:5px}
.ht-sleep-facts strong{font:600 20px Georgia,serif;color:#2b714e}
.ht-sleep-facts span{font-size:11px;color:#5c7465}
.ht-sleep-reading .ht-disclaimer{font-size:11px;color:#748579}
.ht-material-hint{font-size:12px;color:#597860}
.ht-profile-short{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;margin-bottom:14px;background:#e8f5e9;color:#275f44;border-radius:16px}
.ht-profile-short b{font-size:15px}
main.content.ht-main-home>.sectionhead,main.content.ht-main-home>.journey{display:none!important}
#s-habits .ht-panel,#s-habits .ht-sleep-reading{color:#284434}
#s-habits .ht-panel .field{background:#fff;color:#274732}
@media(max-width:850px){.ht-columns{grid-template-columns:1fr}.ht-home-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-ring{width:95px;height:95px}}
@media(max-width:540px){.ht-panel,.ht-sleep-reading{padding:14px}.ht-home-actions{gap:7px}.ht-compact{padding:9px;gap:7px;min-height:64px}.ht-icon{width:28px;height:28px;font-size:19px}.ht-name strong{font-size:12px}.ht-tick{font-size:19px}.ht-toprow h2{font-size:28px}.ht-toprow p{font-size:11px}.ht-ring{width:83px;height:83px;padding:7px}.ht-ring strong{font-size:22px}.ht-week button{font-size:8px}.ht-metrics{grid-template-columns:1fr 1fr}.ht-metrics label:last-child{grid-column:span 2}.ht-times label:last-child{grid-column:span 1}.ht-sleep-facts{grid-template-columns:1fr 1fr}.ht-sleep-reading>p{font-size:12px}}
@media(max-width:375px){.ht-home-actions{grid-template-columns:1fr}.ht-metrics{grid-template-columns:1fr}.ht-metrics label:last-child{grid-column:span 1}}

.ht-export{margin-top:13px;border-top:1px solid #deeadf;padding-top:14px}.ht-export .ht-cta{max-width:100%;width:100%}