*{box-sizing:border-box}body{margin:0;font:16px/1.45 system-ui,sans-serif;background:#fbf8f4;color:#222}
header{background:#5b7db1;color:#fff;padding:12px 12px 0;position:sticky;top:0;z-index:2}h1{margin:0 0 8px;font-size:1.3rem}h1 small{font-size:.7rem;opacity:.8}
nav{display:flex;overflow-x:auto;gap:4px}nav button{flex:1;min-width:70px;background:none;border:0;color:#fff;padding:10px 6px;font-size:.95rem;border-bottom:3px solid transparent}nav button.on{border-color:#fff;font-weight:700}
main{max-width:760px;margin:auto;padding:12px}.tab{display:none}.tab.on{display:block}
button{background:#5b7db1;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-size:1rem;cursor:pointer;min-height:44px}button.sec{background:#ddd;color:#222}
input,select,textarea{font:inherit;padding:10px;border:1px solid #bbb;border-radius:10px;width:100%;min-height:44px}
form,.row{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap}form input{flex:1 1 160px}.row>*{flex:1 1 140px}
.warn{background:#fff3cd;border:1px solid #e0c060;border-radius:10px;padding:10px;margin-bottom:10px}
#log{min-height:180px;max-height:55vh;overflow:auto}.m{padding:10px;border-radius:12px;margin:6px 0;max-width:90%}.u{background:#dde7f5;margin-left:auto}.b{background:#fff;border:1px solid #ddd}.m small{display:block;color:#7a5;margin-top:4px;color:#8a6d00}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.big{font-size:1.2rem;padding:22px 4px}
ul{padding-left:0;list-style:none}li{background:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:8px 10px;margin:5px 0}
.cards li b{display:block}.note{font-size:.85rem;color:#555}textarea{margin:6px 0}.checks label{display:flex;gap:8px;align-items:center}.checks input{width:auto;min-height:0}
#week{background:#fff;border-radius:12px;padding:12px;margin:10px 0;border:1px solid #ddd}
footer{text-align:center;font-size:.85rem;padding:20px 10px;color:#555}footer a{color:#3a5f99}#ver{font-family:monospace;font-size:.75rem}
.calm{background:#eaf5ee;border:1px solid #9cc9a8;border-radius:10px;padding:10px;margin-bottom:10px}
.m.urgent,.m.crisis{background:#fde2e2;border:2px solid #c0392b;font-weight:600}.m.crisis{font-size:1.05rem}