:root{--primary-red:#d32f2f;--primary-red-hover:#b71c1c;--bg-color:#f5f5f5;--surface-color:#fff;--text-dark:#333;--text-light:#fff;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--border-radius:12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-dark);width:100vw;height:100vh;overflow:hidden}#root{flex-direction:column;height:100%;display:flex}.app-header{background-color:var(--primary-red);color:var(--text-light);text-align:center;box-shadow:var(--shadow-md);z-index:10;justify-content:space-between;align-items:center;padding:16px;font-size:1.2rem;font-weight:700;display:flex}.icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.btn{background-color:var(--primary-red);color:var(--text-light);border-radius:var(--border-radius);cursor:pointer;width:100%;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.btn:active{background-color:var(--primary-red-hover);transform:translateY(1px)}.btn-secondary{color:var(--text-dark);background-color:#e0e0e0}.view-container{flex-direction:column;flex:1;padding:16px;display:flex;position:relative;overflow-y:auto}.chat-list{list-style:none}.chat-item{background:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;gap:16px;margin-bottom:12px;padding:16px;display:flex}.chat-avatar{background-color:var(--primary-red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex}.chat-title{font-size:1.1rem;font-weight:600}.camera-container{background:#000;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:-16px;display:flex;position:relative}.video-stream{object-fit:cover;width:100%;height:100%}.camera-controls{justify-content:center;width:100%;display:flex;position:absolute;bottom:30px}.shutter-btn{cursor:pointer;background-color:#fff6;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.shutter-btn-inner{background-color:#fff;border-radius:50%;width:50px;height:50px;transition:transform .1s}.shutter-btn:active .shutter-btn-inner{transform:scale(.9)}.preview-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.preview-image{max-width:100%;max-height:60vh;box-shadow:var(--shadow-md);border-radius:8px}.preview-actions{gap:12px;width:100%;display:flex}.chat-messages{flex-direction:column;flex:1;gap:12px;margin-bottom:16px;display:flex;overflow-y:auto}.message-bubble{background:var(--primary-red);color:#fff;max-width:80%;box-shadow:var(--shadow-sm);border-radius:16px 16px 0;align-self:flex-end;padding:12px}.thumbnail-preview{object-fit:cover;filter:blur(10px);border:2px solid #ffffff4d;border-radius:8px;width:150px;height:150px;margin-bottom:8px}.chat-input-area{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);background:#fff;gap:8px;padding:12px;display:flex}.chat-input-area input{border:none;outline:none;flex:1;font-size:1rem}