*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f5f5f5;color:#333;max-width:480px;margin:0 auto;padding:16px;min-height:100vh;font-size:17px}
.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}
.login-container h1{font-size:24px;margin-bottom:24px;color:#555}
.login-container input{width:100%;max-width:300px;padding:14px 16px;border:1px solid #ddd;border-radius:8px;font-size:18px;outline:none}
.login-container input:focus{border-color:#4a90d9}
.login-container button{margin-top:16px;width:100%;max-width:300px;padding:14px;background:#4a90d9;color:#fff;border:none;border-radius:8px;font-size:18px;cursor:pointer}
.login-container button:active{background:#3a7bc8}
.error-msg{color:#e74c3c;margin-top:12px;font-size:16px}
.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}
.header h2{font-size:19px;color:#555}
.header a{font-size:16px;color:#4a90d9;text-decoration:none}
.timeline{flex:1;overflow-y:auto;padding-bottom:100px}
.timeline-empty{text-align:center;color:#999;margin-top:60px;font-size:17px}
.timeline-item{display:flex;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:17px}
.timeline-time{color:#999;min-width:52px;flex-shrink:0;font-size:16px}
.timeline-content{flex:1}
.timeline-type{display:inline-block;font-size:13px;padding:2px 8px;border-radius:4px;margin-right:6px;color:#fff}
.type-meal{background:#666}.type-symptom{background:#e74c3c}.type-sleep{background:#3498db}
.type-bowel{background:#e67e22}.type-emotion{background:#9b59b6}.type-medication{background:#27ae60}
.type-life_event{background:#1abc9c}.type-doctor_question{background:#f39c12}
.timeline-detail{color:#333;margin-top:3px}
.timeline-raw{color:#aaa;font-size:14px;margin-top:5px;cursor:pointer;user-select:none}
.timeline-raw .raw-text{display:none;margin-top:2px;color:#888;font-style:italic;font-size:15px}
.timeline-raw.expanded .raw-text{display:block}
.confidence-low{opacity:.6;border-left:2px dashed #e74c3c;padding-left:6px}
.chat-input{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;border-top:1px solid #e0e0e0;display:flex;gap:10px;max-width:480px;margin:0 auto}
.chat-input textarea{flex:1;border:1px solid #ddd;border-radius:22px;padding:12px 16px;font-size:18px;resize:none;outline:none;max-height:140px;line-height:1.5;font-family:inherit}
.chat-input textarea:focus{border-color:#4a90d9}
.chat-input button{background:#4a90d9;color:#fff;border:none;border-radius:24px;width:50px;height:50px;font-size:20px;cursor:pointer;flex-shrink:0}
.chat-input button:disabled{background:#ccc}
.sending-indicator{font-size:14px;color:#999;text-align:center;padding:4px}
.day-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.day-nav a{color:#4a90d9;text-decoration:none;font-size:17px}
.day-nav h2{font-size:18px;color:#555}