/* ACGS Life 0.5.0: Mental wellbeing, refined iPhone-only UI. */
.shell-mental .topline{display:none}
.shell-mental .main{padding-top:22px;padding-inline:16px}
.mental-page{display:flex;flex-direction:column;gap:13px;min-width:0;color:#25443a}
.mental-header{padding:2px 3px 9px}
.mental-eyebrow{font-size:.64rem;font-weight:820;letter-spacing:.135em;color:#6e9481}
.mental-eyebrow span{margin-left:5px;font-size:.9rem}
.mental-header h1{font-size:clamp(2.2rem,11vw,3.15rem)!important;line-height:1.07;letter-spacing:-.058em;margin:14px 0 13px;color:#1d473c}
.mental-header h1 em{font-style:normal;color:#80a995}
.mental-header p{font-size:.85rem;line-height:1.58;color:#71877a;max-width:305px}
.mental-card{background:#fff;border:1px solid #e3ece5;box-shadow:0 7px 22px #1a473b08;border-radius:20px;padding:17px 15px}
.mental-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}
.mental-card-head h2{font-size:1.05rem!important;color:#24483c;letter-spacing:-.025em;margin-top:4px}
.mental-card-kicker{display:block;font-size:.59rem;letter-spacing:.115em;font-weight:820;color:#8ba597}
.mental-icon{width:37px;height:37px;border-radius:12px;background:#eaf3ed;display:grid;place-items:center;font-size:1.38rem;color:#568b71;flex:none}
.mental-mood-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.mental-mood{min-width:0;min-height:84px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;background:#f7faf7;border:1px solid #edf2ed;color:#6d8b7a;border-radius:13px;padding:7px 2px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.mental-mood span:last-child{font-size:.58rem;font-weight:750;line-height:1.14;text-align:center;hyphens:auto;overflow-wrap:anywhere}
.mental-mood-symbol{display:grid;place-items:center;font-size:1.45rem;line-height:1;width:31px;height:31px;border-radius:50%;color:#6b9880}
.mental-mood.is-active{background:#e9f4ec;border-color:#94c2a3;color:#275940;box-shadow:inset 0 0 0 1px #b9d9c1}
.mental-mood.is-active .mental-mood-symbol{background:#d7eade;color:#28734f}
.mental-mood:active{transform:scale(.97)}
.mental-divider{height:1px;background:#edf2ed;margin:18px 0 14px}
.mental-energy-row h3{font-size:.85rem;color:#284a3d;letter-spacing:-.02em}
.mental-energy-row span{display:block;font-size:.73rem;color:#8ba092;margin-top:3px}
.mental-energy-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
.mental-energy-option{min-height:44px;border-radius:12px;border:1px solid #e1eae2;background:#f9fbf9;font-weight:760;color:#718b7b;font-size:.77rem}
.mental-energy-option.is-active{border-color:#9cbea7;background:#e7f2e9;color:#2c684a}
.mental-sleep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.mental-input-block{display:flex;flex-direction:column;gap:7px;min-width:0}
.mental-input-block>span{font-size:.74rem;font-weight:780;color:#5e806c}
.mental-input-unit,.mental-select-wrap{border:1px solid #e0eae3;background:#f7faf7;border-radius:12px;display:flex;align-items:center;min-width:0}
.mental-input-unit input,.mental-select-wrap select{min-width:0;width:100%;min-height:47px;border:0;outline:0;background:transparent;color:#28533f;font-size:16px;font-weight:750;padding:9px 9px 9px 12px}
.mental-input-unit small{font-size:.67rem;color:#8fa296;padding-right:10px;white-space:nowrap}
.mental-select-wrap select{font-weight:710;appearance:auto}
.mental-journal{padding:0;overflow:hidden}
.mental-journal>summary{display:flex;align-items:center;gap:11px;padding:15px;cursor:pointer;list-style:none;min-height:70px}
.mental-journal>summary::-webkit-details-marker{display:none}
.mental-journal-title{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.mental-journal-title strong{font-size:.9rem;color:#234638}
.mental-journal-title small{font-size:.71rem;color:#8ba093}
.mental-chevron{margin-left:auto;color:#86a18e;font-size:1.35rem;transition:transform .2s ease}
.mental-journal[open] .mental-chevron{transform:rotate(180deg)}
.mental-journal-body{padding:0 15px 15px;border-top:1px solid #edf2ed}
.mental-journal-body>label{display:block;margin:15px 0 9px;font-size:.78rem;font-weight:730;color:#50725d}
.mental-journal-body>label span{font-weight:500;color:#93a699}
.mental-journal textarea{width:100%;min-height:125px;resize:vertical;background:#f8faf8;border:1px solid #dde9df;border-radius:12px;padding:12px;font-size:16px;color:#294c3e;line-height:1.55;outline:0}
.mental-journal textarea:focus{border-color:#8bb69a;box-shadow:0 0 0 3px #d7eadb}
.mental-journal-foot{display:flex;gap:7px;justify-content:space-between;align-items:flex-start;margin-top:9px}
.mental-journal-foot>span:first-child{font-size:.66rem;line-height:1.4;color:#90a395;flex:1}
.mental-counter{font-size:.64rem;color:#8ca394;white-space:nowrap}
.mental-impulse-list{display:flex;flex-direction:column;gap:0}
.mental-impulse{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #f0f4f0}
.mental-impulse:first-child{border:0;padding-top:0}
.mental-impulse-symbol{width:32px;height:32px;border-radius:10px;background:#eff5ed;color:#6d9b76;display:grid;place-items:center;flex:none}
.mental-impulse span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
.mental-impulse strong{font-size:.77rem;color:#355b47;line-height:1.3}
.mental-impulse small{font-size:.68rem;color:#93a397}
.mental-view-challenges{margin-top:10px;border:none;min-height:44px;width:100%;border-radius:12px;background:#eaf4ec;color:#32694b;font-size:.77rem;font-weight:790;display:flex;align-items:center;justify-content:space-between;padding:11px 14px}
.mental-footnote{text-align:center;color:#6c8b77;font-size:.77rem;line-height:1.55;padding:4px 11px 14px}
.mental-footnote>span{color:#74a18b;margin-right:4px}
.mental-footnote small{display:block;color:#9bac9f;font-size:.64rem;line-height:1.5;margin-top:7px}
@media(max-width:350px){.mental-page{gap:10px}.mental-card{padding:14px 11px}.mental-mood{min-height:78px}.mental-mood span:last-child{font-size:.52rem}.mental-mood-grid{gap:3px}.mental-mood-symbol{font-size:1.3rem}.mental-journal>summary{padding:12px}}
@media(prefers-reduced-motion:reduce){.mental-mood,.mental-chevron{transition:none}}

.mental-example-hint{font-size:.66rem;color:#94a799;line-height:1.3;margin:-7px 0 10px}