*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;margin:0;background:#f5f5f5}.app{max-width:480px;margin:0 auto;min-height:100vh;background:#fff}.header{padding:1rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.btn{padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem}.btn-primary{background:#1a73e8;color:#fff}.btn-primary:hover{background:#1557b0}.btn-ghost{background:transparent;color:#666}.input{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.card{padding:1rem;border-bottom:1px solid #eee;cursor:pointer}.card:hover{background:#f9f9f9}.card h4{margin:0 0 .25rem;font-size:1rem}.card p{margin:0;color:#666;font-size:.875rem}.bubble{max-width:80%;padding:.6rem 1rem;border-radius:12px;margin:.25rem 0}.bubble.sent{background:#dcf8c6;margin-left:auto}.bubble.received{background:#eee}.thread-header{padding:.75rem 1rem;border-bottom:1px solid #eee;display:flex;align-items:center;gap:.5rem}.compose{padding:1rem;display:flex;gap:.5rem;border-top:1px solid #eee}.compose input{flex:1}