*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;height:100vh}.app-container{display:flex;flex-direction:column;height:100vh;max-width:800px;margin:0 auto;background:#fff}.header{background:#007aff;padding:16px 20px;color:#fff;flex-shrink:0}.header h1{font-size:20px;margin-bottom:4px}.header .subtitle{font-size:12px;opacity:.8}.header .status{font-size:12px;color:#4cd964;margin-top:4px}.safety-banner{background:#ff3b30;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;margin-top:8px;text-align:center}.chat-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.welcome{text-align:center;padding:40px 20px;color:#666}.welcome h2{font-size:24px;margin-bottom:12px;color:#333}.welcome p{margin-bottom:16px}.examples{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.examples span{background:#f0f0f0;padding:8px 16px;border-radius:20px;font-size:13px;color:#007aff}.message{display:flex;gap:10px;max-width:85%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message .avatar{width:32px;height:32px;border-radius:50%;background:#e5e5ea;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.message-content{padding:12px 16px;border-radius:16px;background:#e5e5ea;word-wrap:break-word;line-height:1.5}.message.user .message-content{background:#007aff;color:#fff}.message.assistant .message-content{background:#e5e5ea;color:#000}.typing-dots{animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}.input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #ddd;background:#fff;flex-shrink:0}.input-area input{flex:1;padding:10px 16px;border:1px solid #ddd;border-radius:24px;font-size:16px;outline:none}.input-area input:focus{border-color:#007aff}.camera-btn,.send-btn{padding:10px 20px;border:none;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.camera-btn{background:#f0f0f0;font-size:20px;padding:8px 16px}.send-btn{background:#007aff;color:#fff}.send-btn:disabled{opacity:.5;cursor:not-allowed}.camera-container{display:flex;flex-direction:column;height:100vh;background:#000}.camera-header{display:flex;align-items:center;gap:16px;padding:16px;background:#000c;color:#fff;z-index:10}.back-btn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer}.camera-preview{flex:1;width:100%;object-fit:cover}.camera-controls{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10}.capture-btn{width:80px;height:80px;border-radius:50%;background:#ffffff4d;border:4px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center}.capture-circle{width:60px;height:60px;border-radius:50%;background:#fff}.photo-preview{position:absolute;bottom:140px;left:50%;transform:translate(-50%);background:#000000e6;border-radius:16px;padding:16px;max-width:400px;width:90%;text-align:center;z-index:10}.photo-preview img{max-width:100%;border-radius:8px;margin-bottom:12px}.photo-preview p{color:#fff;font-size:14px;margin:8px 0}.use-photo-btn{background:#007aff;color:#fff;border:none;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px;text-align:center}.loading-spinner{width:60px;height:60px;border:4px solid #e5e5ea;border-top-color:#007aff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container h2{margin-top:20px;font-size:20px}.loading-container p{margin-top:8px;color:#666}.loading-sub{font-size:12px;color:#999}.loading-tip{font-size:14px;color:#007aff;margin-top:20px}.continue-btn{margin-top:20px;padding:12px 24px;background:#007aff;color:#fff;border:none;border-radius:12px;font-size:16px;cursor:pointer}@media (max-width: 600px){.message{max-width:95%}.input-area input{font-size:14px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{height:100vh}