:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#243c40;background:#f3f6f4;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;border-radius:10px;background:#28685d;color:white;padding:12px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}input,textarea{border:1px solid #bacbc5;border-radius:8px;padding:11px;background:#fff;color:#243c40}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d39c52;outline-offset:2px}.card{max-width:420px;margin:8vh auto;padding:30px;background:white;border-radius:18px;box-shadow:0 12px 40px #2541390c}.brand,small,#progress{color:#657b75;font-size:13px}h1{font-weight:600;font-size:27px}p{line-height:1.7}#login-form{display:grid;gap:10px}#login-form label{margin-top:8px}#login-form button{margin-top:10px}#login-error{color:#9f342d}main{max-width:820px;margin:0 auto;background:#f8faf8;height:100dvh;display:flex;flex-direction:column}main[hidden],[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:white;border-bottom:1px solid #dce5df}.quiet{background:transparent;color:#526d64;padding:8px}#messages{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:18px;min-height:100px}.message{max-width:90%;padding:14px 18px;border-radius:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.assistant{background:white;border:1px solid #dce5df;align-self:flex-start}.user{background:#e0eee6;align-self:flex-end}#message-form{display:flex;gap:10px;padding:12px 16px max(12px,env(safe-area-inset-bottom));background:white}textarea{flex:1;resize:none;min-width:0}#status{font-size:14px;color:#657b75;padding:0 18px;min-height:20px}#diary-panel,#trend-panel{padding:8px 20px;background:white;border-top:1px solid #dce5df}summary{cursor:pointer;font-size:14px;padding:4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid label{font-size:13px;display:flex;flex-direction:column;gap:5px}.grid input{min-width:0;width:100%}#diary-form button{margin:12px 0}#trend{display:block;width:100%;max-height:200px}#trend-caption{font-size:12px;margin:0}#retry,#confirm-diary{margin:4px 20px;align-self:flex-start}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:520px){.card{margin:4vh 16px;padding:24px}.grid{grid-template-columns:repeat(2,1fr)}#messages{padding:12px}.message{max-width:96%;font-size:15px}#diary-panel[open]{max-height:45dvh;overflow:auto}header{padding:12px 16px}}